Skip to main content

鼠标坐标、比例尺、视角高

一、案例效果 （MousePosition组件）​

效果图

二、代码下载​

可以下载源码工程，进行本地调试。

  1. 下载vue3版本
  2. 下载react版本

三、组件调用​

使用THEngine.widgets.MousePosition组件，可以获取鼠标坐标、比例尺、视角高等信息。

import { THEngine } from "@/engine/THEngine";

new THEngine.widgets.MousePosition(
    viewer,
    (res) => {
      let {
        mousePosition,//鼠标坐标
        cameraHeight,//视角高
        heading,//航向角
        pitch,//俯仰角
        roll,//翻滚角
        northDirection,//东北朝向
        distanceLegend,//距离比例尺
      } = res;
      console.log("回调信息", res);
    },
    30
  );
//控制台输出 {"mousePosition":[113.4242128,23.29619283,0],"cameraHeight":15001,"heading":359.99999999999994,"pitch":-45,"roll":360,"northDirection":"正北方向","distanceLegend":1000}