Cesium 相机视角控制

基于Cesium 开发实际功能的时候,需要调整或者固定相机视角,支持用户完成操作。今天也遇到类似的需求,记录一下。

3D视图中

控制视角平移:scene.screenSpaceCameraController.enableRotate = true

true: 允许左键按下视角平移;

false: 禁止左键按下视角平移;

控制视角缩放:scene.screenSpaceCameraController.enableZoom = true

true: 允许中键缩放视角;

false:禁止中键缩放视角;

控制视角旋转:scene.screenSpaceCameraController.enableTilt = true

true:允许视角旋转;

false:禁止视角旋转;

 

2D和哥伦布视图

控制视角平移:scene.screenSpaceCameraController.enableTranslate = true;

true: 允许视角平移;

false:禁止视角平移;

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Cesium提供了基于相机位置和朝向的三维场景渲染。相机控制可以通过改变相机的位置、朝向和视野来实现。Cesium中的相机控制主要涉及以下几个方面: 1. 相机位置控制:可以通过设置相机的位置来改变相机视角,例如: ``` viewer.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height) }); ``` 其中`destination`参数用来设置相机位置,`longitude`和`latitude`为经度和纬度,`height`为高度。 2. 相机朝向控制:可以通过设置相机的朝向来改变相机视角,例如: ``` viewer.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height), orientation: { heading: Cesium.Math.toRadians(heading), pitch: Cesium.Math.toRadians(pitch), roll: Cesium.Math.toRadians(roll) } }); ``` 其中`orientation`参数用来设置相机朝向,`heading`为方位角,`pitch`为俯仰角,`roll`为翻滚角。 3. 相机视野控制:可以通过设置相机的视野来改变相机视角,例如: ``` viewer.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height), orientation: { heading: Cesium.Math.toRadians(heading), pitch: Cesium.Math.toRadians(pitch), roll: Cesium.Math.toRadians(roll) }, fov: Cesium.Math.toRadians(fov) }); ``` 其中`fov`参数用来设置相机的视野,单位为弧度。 此Cesium还提供了一些相机控制的辅助函数,例如`viewer.zoomIn()`和`viewer.zoomOut()`可以实现相机的缩放操作,`viewer.flyTo()`可以通过动画方式将相机定位到指定位置等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老朱自强不息

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值