Cesium 相机视角控制

### 如何在 Cesium 中设置相机的初始视角 在 Cesium 中，可以通过 `viewer.camera.setView()` 方法来设置相机的初始视角。此方法允许开发者指定相机的目标位置（`destination`）和方向（`orientation`）。以下是详细的说明和示例代码。 #### 设置相机的初始视角 `setView()` 方法接受两个主要参数： 1. **目标位置 (`destination`)**：定义相机指向的位置，通常使用地理坐标（经度、纬度和高度）表示。 2. **朝向 (`orientation`)**：定义相机的方向，包括方位角（`heading`）、俯仰角（`pitch`）和翻滚角（`roll`）。 ##### 示例代码 以下是一个完整的示例代码，展示如何设置相机的初始视角： ```javascript // 创建 Cesium Viewer 对象 var viewer = new Cesium.Viewer('cesiumContainer'); // 调用 setView 方法设置相机的初始视角 viewer.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(-74.00, 40.71, 10000.0), // 目标位置：纽约市（经度、纬度、高度） orientation: { heading: Cesium.Math.toRadians(0.0), // 方位角：正北方向 pitch: Cesium.Math.toRadians(-90.0), // 俯仰角：垂直向下看 roll: Cesium.Math.toRadians(0.0) // 翻滚角：无旋转 } }); ``` 以上代码中，`Cesium.Cartesian3.fromDegrees()` 将经纬度转换为三维空间中的笛卡尔坐标系点[^1]。角度单位默认为弧度制，因此需要使用 `Cesium.Math.toRadians()` 函数将角度从度数转为弧度[^2]。 #### 动态调整相机视角 如果希望动态调整相机视角，可以结合定时器或其他事件触发机制。例如，下面的代码展示了如何让相机围绕某个固定点旋转： ```javascript var heading = 0; function rotateHeading() { if (heading >= 360 || heading <= -360) heading = 0; heading += 0.25; // 调节转动速度 viewer.scene.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(121.465538, 30.241737, 1500000), orientation: { heading: Cesium.Math.toRadians(heading), pitch: Cesium.Math.toRadians(-45), // 倾斜一定角度 roll: 0 } }); } setInterval(rotateHeading, 16); // 每隔约16毫秒更新一次视角 ``` 这段代码实现了相机围绕特定地点不断旋转的效果[^3]。 #### 第一视角跟随模型 对于更复杂的场景，比如实现相机的第一视角跟随某动态模型，可以使用 `camera.lookAt()` 方法并配合偏移量设置。具体代码如下： ```javascript // 更新相机位置（第一视角） viewer.camera.lookAt( position, // 模型当前位置 new Cesium.HeadingPitchRange( modelHeading, // 模型的航向角 modelPitch, // 模型的俯仰角 100 // 相机与模型的距离 ) ); ``` 这里的 `position` 是动态模型的世界坐标，而 `modelHeading` 和 `modelPitch` 则是从模型姿态数据中获取的角度值[^4]。 ---