Cesium使用过程中遇到的相关问题

ctf_0226

于 2024-08-01 14:39:28 发布

阅读量187

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/ctf_0226/article/details/140847348

版权

绑定事件方法

//方式一：
var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);//获取地图对象
 handler.setInputAction(function(event) { //设置监听方法
 var height = viewer.camera.positionCartographic.height;//我这里举个例子点击鼠标左键获取当前高度
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

//方式二：
viewer.screenSpaceEventHandler.setInputAction(function (wheelment) {
        var height = viewer.camera.positionCartographic.height;//我这里举个例子点击鼠标左键获取当前高
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

事件类型

Cesium.ScreenSpaceEventType.LEFT_CLICK //鼠标左击事件
Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK //鼠标左键双击事件
Cesium.ScreenSpaceEventType.LEFT_DOWN //左键鼠标按下事件
Cesium.ScreenSpaceEventType.LEFT_UP //左键鼠标抬起事件
Cesium.ScreenSpaceEventType.MIDDLE_CLICK //中键单机
Cesium.ScreenSpaceEventType.MIDDLE_DOWN //中键按下
Cesium.ScreenSpaceEventType.MIDDLE_UP //中键抬起
Cesium.ScreenSpaceEventType.MOUSE_MOVE //鼠标移动
Cesium.ScreenSpaceEventType.PINCH_END //表示两指事件在触摸面上的结束。
Cesium.ScreenSpaceEventType.PINCH_MOVE //两指移动
Cesium.ScreenSpaceEventType.PINCH_START //表示在触摸面上发生两指事件的开始。
Cesium.ScreenSpaceEventType.RIGHT_CLICK //鼠标右击事件
Cesium.ScreenSpaceEventType.RIGHT_DOWN  //鼠标右键按下
Cesium.ScreenSpaceEventType.RIGHT_UP    //鼠标右键抬起
Cesium.ScreenSpaceEventType.WHEEL //鼠标滚轮事件

2. 移除鼠标事件

//方式一
hander.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK)//移除事件

//方式二
 viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

遇到的坑及解决方案（用方式一，无法解除绑定）

描述flag为boolearn传入true启动监听事件，false清除事件（然而这么写并没有清除，我也不知道为什么）

//方式一：
if(flag){
 var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);//获取地图对象
 handler.setInputAction(function(event) { //设置监听方法
 var height = viewer.camera.positionCartographic.height;//我这里举个例子点击鼠标左键获取当前高度
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
//hander.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK)//移除事件(放到else里不管用，但是直接放这管用，违背了需求)
 }else{
  hander.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK)//移除事件
}

解决方案用方式二就可以了

if(flag){
//方式二：
viewer.screenSpaceEventHandler.setInputAction(function (wheelment) {
        var height = viewer.camera.positionCartographic.height;//我这里举个例子点击鼠标左键获取当前高
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
}else{
viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
}