ToB企服应用市场:ToB评测及商务社交产业平台

标题: cesium 设置相机视角 flyTo 参数destination，orientation [打印本页]

---

作者: 梦应逍遥    时间: 2024-11-12 09:24
标题: cesium 设置相机视角 flyTo 参数destination，orientation
效果

1.   // 监听相机的改变 用来设置相机飞行到哪里
2.   window.viewer.camera.changed.addEventListener(function () {
3.     // 当相机改变时，获取相机的参数
4.     let camera = window.viewer.camera;
5.     // 获取当前摄像机的位置（经纬度）
6.     let cameraPosition = window.viewer.camera.position;
7.     let cartographic = Cesium.Cartographic.fromCartesian(cameraPosition);
8.     let longitude = Cesium.Math.toDegrees(cartographic.longitude);
9.     let latitude = Cesium.Math.toDegrees(cartographic.latitude);
10.     let height = cartographic.height;
11.     console.log("这是camera", camera);
12.     console.log("这是longitude", longitude);
13.     console.log("这是latitude", latitude);
14.     console.log("这是height", height);
15.   });

复制代码

1.     flyCamera(objects) {
2.         let {
3.             x = 112.582590,
4.             y = 31.170320,
5.             z = 500,
6.             // 垂直方向
7.             heading = Cesium.Math.toRadians(0),
8.             pitch = Cesium.Math.toRadians(-90),
9.             roll = 0,
10.         } = objects || {}
11.         this.viewer.camera.flyTo({
12.             destination: Cesium.Cartesian3.fromDegrees(x, y, z),
13.             orientation: {
14.                 heading,
15.                 pitch,
16.                 roll,
17.             }
18.         });
19.     }

复制代码

1.   window.mapCeFun.flyCamera({
2.   //这里的xy则是上面打印的经纬度的值，z就是height的值
3.     x: 112.59652732156285,
4.     y: 31.11775227001935,
5.     z: 47.195746815815795,
6.     //这下面三个值直接用上面打印的camera.的heading,pitch,roll直接就是弧度
7.     heading: 0.002975580802861977,
8.     pitch: -0.2504325212185343,
9.     roll: 1.4109491353053727e-8,
10.   });

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4