Cesium鼠标事件汇总

限制鼠标的视图控制

// 禁用放大缩小和自由旋转视图
viewer.scene.screenSpaceCameraController.enableZoom = false;
viewer.scene.screenSpaceCameraController.enableTilt = false;

修改视图默认鼠标操作方式

// 修改默认的鼠标视图控制方式。
viewer.scene.screenSpaceCameraController.zoomEventTypes = [Cesium.CameraEventType.WHEEL, Cesium.CameraEventType.PINCH];
viewer.scene.screenSpaceCameraController.tiltEventTypes = [Cesium.CameraEventType.PINCH, Cesium.CameraEventType.RIGHT_DRAG];

添加自定义鼠标事件（1），实现点击、双击、右键点击等事件

// 添加鼠标点击事件。
// 可以通过Cesium.ScreenSpaceEventType类实现不同的触发条件
viewer.screenSpaceEventHandler.setInputAction(function(click) {// 处理鼠标按下事件，获取鼠标当前位置var feature = viewer.scene.pick(click.position);//选中某模型if (feature && feature instanceof Cesium.Cesium3DTileFeature) {console.log(feature);}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);// 移除事件
viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

添加自定义鼠标事件（2），实现点击、双击、右键点击等事件。本质来讲和上面是一样的，只是写法不同。

// 添加事件
// 可以通过Cesium.ScreenSpaceEventType类实现不同的触发条件
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function(click){console.log('左键单击事件：',click.position);
},Cesium.ScreenSpaceEventType.LEFT_CLICK);// 移除事件
handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

Cesium鼠标事件汇总相关推荐

cesium(鼠标事件)
本文示列 cesium 鼠标添加事件.及删除事件. 创建viewer var viewer = new Cesium.Viewer('cesiumContainer'); 鼠标事件 var handl ...
Cesium 鼠标事件监听
在Cesium里面,我们可以通过Cesium.ScreenSpaceEventHandler的实例化对象的setInputAction方法绑定鼠标事件: var handler = new Cesiu ...
jquery 鼠标事件汇总
鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法鼠标事件是在用户移动鼠标光标 ...
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中的事件大体分为三种,即屏幕空间事件处理程序,屏幕空间相机控制器,场景触发 ...
JQuery 鼠标事件使用汇总
一.js鼠标事件 1.单机 :左键单机.右键单机 2.双击 3.鼠标按下.鼠标松开 4.鼠标移动 5.鼠标进入.鼠标移出 6.鼠标滚轮滚动二.JQuery鼠标事件整理 1.单机 :左键单机.右键单机 ...

Cesium鼠标事件汇总

Cesium鼠标事件汇总相关推荐

最新文章

热门文章