deeptwins-engine-3d 0.1.37 → 0.1.39

package/dist/esm/constant.d.ts

@@ -146,6 +146,7 @@ export declare const DEFAULT_SUN_ANALYSIS_OPTIONS: () => {
     clockRange: Cesium.ClockRange;
     clockStep: Cesium.ClockStep;
 };
+export declare const DEFAULT_VIEWSHED_ANALYSIS_OPTIONS: () => {};
 export declare const DEFAULT_BASE_LAYER_TYPE: any;
 export declare const DEFAULT_BASE_LAYER: any;
 export declare const LAYER_TYPE_TO_CLASS: any;

package/dist/esm/constant.js

@@ -233,6 +233,11 @@ export var DEFAULT_SUN_ANALYSIS_OPTIONS = function DEFAULT_SUN_ANALYSIS_OPTIONS(
   };
 };
 
+// 默认可视域分析
+export var DEFAULT_VIEWSHED_ANALYSIS_OPTIONS = function DEFAULT_VIEWSHED_ANALYSIS_OPTIONS() {
+  return {};
+};
+
 // 默认的底图类型
 export var DEFAULT_BASE_LAYER_TYPE = {
   GAO_DE_IMG: 'gd_img',

package/dist/esm/global.css

@@ -4,36 +4,67 @@
 
 .deeptwins-compass {
   position: relative;
-  width: 92px;
-  height: 92px;
-  background: #f7f7f7;
+  width: 90px;
+  height: 90px;
   border-radius: 50%;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 16px 0 rgba(48, 113, 144, 0.40);
   display: flex;
   align-items: center;
+  justify-content: center;
   user-select: none;
 }
 
+.deeptwins-compass-bg {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
+
 .deeptwins-compass-left-direction {
+  position: relative;
+  z-index: 2;
   cursor: pointer;
+  width: 8px;
+  height: 32.5px;
+}
+
+.deeptwins-compass-pointer {
+  position: relative;
+  z-index: 2;
+  width: 44px;
+  height: 44px;
+  margin: 0 4px;
 }
 
 .deeptwins-compass-right-direction {
+  position: relative;
+  z-index: 2;
   cursor: pointer;
+  width: 8px;
+  height: 32.5px;
 }
 
 .deeptwins-compass-pitch-up {
   cursor: pointer;
   position: absolute;
-  top: 3px;
+  z-index: 2;
+  top: 10px;
   left: 50%;
   transform: translateX(-50%);
+  width: 9px;
+  height: 5.5px;
 }
 
 .deeptwins-compass-pitch-down {
-  cursor: pointer;
   position: absolute;
-  bottom: 3px;
+  cursor: pointer;
+  z-index: 2;
+  bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
+  width: 9px;
+  height: 5.5px;
 }

package/dist/esm/graphicLayer/BaseSource.d.ts

@@ -15,7 +15,7 @@ export default class BaseSource {
     remove(): void;
     setData(data: any): this | undefined;
     _toDestroy(): void;
-    static analysisSourceType(data: any): "other" | "wkt" | "sourceId" | "sourceInstance" | "geoJson";
+    static analysisSourceType(data: any): "wkt" | "sourceId" | "sourceInstance" | "geoJson" | "other";
     static wktToGeoJon(wkt: string): any;
     static geoJsonToGeoCartesian3Array(geoJson: any): any[];
     static handleFeaturePoint(feature: any): any;

package/dist/esm/index.d.ts

@@ -63,5 +63,6 @@ export declare class DeepTwinsEngine3D {
     static SubmergenceAnalysis: any;
     static SunLightAnalysis: any;
     static KmlDataSource: any;
+    static Compass: any;
 }
 export default DeepTwinsEngine3D;

package/dist/esm/index.js

@@ -34,6 +34,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";
@@ -51,11 +52,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.37");
+console.log('DeepTwinsEngine3D Version:', "0.1.39");
 export var DeepTwinsEngine3D = /*#__PURE__*/_createClass(function DeepTwinsEngine3D() {
   _classCallCheck(this, DeepTwinsEngine3D);
 });
-_defineProperty(DeepTwinsEngine3D, "Version", "0.1.37");
+_defineProperty(DeepTwinsEngine3D, "Version", "0.1.39");
 _defineProperty(DeepTwinsEngine3D, "Map", Map);
 _defineProperty(DeepTwinsEngine3D, "GroundSkyBox", GroundSkyBox);
 _defineProperty(DeepTwinsEngine3D, "RasterLayer", RasterLayer);
@@ -118,4 +119,5 @@ _defineProperty(DeepTwinsEngine3D, "ImageGlowingMaterialProperty", ImageGlowingM
 _defineProperty(DeepTwinsEngine3D, "SubmergenceAnalysis", SubmergenceAnalysis);
 _defineProperty(DeepTwinsEngine3D, "SunLightAnalysis", SunLightAnalysis);
 _defineProperty(DeepTwinsEngine3D, "KmlDataSource", Cesium.KmlDataSource);
+_defineProperty(DeepTwinsEngine3D, "Compass", Compass);
 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,250 @@
+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 bg = document.createElement('img');
+      bg.className = 'deeptwins-compass-bg';
+      bg.src = getDeepTwinsFile('Image/compass/compass-bg.png');
+      el.appendChild(bg);
+      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/compass-pointer.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._updateDirection(_this3.getMap().getCameraView());
+        // 设置下次旋转
+        _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/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-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}
+.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;border-radius:50%;box-shadow:0 0 16px 0 rgba(48,113,144,.4);display:flex;height:90px;justify-content:center;position:relative;-ms-user-select:none;user-select:none;width:90px}.deeptwins-compass-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.deeptwins-compass-left-direction{cursor:pointer;height:32.5px;position:relative;width:8px;z-index:2}.deeptwins-compass-pointer{height:44px;margin:0 4px;position:relative;width:44px;z-index:2}.deeptwins-compass-right-direction{cursor:pointer;height:32.5px;position:relative;width:8px;z-index:2}.deeptwins-compass-pitch-up{top:10px}.deeptwins-compass-pitch-down,.deeptwins-compass-pitch-up{cursor:pointer;height:5.5px;left:50%;position:absolute;transform:translateX(-50%);width:9px;z-index:2}.deeptwins-compass-pitch-down{bottom:10px}