Camera FlyTo issue

CesiumJS
1

I'm using few GLTF model in Cesium 1.36.
I want to set a camera angle, for which I've defined lat, lon, alt etc values, with 2 seconds duration time.
But when I double click on GLTF model, camera goes to model instantly, then it goes to space, comes back to my expected angle. This looks weird.

Below is my simple cameraFly function

var coords = Cesium.Cartesian3.fromDegrees(longitude, latitude, altitude, Cesium.Ellipsoid.WGS84);
var heading = Cesium.Math.toRadians(heading);
var tilt = Cesium.Math.toRadians(tilt - 90);
var camera_v = viewer.camera;
var options = {
  destination: coords,
  duration: duration,
  orientation: {
    heading: heading,
    pitch: tilt,
    roll: 0.0
  }
};
camera_v.flyTo(options);

2

Also I noticed, after double click on Model, it freeze camera to look at model only, Unless I double click on other polygon.

3

I’m not entirely sure what you’re doing here:

var heading = Cesium.Math.toRadians(heading);
var tilt = Cesium.Math.toRadians(tilt - 90);

Take a look at our Camera Sandcastle Example, particularly the flyToHeadingPitchRoll() function for a working example.

When you click on the model, you can either try canceling the flyTo with Camera.cancelFlight or just disable clicking on the models entirely if you don’t want that behavior.

Thanks, hope that helps.

Gabby