deeptwins-engine-3d 0.1.36 → 0.1.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deeptwins-engine-3d",
-  "version": "0.1.36",
+  "version": "0.1.37",
   "description": "map for 3d",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",

package/dist/esm/tool/Compass.d.ts

@@ -1,23 +0,0 @@
-declare class Compass {
-    private readonly _mapContext;
-    isDestroyed: boolean;
-    container: any;
-    private _cameraChangeEvent;
-    private _rotate;
-    compassEl: any;
-    private _rotateTimer;
-    private _isRotating;
-    private _pitchTimer;
-    private _isPitching;
-    constructor(map: any, container: any);
-    private _canOperate;
-    getMap(): any;
-    private _create;
-    private _updateDirection;
-    private _startContinuousRotation;
-    private _stopContinuousRotation;
-    private _startContinuousPitch;
-    private _stopContinuousPitch;
-    destroy(): void;
-}
-export default Compass;

package/dist/esm/tool/Compass.js

@@ -1,245 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import * as Cesium from 'deeptwins-cesium';
-import { isString } from 'lodash';
-import Rotate from "../cameraControl/Rotate";
-import { CAMERA_EVENT_TYPE } from "../constant";
-import { error, getDeepTwinsFile, lngLatAltToCartesian3, toDegrees, toRadians } from "../tool/utils";
-
-// 罗盘
-var Compass = /*#__PURE__*/function () {
-  function Compass(map, container) {
-    var _this = this;
-    _classCallCheck(this, Compass);
-    _defineProperty(this, "_mapContext", void 0);
-    _defineProperty(this, "isDestroyed", false);
-    _defineProperty(this, "container", void 0);
-    _defineProperty(this, "_cameraChangeEvent", void 0);
-    _defineProperty(this, "_rotate", void 0);
-    _defineProperty(this, "compassEl", {});
-    _defineProperty(this, "_rotateTimer", null);
-    _defineProperty(this, "_isRotating", false);
-    _defineProperty(this, "_pitchTimer", null);
-    _defineProperty(this, "_isPitching", false);
-    this._mapContext = map._mapContext;
-    this.container = isString(container) ? document.getElementById(container) : container;
-    this._rotate = new Rotate(map);
-    this._cameraChangeEvent = this.getMap().on(CAMERA_EVENT_TYPE.CHANGED, function (e) {
-      _this._updateDirection(e === null || e === void 0 ? void 0 : e.position);
-    });
-    this._create();
-  }
-
-  // 是否能进行操作
-  _createClass(Compass, [{
-    key: "_canOperate",
-    value: function _canOperate() {
-      if (this.isDestroyed) {
-        error('Compass实例已销毁');
-        return false;
-      }
-      return true;
-    }
-  }, {
-    key: "getMap",
-    value: function getMap() {
-      return this._mapContext && this._mapContext.getMap();
-    }
-  }, {
-    key: "_create",
-    value: function _create() {
-      var _this2 = this;
-      if (!this._canOperate()) {
-        return;
-      }
-      var el = document.createElement('div');
-      el.className = 'deeptwins-compass';
-      var leftDirection = document.createElement('img');
-      leftDirection.className = 'deeptwins-compass-left-direction';
-      leftDirection.src = getDeepTwinsFile('Image/compass/compass-direction-left.png');
-      el.appendChild(leftDirection);
-
-      // 左箭头持续旋转
-      leftDirection.onmousedown = function () {
-        _this2._startContinuousRotation(1);
-      };
-      leftDirection.onmouseup = function () {
-        _this2._stopContinuousRotation();
-      };
-      leftDirection.onmouseleave = function () {
-        _this2._stopContinuousRotation();
-      };
-      this.compassEl.leftDirection = leftDirection;
-      var pointer = document.createElement('img');
-      pointer.className = 'deeptwins-compass-pointer';
-      pointer.src = getDeepTwinsFile('Image/compass/pointer-white.png');
-      el.appendChild(pointer);
-      this.compassEl.pointer = pointer;
-      var rightDirection = document.createElement('img');
-      rightDirection.className = 'deeptwins-compass-right-direction';
-      rightDirection.src = getDeepTwinsFile('Image/compass/compass-direction-right.png');
-      el.appendChild(rightDirection);
-      // 右箭头持续旋转
-      rightDirection.onmousedown = function () {
-        _this2._startContinuousRotation(-1);
-      };
-      rightDirection.onmouseup = function () {
-        _this2._stopContinuousRotation();
-      };
-      rightDirection.onmouseleave = function () {
-        _this2._stopContinuousRotation();
-      };
-      this.compassEl.rightDirection = rightDirection;
-      var pitchUp = document.createElement('img');
-      pitchUp.className = 'deeptwins-compass-pitch-up';
-      pitchUp.src = getDeepTwinsFile('Image/compass/compass-pitch-up.png');
-      el.appendChild(pitchUp);
-      pitchUp.onmousedown = function () {
-        _this2._startContinuousPitch(1);
-      };
-      pitchUp.onmouseup = function () {
-        _this2._stopContinuousPitch();
-      };
-      pitchUp.onmouseleave = function () {
-        _this2._stopContinuousPitch();
-      };
-      this.compassEl.pitchUp = pitchUp;
-      var pitchDown = document.createElement('img');
-      pitchDown.className = 'deeptwins-compass-pitch-down';
-      pitchDown.src = getDeepTwinsFile('Image/compass/compass-pitch-down.png');
-      el.appendChild(pitchDown);
-      pitchDown.onmousedown = function () {
-        _this2._startContinuousPitch(-1);
-      };
-      pitchDown.onmouseup = function () {
-        _this2._stopContinuousPitch();
-      };
-      pitchDown.onmouseleave = function () {
-        _this2._stopContinuousPitch();
-      };
-      this.compassEl.pitchDown = pitchDown;
-      this.container.appendChild(el);
-      this._updateDirection(this.getMap().getCameraView());
-    }
-  }, {
-    key: "_updateDirection",
-    value: function _updateDirection(cameraView) {
-      if (!this._canOperate()) {
-        return;
-      }
-      var _ref = cameraView || {},
-        pitch = _ref.pitch,
-        heading = _ref.heading;
-      this.compassEl.pointer.style.transform = "rotateX(".concat(Math.min(90 + pitch, 80), "deg) rotateZ(").concat(360 - heading, "deg)");
-    }
-
-    // 开始持续旋转
-  }, {
-    key: "_startContinuousRotation",
-    value: function _startContinuousRotation(direction) {
-      var _this3 = this;
-      if (!this._canOperate()) return;
-      if (this._isRotating) return;
-      this._isRotating = true;
-      var rotate = function rotate() {
-        if (!_this3._isRotating) return;
-        // 立即旋转一个小角度
-        _this3._rotate.start({
-          duration: 0,
-          angle: direction * 2 // 每次旋转2度
-        });
-        // 设置下次旋转
-        _this3._rotateTimer = setTimeout(rotate, 16); // 约60fps
-      };
-      rotate();
-    }
-
-    // 停止持续旋转
-  }, {
-    key: "_stopContinuousRotation",
-    value: function _stopContinuousRotation() {
-      if (!this._canOperate()) return;
-      this._isRotating = false;
-      if (this._rotateTimer) {
-        clearTimeout(this._rotateTimer);
-        this._rotateTimer = null;
-      }
-    }
-
-    // 开始持续pitch
-  }, {
-    key: "_startContinuousPitch",
-    value: function _startContinuousPitch(direction) {
-      var _this4 = this;
-      if (!this._canOperate()) return;
-      if (this._isPitching) return;
-      this._isPitching = true;
-      var setPitch = function setPitch() {
-        if (!_this4._isPitching) return;
-        if (direction === 1 && toDegrees(_this4.getMap().camera.pitch) >= -10) {
-          return;
-        }
-        var _this4$getMap$getMapC = _this4.getMap().getMapCenter(),
-          lng = _this4$getMap$getMapC.lng,
-          lat = _this4$getMap$getMapC.lat,
-          alt = _this4$getMap$getMapC.alt;
-        var position = lngLatAltToCartesian3(lng, lat, alt);
-        var cameraPosition = _this4.getMap().camera.position;
-        // 根据屏幕中心像素的坐标获取中心点笛卡尔坐标
-        var centerCartesian = _this4.getMap().camera.pickEllipsoid(new Cesium.Cartesian2(_this4.getMap().canvas.clientWidth / 2, _this4.getMap().canvas.clientHeight / 2), _this4.getMap().scene.globe.ellipsoid);
-        // 相机距离中心点的位置
-        var distance = Cesium.Cartesian3.distance(cameraPosition, centerCartesian);
-        // 倾斜角
-        var finalPitch = Math.min(toRadians(-9), Math.max(toRadians(-89), _this4.getMap().camera.pitch + toRadians(direction)));
-        _this4.getMap().scene.camera.setView({
-          destination: position,
-          orientation: {
-            heading: _this4.getMap().camera.heading,
-            pitch: finalPitch
-          }
-        });
-        _this4.getMap().scene.camera.moveBackward(distance);
-        // 设置下次调整
-        _this4._pitchTimer = setTimeout(setPitch, 16); // 约60fps
-      };
-      setPitch();
-    }
-
-    // 停止持续pitch
-  }, {
-    key: "_stopContinuousPitch",
-    value: function _stopContinuousPitch() {
-      if (!this._canOperate()) return;
-      this._isPitching = false;
-      if (this._pitchTimer) {
-        clearTimeout(this._pitchTimer);
-        this._pitchTimer = null;
-      }
-    }
-
-    // 销毁
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      if (!this._canOperate()) {
-        return;
-      }
-      this.isDestroyed = true;
-      this.container.removeChild(this.container.querySelector('.deeptwins-compass'));
-      this._cameraChangeEvent && this._cameraChangeEvent.off();
-      this._cameraChangeEvent = null;
-
-      // 清理旋转和倾斜定时器
-      this._stopContinuousRotation();
-      this._stopContinuousPitch();
-      this.compassEl = {};
-    }
-  }]);
-  return Compass;
-}();
-export default Compass;