cesium监听地图缩放，控制地图内容的显示不同

最新推荐文章于 2024-08-17 10:00:00 发布

追梦的小猴子

最新推荐文章于 2024-08-17 10:00:00 发布

阅读量1w

点赞数 1

分类专栏： gis 前端知识

本文链接：https://blog.csdn.net/zhangqun23/article/details/89468238

版权

在Cesium中，地图的层级控制不同于二维地图的zoom，而是依赖于相机的高度。通过监听camera.moveEnd事件获取相机高度，并根据高度判断地图内容的显示状态。当相机高度大于100000时，执行特定操作；否则，执行其他操作。相关教程链接提供参考。

摘要由CSDN通过智能技术生成

1、获取相机高度

与二维不同，cesium其实没有层级的概念，二维之中当前层级是由zoom来控制，但是三维，视角的范围全靠视角高度来控制。

var currentMagnitude = viewer.camera.getMagnitude();
console.log('currentMagnitude - ' + currentMagnitude);
viewer.camera.zoomIn((10000000));
console.log('NewMagnitude - '+ viewer.camera.getMagnitude());
zoomin代表高度拉近多少。

zoomout代表视角高度拉远多少，也不用去管当前视角高度，因此他就是相对于当前高度的

2、cesium监听相机事件

viewer.scene.camera.moveEnd.addEventListener(function(){
//获取当前相机高度
height = Math.ceil(earth.camera.positionCartographic.height);

})

3、最终结合使用实现cesium监听地图缩放，控制地图内容的显示不同

viewer.scene.camera.moveEnd.addEventListener(function(){
var currentMagnitude = viewer.camera.getMagnitude();
console.log('currentMagnitude - ' + currentMagnitude);

ifÿ