当前位置: 首页 > news >正文

cesium 实现鼠标中键拖动地图

cesium默认左键拖动地图,中键旋转,再绘图时带来诸多不便。所以改成鼠标中键按下拖动地图,鼠标左键选点。代码如下:【感谢chatGPT】

  //改为中建拖动// 假设 viewer 是你的 Cesium Viewer 实例const cameraController = viewer.scene.screenSpaceCameraController;// 关闭默认的左键旋转操作cameraController.enableRotate = false;// 禁用中键的默认倾斜操作cameraController.enableTilt = false;// 创建一个新的事件处理器const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);let isMiddleDown = false;let lastPosition;let scale = 0;handler.setInputAction((movement) => {isMiddleDown = true;lastPosition = Cesium.Cartesian3.clone(movement.position);const height = viewer.camera.positionCartographic.height;const canvas = viewer.scene.canvas;// 使用经验公式获取米/(像素值*每米弧度值)scale = (height * 0.5) / (canvas.clientHeight * 6371000);}, Cesium.ScreenSpaceEventType.MIDDLE_DOWN);handler.setInputAction((movement) => {isMiddleDown = false;}, Cesium.ScreenSpaceEventType.MIDDLE_UP);handler.setInputAction((movement) => {if (isMiddleDown) {const dx = movement.endPosition.x - lastPosition.x;const dy = movement.endPosition.y - lastPosition.y;const deltaPhi = dx * scale;const deltaTheta = dy * scale;console.log(`dx:${dx};dy${dy};scale:${scale};deltaPhi:${deltaPhi};deltaTheta:${deltaTheta}`)viewer.camera.rotateRight(-deltaPhi);viewer.camera.rotateUp(-deltaTheta);lastPosition = Cesium.Cartesian3.clone(movement.endPosition);}}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

http://www.lryc.cn/news/137270.html

相关文章:

  • 低压风机单片机方案
  • R语言06-R语言的基本运算
  • Docker容器:docker-compose管理创建LNMP服务并运行Wordpress网站平台
  • 实业兴国 守护种源 —— 白露木實®农业的活力之风
  • Web3.0
  • 精密图纸被窃,知名手表品牌Seiko遭BlackCat勒索软件攻击
  • K8S如何部署Redis(单机、集群)
  • Flask狼书笔记 | 03_模板
  • MySQL 数据备份和数据恢复
  • 软考高级系统架构设计师系列论文八十二:论软件的可维护性设计
  • Ompl初探
  • android sdk打包aar方案步骤
  • Redis之bitmap类型解读
  • stm32之10.系统定时器
  • PyTorch安装教程:从头开始配置PyTorch环境
  • Docker拉取并配置Grafana
  • Vue+Axios搭建二次元动态登录页面(mp4视频格式)
  • 【Kubernetes】K8S到底是什么,最近怎么这么火
  • Java爬虫下载网页图片
  • C语言之扫雷游戏实现篇
  • Python面向对象中super用法与MRO机制
  • 高性能网络模式-Reactor
  • gRpc的四种通信方式详细介绍
  • JWT令牌的介绍
  • C语言入门 Day_9 条件判断
  • Nodejs-nrm:快速切换npm源 / npm官方源和其他自定义源之间切换
  • 数据驱动洞察:各种词频分析技术挖掘热点数据
  • ES6-简介、语法
  • 诚迈科技子公司智达诚远与Unity中国达成合作,打造智能座舱新时代
  • 算法与数据结构(十)--图的入门