cesium_example_auth/public/cesium_example/example/js/TilesEditor.js

"use script"; //开发环境建议开启严格模式

//  移动位置、旋转 3dtiles
class TilesEditor extends mars3d.BaseClass {
  //========== 构造方法 ==========
  constructor(options) {
    super(options);

    this.options = options;
    this.map = options.map;
    this.scene = this.map.scene;

    this._position = options.position;
    this._heading = options.heading || 0;
    this._range = options.range || 100;

    this.dragging = false;
    this.rotating = false;
    this._enabled = false;

    this.billboards = this.map.scene.primitives.add(new Cesium.BillboardCollection());
    this.handler = new Cesium.ScreenSpaceEventHandler(this.map.canvas);

    //用来平移位置的指示器
    this.movep = this.billboards.add({
      position: this.position,
      color: Cesium.Color.fromCssColorString("#FFFF00"),
      image: options.moveImg,
      show: false,
      disableDepthTestDistance: Number.POSITIVE_INFINITY,
    });
    //用来旋转的指示器
    this.rotatep = this.billboards.add({
      position: this.rotationPosition,
      color: Cesium.Color.fromCssColorString("#FFFF00"),
      image: options.rotateImg,
      show: false,
      disableDepthTestDistance: Number.POSITIVE_INFINITY,
    });
  }

  //========== 对外属性 ==========
  //启用状态
  get enabled() {
    return this._enabled;
  }
  set enabled(val) {
    this._enabled = val;
    if (val) {
      var self = this;
      this.handler.setInputAction((p) => {
        self.handler_onLeafDown(p);
      }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
      this.handler.setInputAction((p) => {
        self.handler_onMouseMove(p);
      }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
      this.handler.setInputAction((p) => {
        self.handler_onLeftUp(p);
      }, Cesium.ScreenSpaceEventType.LEFT_UP);

      this.rotatep.show = true;
      this.movep.show = true;
    } else {
      this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN);
      this.handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
      this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_UP);

      this.rotatep.show = false;
      this.movep.show = false;
    }
  }

  //移动位置的图标位置
  get position() {
    return this._position;
  }
  set position(value) {
    this._position = value;

    this.movep.position = this.position;
    this.rotatep.position = this.rotationPosition;
  }

  //旋转方向的图标位置(依据位置和朝向计算)
  get rotationPosition() {
    if (this._position) {
      return mars3d.PointUtil.getPositionByDirectionAndLen(this._position, this._heading, this._range);
    } else {
      return null;
    }
  }

  get heading() {
    return this._heading;
  }
  set heading(value) {
    this._heading = value;

    if (this._position) {
      this.rotatep.position = this.rotationPosition;
    }
  }

  get range() {
    return this._range;
  }
  set range(value) {
    this._range = value;

    if (this._position) {
      this.rotatep.position = this.rotationPosition;
    }
  }

  //========== 方法 ==========
  handler_onLeafDown(event) {
    var pickedObjects = this.scene.drillPick(event.position, 2);

    for (var i = 0; i < pickedObjects.length; i++) {
      var pickedObject = pickedObjects[i];

      if (Cesium.defined(pickedObject) && pickedObject.primitive === this.movep) {
        this.dragging = true;
        this.scene.screenSpaceCameraController.enableRotate = false;
        break;
      } else if (Cesium.defined(pickedObject) && pickedObject.primitive === this.rotatep) {
        this.rotating = true;
        this.scene.screenSpaceCameraController.enableRotate = false;
        break;
      }
    }
  }

  handler_onMouseMove(event) {
    var position = this.pickTerrain(event.endPosition);
    if (!position) {
      return;
    }

    if (this.dragging) {
      this.position = position;
      this.movep.position = this.position;
      this.rotatep.position = this.rotationPosition;

      this.fire(mars3d.EventType.change, {
        position: this._position,
      });
    } else if (this.rotating) {
      this.rotatep.position = position;
      this._range = Cesium.Cartesian3.distance(this._position, position);
      this._heading = mars3d.MeasureUtil.getAngle(this._position, position); //模型是正东为0

      this.fire(mars3d.EventType.change, {
        heading: this._heading,
      });
    }
  }

  handler_onLeftUp(event) {
    if (this.dragging || this.rotating) {
      this.rotating = this.dragging = false;
      this.scene.screenSpaceCameraController.enableRotate = true;
      //如果没有这句话 会导致billboards的某些没有刷新，无法再次点击
      this.billboards._createVertexArray = true;
    }
  }

  pickTerrain(wndpos) {
    var ray = this.map.camera.getPickRay(wndpos);
    var pos = this.map.scene.globe.pick(ray, this.map.scene);
    return pos;
  }

  remove() {
    //从场景中移除
    if (this.billboards) {
      this.scene.primitives.remove(this.billboards);
      this.billboards = undefined;
    }
    this.rotatep.show = false;
    this.movep.show = false;
  }

  destroy() {
    this.remove();
    this.handler.destroy();

    //删除所有绑定的数据
    for (let i in this) {
      delete this[i];
    }
  }
}