cesium(鼠标事件)

本文示列 cesium 鼠标添加事件、及删除事件。

创建viewer

var viewer = new Cesium.Viewer('cesiumContainer');

鼠标事件

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);

//1、左键单击事件

handler.setInputAction(function(click){console.log('左键单击事件：',click.position);
},Cesium.ScreenSpaceEventType.LEFT_CLICK);

//2、左键双击事件

handler.setInputAction(function(click){console.log('左键双击事件：',click.position);
},Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);

//3、左键按下事件

handler.setInputAction(function(click){console.log('左键按下事件：',click.position);
},Cesium.ScreenSpaceEventType.LEFT_DOWN);

//4、左键弹起事件

handler.setInputAction(function(click){console.log('左键弹起事件：',click.position);
},Cesium.ScreenSpaceEventType.LEFT_UP);

//5、中键单击事件

handler.setInputAction(function(click){console.log('中键单击事件：',click.position);     },Cesium.ScreenSpaceEventType.MIDDLE_CLICK);

//6、中键按下事件

handler.setInputAction(function(click){console.log('中键按下事件：',click.position);
},Cesium.ScreenSpaceEventType.MIDDLE_DOWN);

//7、中键弹起事件

handler.setInputAction(function(click){console.log('中键弹起事件：',click.position);
},Cesium.ScreenSpaceEventType.MIDDLE_UP);

//8、移动事件

handler.setInputAction(function(movement){console.log('移动事件：',movement.endPosition);
},Cesium.ScreenSpaceEventType.MOUSE_MOVE);

//9、右键单击事件

handler.setInputAction(function(click){console.log('右键单击事件',click.position);
},Cesium.ScreenSpaceEventType.RIGHT_CLICK);

//10、右键按下事件

handler.setInputAction(function(click){console.log('右键按下事件',click.position);
},Cesium.ScreenSpaceEventType.RIGHT_DOWN);

//11、右键弹起事件

handler.setInputAction(function(click){console.log('右键弹起事件',click.position);
},Cesium.ScreenSpaceEventType.RIGHT_UP);

//12、滚轮事件

handler.setInputAction(function(wheelment){console.log('滚轮事件：',wheelment);
},Cesium.ScreenSpaceEventType.WHEEL);

//删除事件

handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

转载于:https://www.cnblogs.com/MaShuai666/p/9949985.html

cesium(鼠标事件)相关推荐

Cesium鼠标事件汇总
限制鼠标的视图控制 // 禁用放大缩小和自由旋转视图 viewer.scene.screenSpaceCameraController.enableZoom = false; viewer.scene ...
Cesium 鼠标事件监听
在Cesium里面,我们可以通过Cesium.ScreenSpaceEventHandler的实例化对象的setInputAction方法绑定鼠标事件: var handler = new Cesiu ...
cesium绑定鼠标事件，及清除事件
1.绑定事件方法说明: 方式一:方式一是每次都创建一个实例,可以多个共存且根据名字(变量比如:下面的handler)可以清除指定事件(推荐使用). 方式二:方式二是直接在viewer实例上添加,清 ...
cesium的鼠标事件
创建viewer var viewer = new Cesium.Viewer('cesiumContainer'); 鼠标事件 var handler = new Cesium.ScreenSpac ...
Cesium之鼠标事件绑定和移除
背景绑定的事件需要移除,否则会一直监听.基于此整理相关方法. 方案 1 鼠标事件类型 // 为整型数据 Cesium.ScreenSpaceEventType.LEFT_CLICK //鼠标左击事件 ...
Cesium常用事件，包括点击事件，鼠标事件，相机移动事件
点击事件 let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);// 左键点击事件let leftclick = ...
Cesium 事件详解（鼠标事件、相机事件、键盘事件、场景触发事件）
Cesium 事件详解(鼠标事件.相机事件.键盘事件.场景触发事件) 1 Cesium中的事件根据使用情况,我把Cesium中的事件大体分为三种,即屏幕空间事件处理程序,屏幕空间相机控制器,场景触发 ...
使用Python和OpenCV捕获鼠标事件，并裁剪图像
使用Python和OpenCV捕获鼠标事件,并裁剪图像 1. 效果图 2. 源码参考这篇博客将介绍如何使用Python和OpenCV捕获鼠标事件.还演示了如何快速裁剪和提取图像区域,这在为自己的自 ...
Python，OpenCV鼠标事件进行矩形、圆形的绘制（随机颜色、随机半径）
Python,OpenCV鼠标事件进行矩形.圆形的绘制(随机颜色.随机半径) 1. 效果图 2. 源码参考这篇博客将介绍鼠标事件,并介绍鼠标事件矩形.圆形的绘制: 所有的鼠标事件(左键按下.左键释 ...

cesium(鼠标事件)

cesium(鼠标事件)相关推荐

最新文章

热门文章