Save a camera view rectangle and later fly to this rectangle with recorded camera angle.

CesiumJS
1

Hi. I’m new in Cesium .

I’m faced with a problem. I can save a camera view recangle. Some time later I want to fly saved rectangle. But I want to look this rectangle with recorded camera position, heading pitch value

I have a solution. I saved this heading and pitch value When recording view rectangle. And in flyToMethod complete property called lookAt function for look from camera with recorded heading ,pitch transform values. But this solution not enough for me .Because firstly camera look above and suddenly look with an angle As a result this cause a ugly animation.

Can I solve this problem with Cesiım flyTo method or anything else?

Thanks

Esra ERİK

2

Hello Esra,

Here is an example for saving and loading a camera view:

var viewer = new Cesium.Viewer(‘cesiumContainer’);
var camera = viewer.scene.camera;
var position;
var orientation = {
heading: 0,
pitch: 0,
roll: 0
};

Sandcastle.addToolbarButton(‘Save’, function() {
position = camera.positionWC.clone();
orientation.heading = camera.heading;
orientation.pitch = camera.pitch;
orientation.roll = camera.roll;
});

Sandcastle.addToolbarButton(‘Load’, function() {
viewer.scene.camera.flyTo({
destination: position.clone(),
orientation: orientation
});
});

``

Best,

Hannah

3

Hello Hannah,
Sorry I wrote same question multiple times. and thanks your answer .I’ll try it .

13 Şubat 2017 Pazartesi 18:46:38 UTC+3 tarihinde Hannah Pinkos yazdı:

4

Hello Hannah.
I try your solution.It’s run perfectly .

Thank you so much your help .

Best.

13 Şubat 2017 Pazartesi 18:46:38 UTC+3 tarihinde Hannah Pinkos yazdı:

5

Great! Glad to help

-Hannah

6

Hi There! I wanted similar feature but positionWC.height is a too big a number (over 8 thousand kilometers). Longitude and latitude values are totally different as well. The website is only using 2D and Columbus View modes. How can I solve this issue?

7

While it is possible to save and restore a certain camera view (as in this example sandcastle), this apparently does not work properly in 2D mode.

You might consider opening a new thread about this, focussing on the 2D aspect (and maybe explaining why you don’t want to have “big numbers”…)