cesium实现开场动画效果

Cesium实战系列文章总目录： 传送门

1.实现效果

2.实现方法

2.1官方API参考

Cesium官方提供了Camera的flyTo方法实现了飞向目的地的动画效果。

官方API：传送门
这里只需要用到目的地（destination）和持续时间（duration）这两个参数即可。

2.2实现代码

（1）代码调用
这里以西安钟楼为目的地，实现开场动画效果。

let position = {
   lon: 108.9423,
   lat: 34.2609,
   height: 15000
};
flyToPosition(viewer, position, 4);

（2）核心函数

/**
 * @description : 初始场景动画，飞到目标点
 * @param {*} viewer 
 * @param {*} position ：目标点位置
 * @param {*} duration ：持续时间
 * @return {*}
 */
function flyToPosition(viewer, position, duration) {
    viewer.camera.flyTo({
        destination: Cesium.Cartesian3.fromDegrees(position.lon, position.lat, position.height),
        duration: duration,
    });
}