deeptwins-engine-3d 0.0.42

package/dist/graphicLayer/GraphicLayerCollection.js

@@ -0,0 +1,387 @@
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 { flattenDeep } from 'lodash';
+import { v4 as uuidv4 } from 'uuid';
+import * as utils from "../tool/utils";
+import { isArray, cameraFlyToPositions } from "../tool/utils";
+import BaseLayer from "./BaseLayer";
+import BaseSource from "./BaseSource";
+var GraphicLayerCollection = /*#__PURE__*/function () {
+  function GraphicLayerCollection(map) {
+    _classCallCheck(this, GraphicLayerCollection);
+    _defineProperty(this, "_map", null);
+    _defineProperty(this, "isDestroy", false);
+    // @ts-ignore
+    _defineProperty(this, "graphicLayers", new Map());
+    // @ts-ignore
+    _defineProperty(this, "graphicSources", new Map());
+    this._map = map;
+  }
+
+  // 是否能进行操作
+  _createClass(GraphicLayerCollection, [{
+    key: "_canOperate",
+    value: function _canOperate() {
+      if (this.isDestroy) {
+        throw new Error('GraphicLayerCollection实例已销毁');
+      }
+    }
+
+    // 添加数据
+  }, {
+    key: "addSource",
+    value: function addSource(id, geoJson) {
+      this._canOperate();
+      var uuid = id;
+      if (this.graphicSources.get(uuid)) {
+        console.warn("id".concat(uuid, "\u5DF2\u7ECF\u5B58\u5728\uFF0C\u5DF2\u81EA\u52A8\u751F\u6210\u968F\u673Aid"));
+        uuid = uuidv4();
+      }
+      var source = new BaseSource({
+        id: uuid,
+        source: geoJson,
+        graphicLayerCollection: this
+      });
+      this.graphicSources.set(source.id, source);
+      return source;
+    }
+
+    // 直接添加entity数据
+  }, {
+    key: "addEntitySource",
+    value: function addEntitySource(id, positions) {
+      this._canOperate();
+      var uuid = id;
+      if (this.graphicSources.get(uuid)) {
+        console.warn("id".concat(uuid, "\u5DF2\u7ECF\u5B58\u5728\uFF0C\u5DF2\u81EA\u52A8\u751F\u6210\u968F\u673Aid"));
+        uuid = uuidv4();
+      }
+      var source = new BaseSource({
+        id: uuid,
+        entitySource: positions,
+        graphicLayerCollection: this
+      });
+      this.graphicSources.set(source.id, source);
+      return source;
+    }
+
+    // 添加图层
+  }, {
+    key: "addLayer",
+    value: function addLayer(data, options) {
+      var _this = this;
+      this._canOperate();
+      var _ref = options || {},
+        id = _ref.id;
+      var uuid = id ? String(id) : uuidv4();
+      if (this.graphicLayers.get(uuid)) {
+        console.warn("id".concat(uuid, "\u5DF2\u7ECF\u5B58\u5728\uFF0C\u5DF2\u81EA\u52A8\u751F\u6210\u968F\u673Aid"));
+        uuid = uuidv4();
+      }
+      var source = null;
+      var sourceType = BaseSource.analysisSourceType(data);
+      if (sourceType === 'sourceInstance') {
+        source = data;
+      } else if (sourceType === 'sourceId') {
+        source = this.graphicSources.get(data);
+      } else {
+        source = this.addSource(uuid, data);
+      }
+      // 生成graphicLayer
+      var layer = new BaseLayer({
+        id: uuid,
+        source: source,
+        options: options,
+        graphicLayerCollection: this
+      });
+      // 添加到地图上
+      if (layer.isEntity) {
+        layer.layers.forEach(function (t) {
+          if (t.entity) {
+            _this._map.entities.add(t.entity);
+          }
+        });
+      } else {
+        if (['pointP', 'billboardP', 'labelP'].includes(options.type)) {
+          this._map.scene.primitives.add(layer.primitiveCollection);
+        } else {
+          this._map.scene.primitives.add(layer.primitiveCollection.primitive);
+        }
+      }
+      this.graphicLayers.set(layer.id, layer);
+      return layer;
+    }
+
+    // 直接添加entity到图层
+  }, {
+    key: "addEntityToLayer",
+    value: function addEntityToLayer(positions, options) {
+      var _this2 = this;
+      this._canOperate();
+      var uuid = uuidv4();
+      var source = null;
+      var sourceType = BaseSource.analysisSourceType(positions);
+      if (sourceType === 'sourceInstance') {
+        source = positions;
+      } else if (sourceType === 'sourceId') {
+        source = this.graphicSources.get(positions);
+      } else {
+        source = this.addEntitySource(uuid, positions);
+      }
+      // 生成graphicLayer
+      var layer = new BaseLayer({
+        id: uuid,
+        source: source,
+        options: options,
+        graphicLayerCollection: this
+      });
+      // 添加到地图上
+      layer.layers.forEach(function (t) {
+        if (t.entity) {
+          _this2._map.entities.add(t.entity);
+        }
+      });
+      this.graphicLayers.set(layer.id, layer);
+      return layer;
+    }
+
+    // 删除graphicLayers上的数据
+  }, {
+    key: "_removeGraphicMapLayer",
+    value: function _removeGraphicMapLayer(layerId) {
+      this._canOperate();
+      this.graphicLayers.delete(layerId);
+    }
+
+    // 删除graphicSources上的数据
+  }, {
+    key: "_removeGraphicMapSource",
+    value: function _removeGraphicMapSource(sourceId) {
+      this._canOperate();
+      this.graphicSources.delete(sourceId);
+      var graphicValues = this.graphicLayers.values();
+      var _iterator = _createForOfIteratorHelper(graphicValues),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var value = _step.value;
+          if (value.sourceId === sourceId) {
+            value.remove();
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+
+    // 清除所有graphicLayers的数据
+  }, {
+    key: "_clearGraphicMapLayer",
+    value: function _clearGraphicMapLayer() {
+      this._canOperate();
+      this.graphicLayers.clear();
+    }
+
+    // 清除所有graphicSources上的数据
+  }, {
+    key: "_clearGraphicMapSource",
+    value: function _clearGraphicMapSource() {
+      this._canOperate();
+      this.graphicSources.clear();
+    }
+
+    // 获取图层
+  }, {
+    key: "getLayer",
+    value: function getLayer(id) {
+      this._canOperate();
+      return utils.isString(id) ? this.graphicLayers.get(id) : id;
+    }
+
+    // 获取数据
+  }, {
+    key: "getSource",
+    value: function getSource(id) {
+      this._canOperate();
+      return utils.isString(id) ? this.graphicSources.get(id) : id;
+    }
+
+    // 显示隐藏图层
+  }, {
+    key: "showLayer",
+    value: function showLayer(layer, isShow) {
+      this._canOperate();
+      var graphicLayer = this.getLayer(layer);
+      graphicLayer.show(isShow);
+    }
+
+    // 移除图层
+  }, {
+    key: "removeLayer",
+    value: function removeLayer(layer) {
+      this._canOperate();
+      var graphicLayer = this.getLayer(layer);
+      graphicLayer.remove();
+    }
+
+    // 移除数据
+  }, {
+    key: "removeSource",
+    value: function removeSource(source) {
+      this._canOperate();
+      var graphicSource = this.getSource(source);
+      graphicSource.remove();
+    }
+
+    // 清除所有图层
+  }, {
+    key: "clearLayer",
+    value: function clearLayer() {
+      this._canOperate();
+      this._map.entities.removeAll();
+      this._map.scene.primitives.removeAll();
+      var graphicLayers = this.graphicLayers.values();
+      var _iterator2 = _createForOfIteratorHelper(graphicLayers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var value = _step2.value;
+          value._toDestroy();
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      this._clearGraphicMapLayer();
+    }
+
+    // 清除所有数据
+  }, {
+    key: "clearSource",
+    value: function clearSource() {
+      this._canOperate();
+      var graphicSources = this.graphicSources.values();
+      var _iterator3 = _createForOfIteratorHelper(graphicSources),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var value = _step3.value;
+          value._toDestroy();
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      this._clearGraphicMapSource();
+    }
+
+    // 更新layer的样式
+  }, {
+    key: "setLayerStyle",
+    value: function setLayerStyle(layer, style) {
+      this._canOperate();
+      var graphicLayer = this.getLayer(layer);
+      graphicLayer.setStyle(style);
+    }
+
+    // 更新layer的数据
+  }, {
+    key: "setLayerData",
+    value: function setLayerData(layer, data) {
+      this._canOperate();
+      var source = null;
+      var sourceType = BaseSource.analysisSourceType(data);
+      if (sourceType === 'sourceInstance') {
+        source = data;
+      } else if (sourceType === 'sourceId') {
+        source = this.graphicSources.get(data);
+      } else {
+        source = this.addSource(uuidv4(), data);
+      }
+      var graphicLayers = [];
+      // 更新所有的layer
+      if (layer === '_allLayer') {
+        // 找出所有需要更新的layer
+        var graphicValues = this.graphicLayers.values();
+        var _iterator4 = _createForOfIteratorHelper(graphicValues),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var value = _step4.value;
+            if (value.sourceId === source.id) {
+              graphicLayers.push(value);
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+      } else {
+        graphicLayers.push(this.getLayer(layer));
+      }
+      graphicLayers.forEach(function (t) {
+        t.setData(source);
+      });
+    }
+
+    // 更新source的数据
+  }, {
+    key: "setSourceData",
+    value: function setSourceData(source, data) {
+      this._canOperate();
+      var graphicSource = this.getSource(source);
+      graphicSource.setData(data);
+    }
+
+    // 飞行至图层位置
+  }, {
+    key: "flyToLayer",
+    value: function flyToLayer(layer, options) {
+      this._canOperate();
+      var graphicLayer = this.getLayer(layer);
+      graphicLayer.flyTo(options);
+    }
+
+    // 飞行至多个图层位置
+  }, {
+    key: "flyToLayers",
+    value: function flyToLayers(layers, options) {
+      var _this3 = this;
+      this._canOperate();
+      if (isArray(layers)) {
+        var graphicLayers = layers.map(function (layer) {
+          return _this3.getLayer(layer);
+        });
+        var positions = flattenDeep(graphicLayers.map(function (t) {
+          return t.layers.map(function (p) {
+            return p.source.positions;
+          });
+        }));
+        cameraFlyToPositions(this._map.camera, positions, options);
+      }
+    }
+
+    // 销毁
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.isDestroy = true;
+      this.clearLayer();
+    }
+  }]);
+  return GraphicLayerCollection;
+}();
+export { GraphicLayerCollection as default };

package/dist/graphicLayer/HtmlEntity.d.ts

@@ -0,0 +1,19 @@
+import BaseEntity from './BaseEntity';
+export default class HtmlEntity extends BaseEntity {
+    isDestroyed: boolean;
+    isInit: boolean;
+    container: any;
+    horizontalOrigin: number;
+    verticalOrigin: number;
+    postDomBack: any;
+    private _clampToGround;
+    constructor(options: any);
+    private _init;
+    private _canOperate;
+    reSetPosition(position: any, cameraHeight: number): void;
+    show(isShow: boolean): void;
+    remove(): void;
+    updateStyle(style: any): void;
+    private _setStyle;
+    updateData(data: any): void;
+}

package/dist/graphicLayer/HtmlEntity.js

@@ -0,0 +1,179 @@
+var _excluded = ["style", "source", "postDomBack", "map"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 _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); }
+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 { cloneDeep, isNil, merge } from 'lodash';
+import { DEFAULT_HTML_OPTIONS, HTML_CONTAINER_ID } from "../constant";
+import { ClampToGround } from "../tool/common";
+import { isString } from "../tool/utils";
+import BaseEntity from "./BaseEntity";
+var horizontalOriginObj = {
+  1: 0,
+  // left
+  0: 2,
+  // center
+  '-1': 1 // right
+};
+var verticalOriginObj = {
+  '-1': 0,
+  // top
+  0: 2,
+  // center
+  1: 1,
+  // bottom
+  2: 1 // BASELINE
+};
+
+// 点实体图层
+var HtmlEntity = /*#__PURE__*/function (_BaseEntity) {
+  _inherits(HtmlEntity, _BaseEntity);
+  var _super = _createSuper(HtmlEntity);
+  function HtmlEntity(options) {
+    var _this;
+    _classCallCheck(this, HtmlEntity);
+    _this = _super.call(this, options);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _defineProperty(_assertThisInitialized(_this), "isDestroyed", false);
+    _defineProperty(_assertThisInitialized(_this), "isInit", false);
+    _defineProperty(_assertThisInitialized(_this), "container", void 0);
+    _defineProperty(_assertThisInitialized(_this), "horizontalOrigin", 0);
+    _defineProperty(_assertThisInitialized(_this), "verticalOrigin", 0);
+    _defineProperty(_assertThisInitialized(_this), "postDomBack", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_clampToGround", void 0);
+    var style = options.style,
+      source = options.source,
+      postDomBack = options.postDomBack,
+      map = options.map,
+      currOptions = _objectWithoutProperties(options, _excluded);
+    _this.postDomBack = postDomBack;
+    var mergeStyle = merge(DEFAULT_HTML_OPTIONS(), cloneDeep(style || {}));
+    if (style.clampToGround) {
+      _this._clampToGround = new ClampToGround(map);
+      _this._clampToGround.getHeightByTypeToCartesian3([_this.source.positions], style.clampToGround).then(function (res) {
+        if (res.length) {
+          _this.source.positions = res[0];
+        }
+      });
+    }
+    _this._init(_objectSpread({
+      style: mergeStyle
+    }, currOptions));
+    return _this;
+  }
+
+  // 初始化
+  _createClass(HtmlEntity, [{
+    key: "_init",
+    value: function _init(options) {
+      var _document$getElementB;
+      var html = options.html,
+        style = options.style;
+      this.container = document.createElement('div');
+      if (isString(html)) {
+        this.container.innerHTML = html;
+      } else {
+        this.container.appendChild(html);
+      }
+      this.container.style.cssText = 'position: absolute; left: 0; top: 0; pointer-events: auto;';
+      this._setStyle(style);
+      this.container.style.transform = 'translate3d(10000px, 10000px, 0)';
+      (_document$getElementB = document.getElementById(HTML_CONTAINER_ID)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(this.container);
+      this.postDomBack && this.postDomBack(this.container, this.source);
+      this.isInit = true;
+    }
+
+    // 是否能进行操作
+  }, {
+    key: "_canOperate",
+    value: function _canOperate() {
+      if (this.isDestroyed) {
+        throw new Error('BaseLayer实例已销毁');
+      }
+    }
+
+    // 更新位置
+  }, {
+    key: "reSetPosition",
+    value: function reSetPosition(position, cameraHeight) {
+      this._canOperate();
+      if (!this.isInit) return;
+      this.container.style.transform = "translate3d(".concat(position.x - (this.horizontalOrigin ? this.container.clientWidth / this.horizontalOrigin : 0), "px, ").concat(position.y - (this.verticalOrigin ? this.container.clientHeight / this.verticalOrigin : 0), "px, 0) ").concat(this.style.scaleOfDistance ? "scale(".concat(Math.min(1, this.style.scaleOfDistance / cameraHeight), ")") : '');
+    }
+
+    // 显示隐藏
+  }, {
+    key: "show",
+    value: function show(isShow) {
+      this._canOperate();
+      if (isShow) {
+        this.container.style.display = 'block';
+      } else {
+        this.container.style.display = 'none';
+      }
+    }
+
+    // 移除
+  }, {
+    key: "remove",
+    value: function remove() {
+      this._canOperate();
+      this.isDestroyed = true;
+      this.container.remove();
+    }
+
+    // 更新样式
+  }, {
+    key: "updateStyle",
+    value: function updateStyle(style) {
+      this._canOperate();
+      var mergeStyle = merge(DEFAULT_HTML_OPTIONS(), cloneDeep(style || {}));
+      this._setStyle(mergeStyle);
+    }
+  }, {
+    key: "_setStyle",
+    value: function _setStyle(style) {
+      if (!isNil(style.horizontalOrigin)) {
+        // @ts-ignore
+        this.horizontalOrigin = horizontalOriginObj[style.horizontalOrigin];
+      }
+      if (!isNil(style.verticalOrigin)) {
+        // @ts-ignore
+        this.verticalOrigin = verticalOriginObj[style.verticalOrigin];
+      }
+      this.container.style.pointerEvents = style.pointerEvents ? 'auto' : 'none';
+    }
+
+    // 更新geoJson数据
+  }, {
+    key: "updateData",
+    value: function updateData(data) {
+      var _this2 = this;
+      this._canOperate();
+      this.source = data;
+      if (this.style.clampToGround) {
+        this._clampToGround.getHeightByTypeToCartesian3([this.source.positions], this.style.clampToGround).then(function (res) {
+          if (res.length) {
+            _this2.source.positions = res[0];
+          }
+        });
+      }
+    }
+  }]);
+  return HtmlEntity;
+}(BaseEntity);
+export { HtmlEntity as default };

package/dist/graphicLayer/LabelEntity.d.ts

@@ -0,0 +1,7 @@
+import BaseEntity from './BaseEntity';
+export default class LabelEntity extends BaseEntity {
+    constructor(options: any);
+    static handleOptions(style: any): any;
+    private _init;
+    updateData(data: any): void;
+}