cesium绑定鼠标事件，及清除事件

1.绑定事件方法

说明：

方式一：方式一是每次都创建一个实例，可以多个共存且根据名字（变量比如：下面的handler）可以清除指定事件（推荐使用）。

方式二：方式二是直接在viewer实例上添加,清除事件会污染整个viewer实例且当前实例存在其它鼠标事件会一并清除（适合一键清除地图上事件）

//方式一：
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);

2.事件类型

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 //鼠标滚轮事件

3.移除鼠标事件

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

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

本文涉及到的鼠标事件类型api

cesium中文api网址

cesium官方示例网址

cesium绑定鼠标事件，及清除事件相关推荐

tkinter如何绑定鼠标和键盘等事件
文章目录鼠标点击事件进入或离开控件键盘事件 Configure事件 Tkinter系列: GUI初步
Cesium之鼠标事件绑定和移除
背景绑定的事件需要移除,否则会一直监听.基于此整理相关方法. 方案 1 鼠标事件类型 // 为整型数据 Cesium.ScreenSpaceEventType.LEFT_CLICK //鼠标左击事件 ...
Cesium 事件详解（鼠标事件、相机事件、键盘事件、场景触发事件）
Cesium 事件详解(鼠标事件.相机事件.键盘事件.场景触发事件) 1 Cesium中的事件根据使用情况,我把Cesium中的事件大体分为三种,即屏幕空间事件处理程序,屏幕空间相机控制器,场景触发 ...
tkinter绑定鼠标滚轮滚动事件
大部分的讲python tkinter的书籍好像不太提到如何绑定鼠标滚轮滚动事件哦(其实我也只看了2本书而已).这在某些地方也可能会用到,比如放大缩小图片的时候.我查了下python tkinter文 ...
cesium的鼠标事件
创建viewer var viewer = new Cesium.Viewer('cesiumContainer'); 鼠标事件 var handler = new Cesium.ScreenSpac ...
vue 组件封装 | s-fullpage 全屏滚动（内含绑定鼠标滑轮滚动事件、避免鼠标滑轮连续滚动、滑动过渡动画等实用技巧）
目录目标实现原理(要点) 完整代码 s-fullpage 和 s-fullpageItem s-fullpage.vue s-fullpageItem.vue 使用范例范例效果目标实现类似插 ...
js基础4 使用dom操作/getStyle/scrollHeight/协议滚动禁用例子/div随鼠标移动/冒泡/事件的委派/事件的绑定
使用dom操作 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
vue判断是否双击_vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作...
Vue 事件处理方法可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码. v-on:click 单击事件 + + - - v-on:dblclick 双击事件 ...
鼠标事件、表单事件、键盘事件、焦点事件
事件介绍当我们点击一个按钮的时候,会弹出一个对话框.在JavaScript中, "点击"这个事情就看作一个事件."弹出对话框"其实就是我们在点击事件中做的一些 ...

cesium绑定鼠标事件，及清除事件

cesium绑定鼠标事件，及清除事件相关推荐

最新文章

热门文章