cesium，flyto

### Cesium `flyTo` 方法的使用 Cesium 的 `flyTo` 是一种用于平滑移动相机到指定位置的方法。它可以通过多种方式调用，支持实体（Entity）、属性集合（Property）以及笛卡尔坐标等多种输入形式。 以下是关于 `flyTo` 方法的一些重要说明： #### 基本语法 `viewer.camera.flyTo(destination, options)` 其中： - **destination**: 可以是一个 Entity、Property 或 Cartesian3 数组，表示目标位置。 - **options**: 配置选项对象，可以设置诸如持续时间 (`duration`) 和方向调整参数等[^2]。 #### 参数详解 1. **destination** - 如果传入的是一个 Entity，则会自动计算该实体的位置作为目标。 - 如果是 Property 类型，则基于当前时间解析其值来决定目标位置。 - 如果提供的是 Cartesian3 数组，则直接将其视为目标位置。 2. **options** - `duration`: 动画持续的时间，默认为 1.5 秒。 - `completeCallback`: 动画完成后的回调函数。 - `cancellable`: 是否允许取消动画，默认为 true。 - `endTransform`: 到达终点时应用的变换矩阵。 - `maximumHeight`: 设置飞行过程中最大高度限制。 - `curveType`: 定义路径曲线类型 (默认为线性)。 #### 示例代码 下面是一些常见的 `flyTo` 使用场景及其对应的实现方法： ##### 场景一：飞向特定经纬度位置 如果希望让摄像机飞往地球上的某个具体地点，可以这样操作： ```javascript const viewer = new Cesium.Viewer('cesiumContainer'); viewer.camera.flyTo({ destination : Cesium.Cartesian3.fromDegrees(-75.16499, 39.9528), // 经纬度转换为目标点 orientation : { heading : Cesium.Math.toRadians(0), pitch : Cesium.Math.toRadians(-90), roll : 0.0 }, duration : 2 // 持续时间为2秒 }); ``` ##### 场景二：通过 Entity 实现动态定位 当存在多个标记或者模型需要逐一查看时，可利用 Entities 来简化过程： ```javascript let entity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.16499, 39.9528), point: { pixelSize: 10 } }); // 让视图聚焦于这个新创建的对象 viewer.trackedEntity = entity; viewer.zoomTo(entity); setTimeout(() => { viewer.camera.flyTo(entity); }, 3000); ``` ##### 场景三：自定义结束动作 有时可能还需要在到达目的地之后执行某些额外逻辑，比如显示提示框或加载更多数据： ```javascript viewer.camera.flyTo({ destination : Cesium.Cartesian3.fromDegrees(-122.4194, 37.7749), completeCallback : function() { alert("已抵达旧金山！"); } }); ``` 以上就是有关如何在项目中运用 Cesium 的 `flyTo` 函数的相关指导[^3]。 ---