How to panning cesium 2D map having asia as center without zooming

CesiumJS
1

Hi

Using cesium it is possible to pan the 2D map having Asia as center ?

Example as shown in the image.

Thanks
Cheers
tS

2

Hi there,

Yes – you can change the camera position in 2D mode using a variety of different camera functions. For example: http://cesiumjs.org/Cesium/Apps/Sandcastle/?src=Hello%20World.html&label=Showcases&gist=bdfabff77be1f2e9fd520efff6b892ec

Hope that helps,

  • Rachel
3

Hi Rachel,
Thanks for the help.
I tried on CesiumViewer. It did shift, the but map did not wrap as shown above.
The following changes were made in the index.html.

<script>
    Cesium.BingMapsApi.defaultKey ='----------------------------q9N2OZsPv18T';
           
    var viewer = new Cesium.Viewer('cesiumContainer',{sceneMode : Cesium.SceneMode.SCENE2D});
    var target = new Cesium.Cartesian3.fromDegrees(86, 40, 35000000);
    viewer.camera.flyTo({
    destination: target
});

</script>

I tried to update my bing key for SandCastle in “Hello World.html”
function startup(Cesium) {
‘use strict’;
//Sandcastle_Begin

Cesium.BingMapsApi.defaultKey =’----------------------------------T’;

var viewer = new Cesium.Viewer(‘cesiumContainer’);

//Sandcastle_End
Sandcastle.finishedLoading();
} (typeof Cesium !== “undefined”) {
startup(Cesium);
} else if (typeof require === “function”) {
require([“Cesium”], startup);
}

Any ideal on this ?
Thanks.
Cheers
TS

4

Hi
I solve it by us cesium 1.34

var target = new Cesium.Cartesian3.fromDegrees(103.85195, 1.290270, 35000000);
viewer.camera.setView( { destination : target,
orientation: {
heading : Cesium.Math.toRadians(90.0), // east, default value is 0.0 (north)
pitch : Cesium.Math.toRadians(-90), // default value (looking down)
roll : 0.0 // default value
}});