Cesium中监听MOUSE_MOVE事件获取经纬度和高度

奔跑的痕迹

于 2019-12-20 21:11:49 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： CesiumJS 文章标签： webgl gis

本文链接：https://blog.youkuaiyun.com/qq_34817440/article/details/103638720

CesiumJS 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用Cesium JavaScript库在三维地球模型上实时获取鼠标悬停位置的经纬度及高度信息，通过监听鼠标移动事件并利用Cesium提供的API实现坐标转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
有时候在这个圆球上获取精确的经度纬度还不容易，特别是高度

还好在cesium提供了接口，看


      let selft  = this;
      const scene = this.viewer.scene;
      var canvas = scene.canvas;
      var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
      handler.setInputAction(function(movement) {
          var cartesian = scene.camera.pickEllipsoid(movement.endPosition, ellipsoid);
          var ellipsoid = scene.globe.ellipsoid;
          if (cartesian) { //能获取，显示坐标
              var cartographic = ellipsoid.cartesianToCartographic(cartesian);
              var coords = '经度' + Cesium.Math.toDegrees(cartographic.longitude).toFixed(2) + ', ' + '纬度' + Cesium.Math.toDegrees(
                  cartographic.latitude).toFixed(2) + '高度 ' + Math.ceil(selft.viewer.camera.positionCartographic.height);
              console.log(coords) ;

          } else { //不能获取不显示

          }
      }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);