Cesium鼠标事件
2024-09-06 02:09:56
computed: {
handler() {
return new this.Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas)
}
}
在事件的外面先定义一下 const _this = this (因为在setInputAction方法中，this的指向会发生变化，不再指向vue实例) 用this.Cesium是因为在mainjs里配置了Cesium的全局变量
// 1.移动事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
// 获取到的是鼠标经过cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MOUSE_MOVE)
// 2.左键单击事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
// 获取到的是鼠标点击cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_CLICK)
// 3.左键按下事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
// 获取到的是鼠标按下cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_DOWN)
// 4.左键抬起事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
// 获取到的是鼠标抬起cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_UP)
// 5.滑轮事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
// 向上滑是100 向下滑是-100
}, _this.Cesium.ScreenSpaceEventType.WHEEL)
// 6.滑轮点击事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
//获取到的是滑轮点击cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MIDDLE_CLICK)
// 7.滑轮按下事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
//获取到的是滑轮按下cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MIDDLE_DOWN)
// 8.滑轮抬起事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
//获取到的是滑轮抬起cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MIDDLE_UP)
// 9.右键单击事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
//获取到的是右键点击cesium的屏幕坐标
//一般在右键的时候结束 同时也清除定义的事件
_this.handler.removeInputAction(_this.Cesium.ScreenSpaceEventType.方法名)
如：
_this.handler.removeInputAction(_this.Cesium.ScreenSpaceEventType.LEFT_CLICK) //移除左键单击事件
_this.handler.removeInputAction(_this.Cesium.ScreenSpaceEventType.MOUSE_MOVE) //移除鼠标移动事件
}, _this.Cesium.ScreenSpaceEventType.RIGHT_CLICK)
// 10.右键按下事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
//获取到的是右键按下cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.RIGHT_DOWN)
// 11.右键抬起事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
//获取到的是右键抬起cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.RIGHT_UP)
// 12.左键双击事件
_this.handler.setInputAction(function (movement) {
console.log(movement)
//获取到的是左键双击cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK)
最新文章
- [LeetCode] Wiggle Subsequence 摆动子序列
- HDU 4771
- TCP拥塞控制算法 优缺点 适用环境 性能分析
- django+nginx+xshell简易日志查询,接上<关于《rsyslog+mysql+loganalyzer搭建日志服务器<个人笔记>》的反思>
- html5 audio/video 的那些坑
- HMM 自学教程（四）隐马尔科夫模型
- UVa 1401 (Tire树) Remember the Word
- iOS开发——高级技术&密码锁功能的实现
- Html盒子模型学习总结
- Spring+quartz集群配置，Spring定时任务集群，quartz定时任务集群
- [uiview animation ...] 这个函数有多少没有认识的可能！翻盘效果 上下左右怎么翻都不怕
- shell命令基础
- iOS现有工程 集成 Cordova/Ionic
- 在android里用ExpandableListView实现二层和三层列表
- UVa816，Ordering Tasks，WA
- js判断一些时间范围是否有重复时间段
- shared_ptr模版推导的问题
- vue---checkbox，获取选中的值
- Python学习总结（一）—— 十分钟入门
- 体验 ASP.NET Core 集成测试三剑客：xUnit.net、TestServer、EF Core InMemory