您好,欢迎来到化拓教育网。
搜索
您的当前位置:首页cesium根据鼠标的位置显示经纬度以及视角高

cesium根据鼠标的位置显示经纬度以及视角高

来源:化拓教育网

因考虑到性能 将viewer挂载到了window上

MOUSE_MOVE事件

var canvas = window.$viewer.scene.canvas;
      var ellipsoid = window.$viewer.scene.globe.ellipsoid;
      var handler = new Cesium.ScreenSpaceEventHandler(canvas);
      handler.setInputAction(function (movement) {
        //捕获椭球体,将笛卡尔二维平面坐标转为椭球体的笛卡尔三维坐标,返回球体表面的点
        var cartesian = window.$viewer.camera.pickEllipsoid(
          movement.endPosition,
          ellipsoid
        );
        if (cartesian) {
          //将笛卡尔三维坐标转为地图坐标(弧度)
          var cartographic =
            window.$viewer.scene.globe.ellipsoid.cartesianToCartographic(
              cartesian
            );
          //将地图坐标(弧度)转为十进制的度数
          var lat_String = Cesium.Math.toDegrees(cartographic.latitude).toFixed(
            4
          );
          var log_String = Cesium.Math.toDegrees(
            cartographic.longitude
          ).toFixed(4);
          var alti_String = (
            window.$viewer.camera.positionCartographic.height / 1000
          ).toFixed(2);
          let radiansPos = {};
          radiansPos["latitude"] = lat_String;
          radiansPos["longitude"] = log_String;
          radiansPos["altitude"] = alti_String;
          console.log(radiansPos);
          that.$store.commit("getLong", radiansPos);
        }
      }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务