deeptwins-engine-3d 0.1.34 → 0.1.35

package/dist/esm/cameraControl/Rotate.js

@@ -46,13 +46,33 @@ var Rotate = /*#__PURE__*/function () {
       var cameraPosition = this.getMap().camera.position;
       // 根据屏幕中心像素的坐标获取中心点笛卡尔坐标
       var centerCartesian = this.getMap().camera.pickEllipsoid(new Cesium.Cartesian2(this.getMap().canvas.clientWidth / 2, this.getMap().canvas.clientHeight / 2), this.getMap().scene.globe.ellipsoid);
-      // 每秒飞行的角度
-      var angleOneSecond = 360 / (360 / angle * duration);
       // 相机距离中心点的位置
       var distance = Cesium.Cartesian3.distance(cameraPosition, centerCartesian);
       // 倾斜角
       var pitch = this.getMap().camera.pitch;
 
+      // 如果duration为0，立即飞行到目标位置
+      if (duration === 0) {
+        var finalHeading = this.getMap().camera.heading + Cesium.Math.toRadians(angle);
+        this.getMap().scene.camera.setView({
+          destination: position,
+          // 点的坐标
+          orientation: {
+            heading: finalHeading,
+            pitch: pitch
+          }
+        });
+        this.getMap().scene.camera.moveBackward(distance);
+        // 立即触发完成事件
+        if (this._eventComplete) {
+          this._eventComplete();
+        }
+        return;
+      }
+
+      // 每秒飞行的角度
+      var angleOneSecond = 360 / (360 / angle * duration);
+
       // 开始时间
       var startTime = Cesium.JulianDate.fromDate(new Date());
       // 结束时间

package/dist/esm/global.css

@@ -1,3 +1,39 @@
 #yunjinglogo {
   display: none;
 }
+
+.deeptwins-compass {
+  position: relative;
+  width: 92px;
+  height: 92px;
+  background: #f7f7f7;
+  border-radius: 50%;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-items: center;
+  user-select: none;
+}
+
+.deeptwins-compass-left-direction {
+  cursor: pointer;
+}
+
+.deeptwins-compass-right-direction {
+  cursor: pointer;
+}
+
+.deeptwins-compass-pitch-up {
+  cursor: pointer;
+  position: absolute;
+  top: 3px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.deeptwins-compass-pitch-down {
+  cursor: pointer;
+  position: absolute;
+  bottom: 3px;
+  left: 50%;
+  transform: translateX(-50%);
+}

package/dist/esm/index.d.ts

@@ -61,5 +61,7 @@ export declare class DeepTwinsEngine3D {
     static SplitDirection: any;
     static ImageGlowingMaterialProperty: any;
     static SubmergenceAnalysis: any;
+    static Compass: any;
+    static KmlDataSource: any;
 }
 export default DeepTwinsEngine3D;

package/dist/esm/index.js

@@ -33,6 +33,7 @@ import ArcGisLayer from "./tileLayer/ArcGisLayer";
 import RasterLayer from "./tileLayer/RasterLayer";
 import WmsLayer from "./tileLayer/WmsLayer";
 import WmtsLayer from "./tileLayer/WmtsLayer";
+import Compass from "./tool/Compass";
 import TimerInterval from "./tool/TimerInterval";
 import { ClampToGround, ShapeSection } from "./tool/common";
 import { loadCss } from "./tool/utils";
@@ -50,11 +51,11 @@ DEEP_TWINS_BASE_URL && (window.CESIUM_BASE_URL = DEEP_TWINS_BASE_URL);
 // 全局加载css
 loadCss(Cesium.buildModuleUrl('Widgets/widgets.css'));
 // 打印版本信息
-console.log('DeepTwinsEngine3D Version:', "0.1.34");
+console.log('DeepTwinsEngine3D Version:', "0.1.35");
 export var DeepTwinsEngine3D = /*#__PURE__*/_createClass(function DeepTwinsEngine3D() {
   _classCallCheck(this, DeepTwinsEngine3D);
 });
-_defineProperty(DeepTwinsEngine3D, "Version", "0.1.34");
+_defineProperty(DeepTwinsEngine3D, "Version", "0.1.35");
 _defineProperty(DeepTwinsEngine3D, "Map", Map);
 _defineProperty(DeepTwinsEngine3D, "GroundSkyBox", GroundSkyBox);
 _defineProperty(DeepTwinsEngine3D, "RasterLayer", RasterLayer);
@@ -115,4 +116,6 @@ _defineProperty(DeepTwinsEngine3D, "BoundingRectangle", Cesium.BoundingRectangle
 _defineProperty(DeepTwinsEngine3D, "SplitDirection", Cesium.SplitDirection);
 _defineProperty(DeepTwinsEngine3D, "ImageGlowingMaterialProperty", ImageGlowingMaterialProperty);
 _defineProperty(DeepTwinsEngine3D, "SubmergenceAnalysis", SubmergenceAnalysis);
+_defineProperty(DeepTwinsEngine3D, "Compass", Compass);
+_defineProperty(DeepTwinsEngine3D, "KmlDataSource", Cesium.KmlDataSource);
 export default DeepTwinsEngine3D;

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,245 @@
+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;

package/dist/esm/visualization/Airspace.js

@@ -92,7 +92,12 @@ var Airspace = /*#__PURE__*/function () {
       boxPrimitive.createPrimitive({
         style: _objectSpread(_objectSpread({}, this.options), {}, {
           show: this._isShow
-        })
+        }),
+        primitive: {
+          interleave: true,
+          allowPicking: false,
+          cull: false
+        }
       }, primitiveInstance);
       this.getMap().scene.primitives.add(boxPrimitive.primitive);
     }

package/dist/umd/deeptwins-engine-3d.min.css

@@ -1 +1 @@
-.deepTwins-toolTip{background:rgba(42,42,42,.9);border-radius:4px;color:#fff;display:none;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;transform:translate3d(10px,-50%,0);white-space:nowrap}.deepTwins-toolTip:before{border-bottom:5px solid transparent;border-right:5px solid rgba(0,0,0,.6);border-top:5px solid transparent;content:"";display:block;left:-5px;pointer-events:none;position:absolute;top:calc(50% - 5px)}#yunjinglogo{display:none}
+.deepTwins-toolTip{background:rgba(42,42,42,.9);border-radius:4px;color:#fff;display:none;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;transform:translate3d(10px,-50%,0);white-space:nowrap}.deepTwins-toolTip:before{border-bottom:5px solid transparent;border-right:5px solid rgba(0,0,0,.6);border-top:5px solid transparent;content:"";display:block;left:-5px;pointer-events:none;position:absolute;top:calc(50% - 5px)}#yunjinglogo{display:none}.deeptwins-compass{align-items:center;background:#f7f7f7;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;height:92px;position:relative;-ms-user-select:none;user-select:none;width:92px}.deeptwins-compass-left-direction,.deeptwins-compass-right-direction{cursor:pointer}.deeptwins-compass-pitch-up{top:3px}.deeptwins-compass-pitch-down,.deeptwins-compass-pitch-up{cursor:pointer;left:50%;position:absolute;transform:translateX(-50%)}.deeptwins-compass-pitch-down{bottom:3px}