deeptwins-engine-3d 0.1.41 → 0.1.43

package/dist/esm/lowAltitude/PoiLayer.js

@@ -0,0 +1,74 @@
+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 utils from "../tool/utils";
+var PoiLayer = /*#__PURE__*/function () {
+  function PoiLayer(map) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _classCallCheck(this, PoiLayer);
+    _defineProperty(this, "_mapContext", void 0);
+    _defineProperty(this, "isDestroyed", false);
+    _defineProperty(this, "options", {});
+    _defineProperty(this, "poiLayer", null);
+    this._mapContext = map._mapContext;
+    this.options = options;
+    if (!options.poiLayer) {
+      utils.error('请提供poiLayer参数，可通过DeepTwins.onLoad获取');
+      return;
+    }
+    this._create();
+  }
+
+  // 是否能进行操作
+  _createClass(PoiLayer, [{
+    key: "_canOperate",
+    value: function _canOperate() {
+      if (this.isDestroyed) {
+        utils.error('SubmergenceAnalysis实例已销毁');
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
+    }
+  }, {
+    key: "_create",
+    value: function _create() {
+      if (!this._canOperate()) return;
+      var YunJingPoiLayer = this.options.poiLayer;
+      var layer = new YunJingPoiLayer({
+        viewer: this.getMap(),
+        poiTileset: this.options.poiTileset,
+        roadTileset: this.options.roadTileset
+      });
+      this.poiLayer = this.getMap().scene.primitives.add(layer);
+    }
+  }, {
+    key: "show",
+    value: function show(isShow) {
+      if (!this._canOperate()) return;
+      if (this.poiLayer) {
+        this.poiLayer.show = isShow;
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      if (!this._canOperate()) return;
+      this.isDestroyed = true;
+      if (this.poiLayer) {
+        this.getMap().scene.primitives.remove(this.poiLayer);
+        this.poiLayer = null;
+      }
+    }
+  }]);
+  return PoiLayer;
+}();
+export default PoiLayer;

package/dist/esm/lowAltitude/VisitLayer.d.ts

@@ -0,0 +1,26 @@
+import BaseGridMvtLayer from './BaseGridMvtLayer';
+declare class VisitLayer extends BaseGridMvtLayer {
+    constructor(map: any, options?: any);
+    /**
+     * 创建primitives
+     * 按照示例代码的逻辑实现，每个feature创建一个障碍物实例
+     */
+    private _createPrimitives;
+    /**
+     * 销毁primitives
+     */
+    private _destroyPrimitives;
+    /**
+     * 显示primitives
+     */
+    private _showPrimitives;
+    /**
+     * 隐藏primitives
+     */
+    private _hidePrimitives;
+    /**
+     * 更新primitives
+     */
+    private _updatePrimitives;
+}
+export default VisitLayer;

package/dist/esm/lowAltitude/VisitLayer.js

@@ -0,0 +1,180 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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 _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); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import * as Cesium from 'deeptwins-cesium';
+import BaseGridMvtLayer from "./BaseGridMvtLayer";
+
+// 客流图层 - 基于MVT数据渲染网格
+var VisitLayer = /*#__PURE__*/function (_BaseGridMvtLayer) {
+  _inherits(VisitLayer, _BaseGridMvtLayer);
+  var _super = _createSuper(VisitLayer);
+  function VisitLayer(map) {
+    var _this;
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _classCallCheck(this, VisitLayer);
+    _this = _super.call(this, map, _objectSpread({
+      dataType: 'flow'
+    }, options));
+    _this.createMvtLayer({
+      createPrimitives: function createPrimitives(tileNum, renderData, viewer) {
+        var targetViewer = viewer || _this.getMap();
+        return _this._createPrimitives(tileNum, renderData, targetViewer);
+      },
+      destroyPrimitives: function destroyPrimitives(tileNum, primitives) {
+        return _this._destroyPrimitives(tileNum, primitives);
+      },
+      showPrimitives: function showPrimitives(tileNum, primitives) {
+        return _this._showPrimitives(tileNum, primitives);
+      },
+      hidePrimitives: function hidePrimitives(tileNum, primitives) {
+        return _this._hidePrimitives(tileNum, primitives);
+      },
+      updatePrimitives: function updatePrimitives(tileNum, primitives) {
+        return _this._updatePrimitives(tileNum, primitives);
+      }
+    });
+    return _this;
+  }
+
+  /**
+   * 创建primitives
+   * 按照示例代码的逻辑实现，每个feature创建一个障碍物实例
+   */
+  _createClass(VisitLayer, [{
+    key: "_createPrimitives",
+    value: function _createPrimitives(tileNum, renderData, viewer) {
+      if (!this._isViewerReady()) {
+        return [];
+      }
+      var heightColors = this.options.heightColors;
+      var features = (renderData === null || renderData === void 0 ? void 0 : renderData.default) || [];
+      var instances = [];
+      for (var i = 0; i < features.length; i++) {
+        var _feature$properties;
+        var feature = features[i];
+        if (!feature || !feature.lnglat || !feature.gridSize) {
+          continue;
+        }
+        if (!this._isViewerReady()) {
+          return [];
+        }
+        var lnglat = [feature.lnglat[0], feature.lnglat[1], 100];
+        var modelMatrix = Cesium.Matrix4.multiplyByTranslation(Cesium.Transforms.eastNorthUpToFixedFrame(Cesium.Cartesian3.fromDegrees(lnglat[0], lnglat[1], lnglat[2])), new Cesium.Cartesian3(0, 0, 0), new Cesium.Matrix4());
+        var flowValue = ((_feature$properties = feature.properties) === null || _feature$properties === void 0 ? void 0 : _feature$properties.flow) || 0;
+        var colorIndex = Math.floor(flowValue / 150);
+        var color = heightColors[colorIndex] || '#d8daeb';
+        var instance = new Cesium.GeometryInstance({
+          geometry: Cesium.BoxGeometry.fromDimensions({
+            vertexFormat: Cesium.VertexFormat.POSITION_AND_NORMAL,
+            dimensions: new Cesium.Cartesian3(feature.gridSize[0], feature.gridSize[1], feature.gridSize[1])
+          }),
+          modelMatrix: modelMatrix,
+          attributes: {
+            color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.fromCssColorString(color))
+          }
+        });
+        instances.push(instance);
+      }
+      if (!this._isViewerReady() || instances.length === 0) {
+        return [];
+      }
+      var primitive = new Cesium.Primitive({
+        geometryInstances: instances,
+        appearance: new Cesium.PerInstanceColorAppearance({
+          translucent: false,
+          closed: true
+        })
+      });
+      if (this._isViewerReady()) {
+        viewer.scene.primitives.add(primitive);
+      }
+      return [primitive];
+    }
+
+    /**
+     * 销毁primitives
+     */
+  }, {
+    key: "_destroyPrimitives",
+    value: function _destroyPrimitives(tileNum, primitives) {
+      var _this2 = this;
+      if (!(primitives !== null && primitives !== void 0 && primitives.length)) return;
+      primitives.forEach(function (primitive) {
+        if (!primitive) {
+          return;
+        }
+        try {
+          primitive.show = false;
+          if (_this2._isViewerReady()) {
+            var isDestroyed = typeof primitive.isDestroyed === 'function' ? primitive.isDestroyed() : false;
+            if (!isDestroyed) {
+              _this2.getMap().scene.primitives.remove(primitive);
+            }
+            if (typeof primitive.destroy === 'function' && !isDestroyed) {
+              primitive.destroy();
+            }
+          }
+        } catch (error) {
+          console.warn('销毁 primitive 失败', error);
+        }
+      });
+      primitives.length = 0;
+    }
+
+    /**
+     * 显示primitives
+     */
+  }, {
+    key: "_showPrimitives",
+    value: function _showPrimitives(tileNum, primitives) {
+      if (!(primitives !== null && primitives !== void 0 && primitives.length)) {
+        return;
+      }
+      primitives.forEach(function (primitive) {
+        if (primitive && typeof primitive.isDestroyed === 'function' && !primitive.isDestroyed()) {
+          primitive.show = true;
+        }
+      });
+    }
+
+    /**
+     * 隐藏primitives
+     */
+  }, {
+    key: "_hidePrimitives",
+    value: function _hidePrimitives(tileNum, primitives) {
+      if (!(primitives !== null && primitives !== void 0 && primitives.length)) {
+        return;
+      }
+      primitives.forEach(function (primitive) {
+        if (primitive && typeof primitive.isDestroyed === 'function' && !primitive.isDestroyed()) {
+          primitive.show = false;
+        }
+      });
+    }
+
+    /**
+     * 更新primitives
+     */
+  }, {
+    key: "_updatePrimitives",
+    value: function _updatePrimitives(_tileNum, _primitives) {
+      // 预留接口，可根据需要实现更新逻辑
+    }
+  }]);
+  return VisitLayer;
+}(BaseGridMvtLayer);
+export default VisitLayer;

package/dist/esm/map/GroundSkyBox.js

@@ -9,7 +9,6 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import * as Cesium from 'deeptwins-cesium';
 var BoxGeometry = Cesium.BoxGeometry;
 var Cartesian3 = Cesium.Cartesian3;
-var defaultValue = Cesium.defaultValue;
 var defined = Cesium.defined;
 var destroyObject = Cesium.destroyObject;
 var DeveloperError = Cesium.DeveloperError;
@@ -39,6 +38,7 @@ var skyboxMatrix3 = new Matrix3();
  */
 var GroundSkyBox = /*#__PURE__*/function () {
   function GroundSkyBox(options) {
+    var _options$show;
     _classCallCheck(this, GroundSkyBox);
     _defineProperty(this, "sources", void 0);
     _defineProperty(this, "show", true);
@@ -55,7 +55,7 @@ var GroundSkyBox = /*#__PURE__*/function () {
     }
     this.sources = options.sources;
     this._sources = undefined;
-    this.show = defaultValue(options.show, true);
+    this.show = (_options$show = options.show) !== null && _options$show !== void 0 ? _options$show : true;
     this._command = new DrawCommand({
       modelMatrix: Matrix4.clone(Matrix4.IDENTITY),
       owner: this

package/dist/esm/map/Map.js

@@ -80,11 +80,11 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
     _defineProperty(_assertThisInitialized(_this), "_event", void 0);
     // 默认的事件监听
     _defineProperty(_assertThisInitialized(_this), "_eventTrick", []);
-    // 添加yunjing module
+    // 添加yunjing 模型
     _defineProperty(_assertThisInitialized(_this), "addModuleLayer", function (moduleLayer) {
-      _this._yunjing = _this._yunjing || moduleLayer.addToMap(_assertThisInitialized(_this));
+      var yunjing = moduleLayer.addToMap(_assertThisInitialized(_this));
       common.removeYjIcon();
-      return _this._yunjing;
+      return yunjing;
     });
     _this._mapContext = {
       getMap: _this.getMap.bind(_assertThisInitialized(_this))
@@ -244,11 +244,11 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
       !isNil(resolutionScale) && (this.resolutionScale = resolutionScale);
 
       // scene
-      !isNil(showSun) && (this.scene.sun.show = showSun);
-      !isNil(showMoon) && (this.scene.moon.show = showMoon);
-      !isNil(showSkyBox) && (this.scene.skyBox.show = showSkyBox);
+      !isNil(showSun) && this.scene.sun && (this.scene.sun.show = showSun);
+      !isNil(showMoon) && this.scene.moon && (this.scene.moon.show = showMoon);
+      !isNil(showSkyBox) && this.scene.skyBox && (this.scene.skyBox.show = showSkyBox);
       !isNil(fog) && (this.scene.fog.enabled = fog);
-      !isNil(skyAtmosphere) && (this.scene.skyAtmosphere.show = skyAtmosphere);
+      !isNil(skyAtmosphere) && this.scene.skyAtmosphere && (this.scene.skyAtmosphere.show = skyAtmosphere);
       !isNil(requestRenderMode) && (this.scene.requestRenderMode = requestRenderMode);
       if (!isNil(postProcessStages)) {
         for (var key in postProcessStages) {
@@ -307,7 +307,7 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
     value: function removeGroundSkyBox() {
       this.showGroundSkyBox = false;
       this.scene.skyBox = this._defaultSkybox;
-      this.scene.skyAtmosphere.show = true;
+      this.scene.skyAtmosphere && (this.scene.skyAtmosphere.show = true);
       this.camera.changed.removeEventListener(this._handleSkyBox);
       this._handleSkyBox = null;
     }
@@ -320,10 +320,10 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
       var cameraHeight = Cesium.Cartographic.fromCartesian(position).height;
       if (cameraHeight < 240000) {
         this.scene.skyBox = skyBox;
-        this.scene.skyAtmosphere.show = false;
+        this.scene.skyAtmosphere && (this.scene.skyAtmosphere.show = false);
       } else {
         this.scene.skyBox = this._defaultSkybox;
-        this.scene.skyAtmosphere.show = true;
+        this.scene.skyAtmosphere && (this.scene.skyAtmosphere.show = true);
       }
     }
 

package/dist/esm/plot/utils/DomUtil.js

@@ -42,7 +42,7 @@ export var LabelAttributeForm = /*#__PURE__*/function () {
       }
       this._customDiv.style.top = this._winPos.y + 'px';
       this._customDiv.style.left = this._winPos.x + 'px';
-      this._customDiv.innerHTML = " \n    <div>\n      <span class=\"title\">\u5BF9\u8C61\u7F16\u53F7\uFF1A</span>\n      <span>".concat(this._id, "</span>\n    </div>\n    <div>\n      <span class=\"title\">\u6587\u5B57\u6807\u7B7E\uFF1A</span>\n      <input type=\"text\" id=\"text-value\" value=\"").concat(this._text, "\" />\n    </div>\n    <div>\n      <span class=\"title\">\u7ECF\u7EAC\u5750\u6807\uFF1A</span>\n      <input type=\"text\" id=\"coor-xy\" value=\"").concat(this._coord.x, ",").concat(this._coord.y, "\" />\n    </div>\n    <div>\n      <span class=\"title\">\u5B57\u4F53\u5927\u5C0F\uFF1A</span>\n      <input type=\"number\" id=\"font-size\" value=\"").concat(this._size, "\" />\n    </div>\n    <div class=\"label-ar-tool-box\">\n      <button id=\"label_edit_ok\">\u786E\u8BA4</button>\n      <button id=\"label_edit_no\">\u53D6\u6D88</button>\n    </div>");
+      this._customDiv.innerHTML = "\n    <div>\n      <span class=\"title\">\u5BF9\u8C61\u7F16\u53F7\uFF1A</span>\n      <span>".concat(this._id, "</span>\n    </div>\n    <div>\n      <span class=\"title\">\u6587\u5B57\u6807\u7B7E\uFF1A</span>\n      <input type=\"text\" id=\"text-value\" value=\"").concat(this._text, "\" />\n    </div>\n    <div>\n      <span class=\"title\">\u7ECF\u7EAC\u5750\u6807\uFF1A</span>\n      <input type=\"text\" id=\"coor-xy\" value=\"").concat(this._coord.x, ",").concat(this._coord.y, "\" />\n    </div>\n    <div>\n      <span class=\"title\">\u5B57\u4F53\u5927\u5C0F\uFF1A</span>\n      <input type=\"number\" id=\"font-size\" value=\"").concat(this._size, "\" />\n    </div>\n    <div class=\"label-ar-tool-box\">\n      <button id=\"label_edit_ok\">\u786E\u8BA4</button>\n      <button id=\"label_edit_no\">\u53D6\u6D88</button>\n    </div>");
       this.initEvent();
     }
   }, {

package/dist/esm/tool/Compass.js

@@ -66,12 +66,16 @@ var Compass = /*#__PURE__*/function () {
       var leftDirection = document.createElement('img');
       leftDirection.className = 'deeptwins-compass-left-direction';
       var leftDirectionImg = getDeepTwinsFile('Image/compass/compass-direction-left.png');
+      var leftDirectionActiveImg = getDeepTwinsFile('Image/compass/compass-direction-left-active.png');
       leftDirection.src = leftDirectionImg;
       el.appendChild(leftDirection);
 
       // 左箭头持续旋转
+      leftDirection.onmouseenter = function () {
+        leftDirection.src = leftDirectionActiveImg;
+      };
       leftDirection.onmousedown = function () {
-        leftDirection.src = getDeepTwinsFile('Image/compass/compass-direction-left-active.png');
+        leftDirection.src = leftDirectionActiveImg;
         _this2._startContinuousRotation(1);
       };
       leftDirection.onmouseup = function () {
@@ -91,11 +95,15 @@ var Compass = /*#__PURE__*/function () {
       var rightDirection = document.createElement('img');
       rightDirection.className = 'deeptwins-compass-right-direction';
       var rightDirectionImg = getDeepTwinsFile('Image/compass/compass-direction-right.png');
+      var rightDirectionActiveImg = getDeepTwinsFile('Image/compass/compass-direction-right-active.png');
       rightDirection.src = rightDirectionImg;
       el.appendChild(rightDirection);
       // 右箭头持续旋转
+      rightDirection.onmouseenter = function () {
+        rightDirection.src = rightDirectionActiveImg;
+      };
       rightDirection.onmousedown = function () {
-        rightDirection.src = getDeepTwinsFile('Image/compass/compass-direction-right-active.png');
+        rightDirection.src = rightDirectionActiveImg;
         _this2._startContinuousRotation(-1);
       };
       rightDirection.onmouseup = function () {
@@ -110,10 +118,14 @@ var Compass = /*#__PURE__*/function () {
       var pitchUp = document.createElement('img');
       pitchUp.className = 'deeptwins-compass-pitch-up';
       var pitchUpImg = getDeepTwinsFile('Image/compass/compass-pitch-up.png');
+      var pitchUpActiveImg = getDeepTwinsFile('Image/compass/compass-pitch-up-active.png');
       pitchUp.src = pitchUpImg;
       el.appendChild(pitchUp);
+      pitchUp.onmouseenter = function () {
+        pitchUp.src = pitchUpActiveImg;
+      };
       pitchUp.onmousedown = function () {
-        pitchUp.src = getDeepTwinsFile('Image/compass/compass-pitch-up-active.png');
+        pitchUp.src = pitchUpActiveImg;
         _this2._startContinuousPitch(1);
       };
       pitchUp.onmouseup = function () {
@@ -128,10 +140,14 @@ var Compass = /*#__PURE__*/function () {
       var pitchDown = document.createElement('img');
       pitchDown.className = 'deeptwins-compass-pitch-down';
       var pitchDownImg = getDeepTwinsFile('Image/compass/compass-pitch-down.png');
+      var pitchDownActiveImg = getDeepTwinsFile('Image/compass/compass-pitch-down-active.png');
       pitchDown.src = pitchDownImg;
       el.appendChild(pitchDown);
+      pitchDown.onmouseenter = function () {
+        pitchDown.src = pitchDownActiveImg;
+      };
       pitchDown.onmousedown = function () {
-        pitchDown.src = getDeepTwinsFile('Image/compass/compass-pitch-down-active.png');
+        pitchDown.src = pitchDownActiveImg;
         _this2._startContinuousPitch(-1);
       };
       pitchDown.onmouseup = function () {

package/dist/esm/tool/PrimitiveCluster.js

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import * as Cesium from 'deeptwins-cesium';
-import { Billboard, BillboardCollection, BoundingRectangle, Cartesian2, Cartesian3, defaultValue, defined, Event, Label, LabelCollection, Matrix4, PointPrimitive, PointPrimitiveCollection, SceneMode } from 'deeptwins-cesium';
+import { Billboard, BillboardCollection, BoundingRectangle, Cartesian2, Cartesian3, defined, Event, Label, LabelCollection, Matrix4, PointPrimitive, PointPrimitiveCollection, SceneMode } from 'deeptwins-cesium';
 import KDBush from 'kdbush';
 
 /**
@@ -21,13 +21,14 @@ import KDBush from 'kdbush';
  * @demo {@link https://sandcastle.cesium.com/index.html?src=Clustering.html|Cesium Sandcastle Clustering Demo}
  */
 function PrimitiveCluster(options) {
-  options = defaultValue(options, defaultValue.EMPTY_OBJECT);
-  this._enabled = defaultValue(options.enabled, false);
-  this._pixelRange = defaultValue(options.pixelRange, 80);
-  this._minimumClusterSize = defaultValue(options.minimumClusterSize, 2);
-  this._clusterBillboards = defaultValue(options.clusterBillboards, true);
-  this._clusterLabels = defaultValue(options.clusterLabels, true);
-  this._clusterPoints = defaultValue(options.clusterPoints, true);
+  var _options, _options$enabled, _options$pixelRange, _options$minimumClust, _options$clusterBillb, _options$clusterLabel, _options$clusterPoint, _options$show;
+  options = (_options = options) !== null && _options !== void 0 ? _options : {};
+  this._enabled = (_options$enabled = options.enabled) !== null && _options$enabled !== void 0 ? _options$enabled : false;
+  this._pixelRange = (_options$pixelRange = options.pixelRange) !== null && _options$pixelRange !== void 0 ? _options$pixelRange : 80;
+  this._minimumClusterSize = (_options$minimumClust = options.minimumClusterSize) !== null && _options$minimumClust !== void 0 ? _options$minimumClust : 2;
+  this._clusterBillboards = (_options$clusterBillb = options.clusterBillboards) !== null && _options$clusterBillb !== void 0 ? _options$clusterBillb : true;
+  this._clusterLabels = (_options$clusterLabel = options.clusterLabels) !== null && _options$clusterLabel !== void 0 ? _options$clusterLabel : true;
+  this._clusterPoints = (_options$clusterPoint = options.clusterPoints) !== null && _options$clusterPoint !== void 0 ? _options$clusterPoint : true;
   this._labelCollection = undefined;
   this._billboardCollection = undefined;
   this._pointCollection = undefined;
@@ -52,7 +53,7 @@ function PrimitiveCluster(options) {
    * @type {boolean}
    * @default true
    */
-  this.show = defaultValue(options.show, true);
+  this.show = (_options$show = options.show) !== null && _options$show !== void 0 ? _options$show : true;
 }
 function expandBoundingBox(bbox, pixelRange) {
   bbox.x -= pixelRange;

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

@@ -17,7 +17,7 @@ export declare const lineClampToGroundSplit: ({ map, pos1, pos2, splitNum, }: {
  */
 export declare const findWindowPositionByPixelInterval: (startPosition: Cartesian2, endPosition: Cartesian2, interval: number) => Cartesian2;
 export declare class ShapeSection {
-    static circleSection(radius: number): Cesium.Cartesian2[];
+    static circleSection(radius: number, segments?: number): Cesium.Cartesian2[];
     static rectangleSection(width: number, height: number): Cesium.Cartesian2[];
     static triangleSection(base: number, height: number): Cesium.Cartesian2[];
 }

package/dist/esm/tool/common.js

@@ -81,8 +81,8 @@ export var ShapeSection = /*#__PURE__*/function () {
     value:
     // 圆形截面（单位米）
     function circleSection(radius) {
+      var segments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 360;
       var shape = [];
-      var segments = 360;
       for (var i = 0; i < segments; i++) {
         var angle = i / segments * Math.PI * 2; // 角度
         shape.push(new Cesium.Cartesian2(Math.cos(angle) * radius, Math.sin(angle) * radius));

package/dist/esm/visualization/FrustumWithCamera.js

@@ -52,7 +52,9 @@ var FrustumWithCamera = /*#__PURE__*/function (_BaseFrustum) {
         _this$options$outline = _this$options.outline,
         outline = _this$options$outline === void 0 ? true : _this$options$outline,
         _this$options$outline2 = _this$options.outlineColor,
-        outlineColor = _this$options$outline2 === void 0 ? '#ffffff' : _this$options$outline2;
+        outlineColor = _this$options$outline2 === void 0 ? '#ffffff' : _this$options$outline2,
+        _this$options$camera = _this$options.camera,
+        camera = _this$options$camera === void 0 ? this.getMap().camera : _this$options$camera;
       var _position = _slicedToArray(position, 3),
         lng = _position[0],
         lat = _position[1],
@@ -60,19 +62,19 @@ var FrustumWithCamera = /*#__PURE__*/function (_BaseFrustum) {
       var positionCartesian3 = utils.lngLatAltToCartesian3(lng, lat, alt);
       var frustum = new Cesium.PerspectiveFrustum({
         // 查看的视场角，绕Z轴旋转，以弧度方式输入
-        fov: fov ? utils.toRadians(fov) : this.getMap().camera.frustum.fov,
+        fov: fov ? utils.toRadians(fov) : camera.frustum.fov,
         // 视锥体的宽度/高度
-        aspectRatio: aspectRatio ? aspectRatio : this.getMap().camera.frustum.aspectRatio,
+        aspectRatio: aspectRatio ? aspectRatio : camera.frustum.aspectRatio,
         // 近面距视点的距离
-        near: near ? near : this.getMap().camera.frustum.near,
+        near: near ? near : camera.frustum.near,
         // 远面距视点的距离
-        far: far ? far : this.getMap().camera.frustum.far
+        far: far ? far : camera.frustum.far
       });
 
       // 计算摄像机的方向四元数
-      var direction = Cesium.Cartesian3.clone(this.getMap().camera.directionWC);
-      var up = Cesium.Cartesian3.clone(this.getMap().camera.upWC);
-      var right = Cesium.Cartesian3.clone(this.getMap().camera.rightWC);
+      var direction = Cesium.Cartesian3.clone(camera.directionWC);
+      var up = Cesium.Cartesian3.clone(camera.upWC);
+      var right = Cesium.Cartesian3.clone(camera.rightWC);
       var rotationMatrix = new Cesium.Matrix3();
       Cesium.Matrix3.setColumn(rotationMatrix, 0, right, rotationMatrix); // X 轴
       Cesium.Matrix3.setColumn(rotationMatrix, 1, up, rotationMatrix); // Y 轴