@vtx/cs-map 1.0.5 → 1.0.7

package/lib/map/InfoTool/index.css

@@ -0,0 +1,55 @@
+.helsing-three-plugins-infotool {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  position: fixed;
+  top: 0;
+  left: 0;
+  min-width: 100px;
+  height: 250px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+}
+.helsing-three-plugins-infotool > div:nth-child(1) {
+  left: 0;
+  width: 40px;
+  height: 0;
+  bottom: 0;
+}
+.helsing-three-plugins-infotool > div:nth-child(2) {
+  opacity: 0;
+  -webkit-box-shadow: 0 0 8px 0 rgba(0, 170, 255, 0.6) inset;
+          box-shadow: 0 0 8px 0 rgba(0, 170, 255, 0.6) inset;
+  padding: 20px;
+  -webkit-user-select: text;
+     -moz-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
+  pointer-events: auto;
+}
+.element {
+  position: absolute;
+  background: rgba(2, 24, 45, 0.92);
+  border: 1px solid #2c69a6;
+  border-radius: 10px;
+  -webkit-box-shadow: 0px 0px 10px 2px rgba(24, 144, 255, 0.35) inset;
+          box-shadow: 0px 0px 10px 2px rgba(24, 144, 255, 0.35) inset;
+  height: 100px;
+  width: 300px;
+}
+.tooltip-arrow {
+  position: absolute;
+  left: 100px;
+  bottom: -20px;
+  width: 0px;
+  height: 0px;
+  border-bottom: 10px solid transparent;
+  border-top: 10px solid #02182d;
+  border-right: 10px solid transparent;
+  border-left: 10px solid transparent;
+}

package/lib/map/InfoTool/index.js

@@ -0,0 +1,247 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _cesium = require("cesium");
+require("./index.less");
+var _util = _interopRequireDefault(require("./util"));
+var _class;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+function _classStaticPrivateMethodGet(receiver, classConstructor, method) { _classCheckPrivateStaticAccess(receiver, classConstructor); return method; }
+function _classCheckPrivateStaticAccess(receiver, classConstructor) { if (receiver !== classConstructor) { throw new TypeError("Private static access of wrong provenance"); } }
+/**
+ * 信息工具。
+ *
+ * @alias InfoTool
+ * @constructor
+ * @param {viewer} viewer Cesium视窗。
+ */
+var _element = /*#__PURE__*/new WeakMap();
+var InfoTool = /*#__PURE__*/function () {
+  function InfoTool(options) {
+    _classCallCheck(this, InfoTool);
+    _classPrivateFieldInitSpec(this, _element, {
+      writable: true,
+      value: void 0
+    });
+    _defineProperty(this, "viewer", void 0);
+    this.viewer = options.map;
+    // 在Cesium容器中添加元素
+    _classPrivateFieldSet(this, _element, document.createElement('div'));
+  }
+
+  /**
+   * 添加。
+   * @param {Object} options 选项。
+   * @param {Element} options.element 弹窗元素。
+   * @param {Cartesian2|Cartesian3} options.position 点击位置。
+   * @param {Cesium3DTileFeature} [options.inputFeature] 模型要素。
+   * @param {String} options.type 类型（默认值为default，即任意点击模式；如果设置为info，即信息模式，只有点击Feature才会响应）。
+   * @param {String} options.content 内容（只有类型为default时才起作用）。
+   * @param {Function} callback 回调函数。
+   */
+  _createClass(InfoTool, [{
+    key: "add",
+    value: function add(options) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+      this.element = options.element;
+      // 判断参数为空返回
+      if (!options) {
+        return;
+      }
+      // 点
+      var position, cartesian2d, cartesian3d, inputFeature;
+      if (options instanceof _cesium.Cesium3DTileFeature) {
+        inputFeature = options;
+        options = {};
+      } else {
+        if (options instanceof _cesium.Cartesian2 || options instanceof _cesium.Cartesian3) {
+          position = options;
+          options = {};
+        } else {
+          position = options.position;
+          inputFeature = options.inputFeature;
+        }
+        // 判断点位为空返回
+        if (!position) {
+          return;
+        }
+        if (position instanceof _cesium.Cartesian2) {
+          // 二维转三维
+          // 如果支持拾取模型则取模型值
+          cartesian3d = this.viewer.scene.pickPositionSupported && (0, _cesium.defined)(this.viewer.scene.pick(options.position)) ? this.viewer.scene.pickPosition(position) : this.viewer.camera.pickEllipsoid(position, this.viewer.scene.globe.ellipsoid);
+          cartesian2d = position;
+        } else {
+          cartesian3d = position;
+          cartesian2d = _cesium.SceneTransforms.wgs84ToWindowCoordinates(this.viewer.scene, cartesian3d);
+        }
+        // 判断点位为空返回
+        if (!cartesian3d) {
+          return;
+        }
+      }
+      var that = this;
+
+      // 1.组织信息
+      var info = '';
+      if (options.type === 'info') {
+        // 拾取要素
+        var feature = inputFeature || this.viewer.scene.pick(cartesian2d);
+        // 判断拾取要素为空返回
+        if (!(0, _cesium.defined)(feature)) {
+          this.remove();
+          return;
+        }
+        if (feature instanceof _cesium.Cesium3DTileFeature) {
+          // 3dtiles
+          var propertyNames = feature.getPropertyNames();
+          var length = propertyNames.length;
+          for (var i = 0; i < length; ++i) {
+            var propertyName = propertyNames[i];
+            info += '"' + (propertyName + '": "' + feature.getProperty(propertyName)) + '",\n';
+          }
+        } else if (feature) {
+          // Entity
+          var properties = feature.properties;
+          if (properties) {
+            var _propertyNames = properties._propertyNames;
+            var _length = _propertyNames.length;
+            for (var _i = 0; _i < _length; ++_i) {
+              var _propertyName = _propertyNames[_i];
+              info += '"' + (_propertyName + '": "' + properties[_propertyName]._value) + '",\n';
+            }
+          }
+        }
+      } else {
+        options.content && (info = options.content);
+      }
+
+      // 2.生成特效
+      // 添加之前先移除
+      this.remove();
+      // if (!info) {
+      //   return;
+      // }
+      options.position = cartesian3d;
+      options.element = options.element || _classPrivateFieldGet(this, _element);
+      _classStaticPrivateMethodGet(InfoTool, InfoTool, _createInfoTool).call(InfoTool, this.viewer, options, function () {
+        _util["default"].setInnerText(options.element, info);
+        typeof callback === 'function' && callback();
+      });
+    }
+
+    /**
+     * 移除。
+     */
+  }, {
+    key: "remove",
+    value: function remove() {
+      var entityId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+      _util["default"].setCss(this.element, 'opacity', '0');
+      _util["default"].setCss(this.element, 'z-index', '-1');
+      _util["default"].setCss(_classPrivateFieldGet(this, _element), 'opacity', '0');
+    }
+  }]);
+  return InfoTool;
+}();
+_class = InfoTool;
+/**
+ * 创建一个动态实体弹窗。
+ *
+ * @param {viewer} viewer Cesium视窗。
+ * @param {Number} options 选项。
+ * @param {Cartesian3} options.position 弹出位置。
+ * @param {HTMLElement} options.element 弹出窗元素容器。
+ * @param {Function} callback 回调函数。
+ * @ignore
+ */
+function _createInfoTool(viewer, options) {
+  var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  var cartographic = _cesium.Cartographic.fromCartesian(options.position);
+  var lon = _cesium.Math.toDegrees(cartographic.longitude); //.toFixed(5);
+  var lat = _cesium.Math.toDegrees(cartographic.latitude); //.toFixed(5);
+
+  // 回调
+  callback();
+
+  // 添加div弹窗
+  setTimeout(function () {
+    _classStaticPrivateMethodGet(_class, _class, _popup).call(_class, viewer, options.element, lon, lat, cartographic.height,
+    // options.geometryType,
+    options.offset);
+  }, 100);
+}
+/**
+ * 弹出HTML元素弹窗。
+ * @param {viewer} viewer Cesium视窗。
+ * @param {Element|HTMLElement} element 弹窗元素。
+ * @param {Number} lon 经度。
+ * @param {Number} lat 纬度。
+ * @param {Number} height 高度。
+ * @ignore
+ */
+function _popup(viewer, element, lon, lat, height, offset) {
+  setTimeout(function () {
+    // 设置元素效果
+    _util["default"].setCss(element, 'opacity', '1');
+    _util["default"].setCss(element, 'z-index', '0');
+  }, 100);
+  var divPosition = _cesium.Cartesian3.fromDegrees(lon, lat, height);
+  var x = (offset === null || offset === void 0 ? void 0 : offset.x) || 0;
+  var y = (offset === null || offset === void 0 ? void 0 : offset.y) || 0;
+  _classStaticPrivateMethodGet(_class, _class, _hookToGlobe).call(_class, viewer, element, divPosition, [-4 + x, -parseInt(_util["default"].getCss(element, 'offsetHeight') + y)], true);
+  viewer.scene.requestRender();
+}
+/**
+ * 将HTML弹窗挂接到地球上。
+ *
+ * @param {viewer} viewer Cesium视窗。
+ * @param {Element} element 弹窗元素。
+ * @param {Cartesian3} position 地图坐标点。
+ * @param {Array} offset 偏移。
+ * @param {Boolean} hideOnBehindGlobe 当元素在地球背面会自动隐藏，以减轻判断计算压力。
+ * @ignore
+ */
+function _hookToGlobe(viewer, element, position, offset, hideOnBehindGlobe) {
+  var scene = viewer.scene,
+    camera = viewer.camera;
+  var cartesian2 = new _cesium.Cartesian2();
+  scene.preRender.addEventListener(function () {
+    var canvasPosition = scene.cartesianToCanvasCoordinates(position, cartesian2); // 笛卡尔坐标到画布坐标
+    if ((0, _cesium.defined)(canvasPosition)) {
+      _util["default"].setCss(element, 'left', parseInt(canvasPosition.x + offset[0]) + 'px');
+      _util["default"].setCss(element, 'top', parseInt(canvasPosition.y + offset[1]) + 'px');
+
+      // 是否在地球背面隐藏
+      if (hideOnBehindGlobe) {
+        var cameraPosition = camera.position;
+        var height = scene.globe.ellipsoid.cartesianToCartographic(cameraPosition).height;
+        height += scene.globe.ellipsoid.maximumRadius;
+        if (!(_cesium.Cartesian3.distance(cameraPosition, position) > height)) {
+          // util.setCss(element, 'display', 'flex');
+        } else {
+          _util["default"].setCss(element, 'display', 'none');
+        }
+      }
+    }
+  });
+}
+var _default = InfoTool;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/map/InfoTool/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_cesium","require","_util","_interopRequireDefault","_class","obj","__esModule","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","_toPropertyKey","key","_createClass","protoProps","staticProps","prototype","_defineProperty","value","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_classPrivateFieldInitSpec","privateMap","_checkPrivateRedeclaration","set","privateCollection","has","_classPrivateFieldGet","receiver","_classExtractFieldDescriptor","_classApplyDescriptorGet","get","_classPrivateFieldSet","_classApplyDescriptorSet","action","_classStaticPrivateMethodGet","classConstructor","method","_classCheckPrivateStaticAccess","_element","WeakMap","InfoTool","options","viewer","map","document","createElement","add","callback","arguments","element","position","cartesian2d","cartesian3d","inputFeature","Cesium3DTileFeature","Cartesian2","Cartesian3","scene","pickPositionSupported","defined","pick","pickPosition","camera","pickEllipsoid","globe","ellipsoid","SceneTransforms","wgs84ToWindowCoordinates","that","info","type","feature","remove","propertyNames","getPropertyNames","propertyName","getProperty","properties","_propertyNames","_value","content","_createInfoTool","util","setInnerText","entityId","setCss","cartographic","Cartographic","fromCartesian","lon","CesiumMath","toDegrees","longitude","lat","latitude","setTimeout","_popup","height","offset","divPosition","fromDegrees","x","y","_hookToGlobe","parseInt","getCss","requestRender","hideOnBehindGlobe","cartesian2","preRender","addEventListener","canvasPosition","cartesianToCanvasCoordinates","cameraPosition","cartesianToCartographic","maximumRadius","distance","_default","exports"],"sources":["map/InfoTool/index.js"],"sourcesContent":["import {\n    Math as CesiumMath,\n    Cesium3DTileFeature,\n    Cartesian2,\n    Cartesian3,\n    Cartographic,\n    SceneTransforms,\n    defined\n} from 'cesium';\nimport './index.less';\nimport util from './util';\n\n/**\n * 信息工具。\n *\n * @alias InfoTool\n * @constructor\n * @param {viewer} viewer Cesium视窗。\n */\nclass InfoTool {\n    /**\n     * 创建一个动态实体弹窗。\n     *\n     * @param {viewer} viewer Cesium视窗。\n     * @param {Number} options 选项。\n     * @param {Cartesian3} options.position 弹出位置。\n     * @param {HTMLElement} options.element 弹出窗元素容器。\n     * @param {Function} callback 回调函数。\n     * @ignore\n     */\n    static #createInfoTool(viewer, options, callback = undefined) {\n        const cartographic = Cartographic.fromCartesian(options.position);\n        const lon = CesiumMath.toDegrees(cartographic.longitude); //.toFixed(5);\n        const lat = CesiumMath.toDegrees(cartographic.latitude); //.toFixed(5);\n\n        // 回调\n        callback();\n\n        // 添加div弹窗\n        setTimeout(function () {\n            InfoTool.#popup(\n                viewer,\n                options.element,\n                lon,\n                lat,\n                cartographic.height,\n                // options.geometryType,\n                options.offset,\n            );\n        }, 100);\n    }\n\n    /**\n     * 弹出HTML元素弹窗。\n     * @param {viewer} viewer Cesium视窗。\n     * @param {Element|HTMLElement} element 弹窗元素。\n     * @param {Number} lon 经度。\n     * @param {Number} lat 纬度。\n     * @param {Number} height 高度。\n     * @ignore\n     */\n    static #popup(viewer, element, lon, lat, height, offset) {\n        setTimeout(function () {\n            // 设置元素效果\n            util.setCss(element, 'opacity', '1');\n            util.setCss(element, 'z-index', '0');\n        }, 100);\n        const divPosition = Cartesian3.fromDegrees(lon, lat, height);\n\n        let x = offset?.x || 0;\n        let y = offset?.y || 0;\n\n        InfoTool.#hookToGlobe(\n            viewer,\n            element,\n            divPosition,\n            [-4 + x, -parseInt(util.getCss(element, 'offsetHeight') + y)],\n            true,\n        );\n        viewer.scene.requestRender();\n    }\n\n    /**\n     * 将HTML弹窗挂接到地球上。\n     *\n     * @param {viewer} viewer Cesium视窗。\n     * @param {Element} element 弹窗元素。\n     * @param {Cartesian3} position 地图坐标点。\n     * @param {Array} offset 偏移。\n     * @param {Boolean} hideOnBehindGlobe 当元素在地球背面会自动隐藏，以减轻判断计算压力。\n     * @ignore\n     */\n    static #hookToGlobe(viewer, element, position, offset, hideOnBehindGlobe) {\n        const scene = viewer.scene,\n            camera = viewer.camera;\n        const cartesian2 = new Cartesian2();\n        scene.preRender.addEventListener(function () {\n            const canvasPosition = scene.cartesianToCanvasCoordinates(position, cartesian2); // 笛卡尔坐标到画布坐标\n            if (defined(canvasPosition)) {\n                util.setCss(element, 'left', parseInt(canvasPosition.x + offset[0]) + 'px');\n                util.setCss(element, 'top', parseInt(canvasPosition.y + offset[1]) + 'px');\n\n                // 是否在地球背面隐藏\n                if (hideOnBehindGlobe) {\n                    const cameraPosition = camera.position;\n                    let height = scene.globe.ellipsoid.cartesianToCartographic(cameraPosition)\n                        .height;\n                    height += scene.globe.ellipsoid.maximumRadius;\n                    if (!(Cartesian3.distance(cameraPosition, position) > height)) {\n                        // util.setCss(element, 'display', 'flex');\n                    } else {\n                        util.setCss(element, 'display', 'none');\n                    }\n                }\n            }\n        });\n    }\n\n    #element;\n    viewer;\n\n    constructor(options) {\n        this.viewer = options.map;\n        // 在Cesium容器中添加元素\n        this.#element = document.createElement('div');\n    }\n\n    /**\n     * 添加。\n     * @param {Object} options 选项。\n     * @param {Element} options.element 弹窗元素。\n     * @param {Cartesian2|Cartesian3} options.position 点击位置。\n     * @param {Cesium3DTileFeature} [options.inputFeature] 模型要素。\n     * @param {String} options.type 类型（默认值为default，即任意点击模式；如果设置为info，即信息模式，只有点击Feature才会响应）。\n     * @param {String} options.content 内容（只有类型为default时才起作用）。\n     * @param {Function} callback 回调函数。\n     */\n    add(options, callback = undefined) {\n        this.element = options.element;\n        // 判断参数为空返回\n        if (!options) {\n            return;\n        }\n        // 点\n        let position, cartesian2d, cartesian3d, inputFeature;\n        if (options instanceof Cesium3DTileFeature) {\n            inputFeature = options;\n            options = {};\n        } else {\n            if (options instanceof Cartesian2 || options instanceof Cartesian3) {\n                position = options;\n                options = {};\n            } else {\n                position = options.position;\n                inputFeature = options.inputFeature;\n            }\n            // 判断点位为空返回\n            if (!position) {\n                return;\n            }\n            if (position instanceof Cartesian2) {\n                // 二维转三维\n                // 如果支持拾取模型则取模型值\n                cartesian3d =\n                    this.viewer.scene.pickPositionSupported &&\n                    defined(this.viewer.scene.pick(options.position))\n                        ? this.viewer.scene.pickPosition(position)\n                        : this.viewer.camera.pickEllipsoid(\n                            position,\n                            this.viewer.scene.globe.ellipsoid,\n                        );\n                cartesian2d = position;\n            } else {\n                cartesian3d = position;\n                cartesian2d = SceneTransforms.wgs84ToWindowCoordinates(\n                    this.viewer.scene,\n                    cartesian3d,\n                );\n            }\n            // 判断点位为空返回\n            if (!cartesian3d) {\n                return;\n            }\n        }\n\n        const that = this;\n\n        // 1.组织信息\n        let info = '';\n        if (options.type === 'info') {\n            // 拾取要素\n            const feature = inputFeature || this.viewer.scene.pick(cartesian2d);\n            // 判断拾取要素为空返回\n            if (!defined(feature)) {\n                this.remove();\n                return;\n            }\n\n            if (feature instanceof Cesium3DTileFeature) {\n                // 3dtiles\n                let propertyNames = feature.getPropertyNames();\n                let length = propertyNames.length;\n                for (let i = 0; i < length; ++i) {\n                    let propertyName = propertyNames[i];\n                    info +=\n                        '\"' + (propertyName + '\": \"' + feature.getProperty(propertyName)) + '\",\\n';\n                }\n            } else if (feature) {\n                // Entity\n                const properties = feature.properties;\n                if (properties) {\n                    let propertyNames = properties._propertyNames;\n                    let length = propertyNames.length;\n                    for (let i = 0; i < length; ++i) {\n                        let propertyName = propertyNames[i];\n                        info +=\n                            '\"' +\n                            (propertyName + '\": \"' + properties[propertyName]._value) +\n                            '\",\\n';\n                    }\n                }\n            }\n        } else {\n            options.content && (info = options.content);\n        }\n\n        // 2.生成特效\n        // 添加之前先移除\n        this.remove();\n        // if (!info) {\n        //   return;\n        // }\n        options.position = cartesian3d;\n        options.element = options.element || this.#element;\n\n        InfoTool.#createInfoTool(this.viewer, options, function () {\n            util.setInnerText(options.element, info);\n            typeof callback === 'function' && callback();\n        });\n    }\n\n    /**\n     * 移除。\n     */\n    remove(entityId = undefined) {\n        util.setCss(this.element, 'opacity', '0');\n        util.setCss(this.element, 'z-index', '-1');\n        util.setCss(this.#element, 'opacity', '0');\n    }\n}\n\nexport default InfoTool;\n"],"mappings":"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"}

package/lib/map/InfoTool/index.less

@@ -0,0 +1,46 @@
+.helsing-three-plugins-infotool {
+    display: none;
+    flex-direction: column-reverse;
+    position: fixed;
+    top: 0;
+    left: 0;
+    min-width: 100px;
+    height: 250px;
+    user-select: none;
+    pointer-events: none;
+}
+.helsing-three-plugins-infotool > div:nth-child(1) {
+    left: 0;
+    width: 40px;
+    height: 0;
+    bottom: 0;
+}
+.helsing-three-plugins-infotool > div:nth-child(2) {
+    opacity: 0;
+    box-shadow: 0 0 8px 0 rgba(0, 170, 255, 0.6) inset;
+    padding: 20px;
+    user-select: text;
+    pointer-events: auto;
+}
+
+.element {
+    position: absolute;
+    background: rgba(2, 24, 45, 0.92);
+    border: 1px solid #2c69a6;
+    border-radius: 10px;
+    box-shadow: 0px 0px 10px 2px rgba(24, 144, 255, 0.35) inset;
+    height: 100px;
+    width: 300px;
+}
+
+.tooltip-arrow {
+    position: absolute;
+    left: 100px;
+    bottom: -20px;
+    width: 0px;
+    height: 0px;
+    border-bottom: 10px solid transparent;
+    border-top: 10px solid rgba(2, 24, 45, 1);
+    border-right: 10px solid transparent;
+    border-left: 10px solid transparent;
+}

package/lib/map/InfoTool/util.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 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); }
+var _default = {
+  /**
+   * 设置CSS。
+   *
+   * @param {Element|HTMLElement|String} srcNodeRef 元素ID、元素或数组。
+   * @param {String} property 属性。
+   * @param {String} value 值。
+   */
+  setCss: function setCss(srcNodeRef, property, value) {
+    if (srcNodeRef) {
+      if (srcNodeRef instanceof Array && srcNodeRef.length > 0) {
+        for (var i = 0; i < srcNodeRef.length; i++) {
+          srcNodeRef[i].style.setProperty(property, value);
+        }
+      } else if (typeof srcNodeRef === 'string') {
+        if (srcNodeRef.indexOf('#') < 0 && srcNodeRef.indexOf('.') < 0 && srcNodeRef.indexOf(' ') < 0) {
+          var element = document.getElementById(srcNodeRef);
+          element && element.style.setProperty(property, value);
+        } else {
+          var elements = document.querySelectorAll(srcNodeRef);
+          for (var _i = 0; _i < elements.length; _i++) {
+            elements[_i].style.setProperty(property, value);
+          }
+        }
+      } else if (srcNodeRef instanceof HTMLElement) {
+        srcNodeRef.style.setProperty(property, value);
+      }
+    }
+  },
+  /**
+   * 设置元素的值。
+   *
+   * @param {String|HTMLElement|Array} srcNodeRef 元素ID、元素或数组。
+   * @param {String} value 值。
+   */
+  setInnerText: function setInnerText(srcNodeRef, value) {
+    if (srcNodeRef) {
+      if (srcNodeRef instanceof Array && srcNodeRef.length > 0) {
+        var that = this;
+        for (var i = 0; i < srcNodeRef.length; i++) {
+          var element = srcNodeRef[i];
+          if (that.isElement(element)) {
+            element.innerText = value;
+          }
+        }
+      } else if (typeof srcNodeRef === 'string') {
+        if (srcNodeRef.indexOf('#') < 0 && srcNodeRef.indexOf('.') < 0 && srcNodeRef.indexOf(' ') < 0) {
+          var _element = document.getElementById(srcNodeRef);
+          _element && (_element.innerText = value);
+        } else {
+          var elements = document.querySelectorAll(srcNodeRef);
+          for (var _i2 = 0; _i2 < elements.length; _i2++) {
+            elements[_i2].innerText = value;
+          }
+        }
+      } else {
+        if (this.isElement(srcNodeRef)) {
+          // srcNodeRef.innerHTML = value;
+        }
+      }
+    }
+  },
+  /**
+   * 判断对象是否为元素。
+   *
+   * @param {Object} obj 对象。
+   * @returns {Boolean} 是或否。
+   */
+  isElement: function isElement(obj) {
+    return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === 'object' ? obj instanceof HTMLElement : !!(obj && _typeof(obj) === 'object' && (obj.nodeType === 1 || obj.nodeType === 9) && typeof obj.nodeName === 'string');
+  },
+  /**
+   * 获取全球唯一ID。
+   *
+   * @author Helsing
+   * @date 2019/11/21
+   * @param {Boolean} removeMinus 是否去除“-”号。
+   * @returns {String} GUID。
+   */
+  getGuid: function getGuid(removeMinus) {
+    var d = new Date().getTime();
+    var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      var r = (d + Math.random() * 16) % 16 | 0;
+      d = Math.floor(d / 16);
+      return (c === 'x' ? r : r & 0x3 | 0x8).toString(16);
+    });
+    if (removeMinus) {
+      uuid = uuid.replace(/-/g, '');
+    }
+    return uuid;
+  },
+  getCss: function getCss(element, type) {
+    var height = 0;
+    if (element) {
+      if (type === 'offsetHeight') {
+        height = (element === null || element === void 0 ? void 0 : element[type]) || 0;
+      } else {
+        var _element$style;
+        height = (element === null || element === void 0 || (_element$style = element.style) === null || _element$style === void 0 ? void 0 : _element$style[type]) || 0;
+      }
+    }
+    return height;
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=util.js.map

package/lib/map/InfoTool/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","names":["setCss","srcNodeRef","property","value","Array","length","i","style","setProperty","indexOf","element","document","getElementById","elements","querySelectorAll","HTMLElement","setInnerText","that","isElement","innerText","obj","_typeof","nodeType","nodeName","getGuid","removeMinus","d","Date","getTime","uuid","replace","c","r","Math","random","floor","toString","getCss","type","height","_element$style","exports","_default"],"sources":["map/InfoTool/util.js"],"sourcesContent":["export default {\n    /**\n     * 设置CSS。\n     *\n     * @param {Element|HTMLElement|String} srcNodeRef 元素ID、元素或数组。\n     * @param {String} property 属性。\n     * @param {String} value 值。\n     */\n    setCss: function(srcNodeRef, property, value) {\n        if (srcNodeRef) {\n            if (srcNodeRef instanceof Array && srcNodeRef.length > 0) {\n                for (let i = 0; i < srcNodeRef.length; i++) {\n                    srcNodeRef[i].style.setProperty(property, value);\n                }\n            } else if (typeof srcNodeRef === 'string') {\n                if (\n                    srcNodeRef.indexOf('#') < 0 &&\n                    srcNodeRef.indexOf('.') < 0 &&\n                    srcNodeRef.indexOf(' ') < 0\n                ) {\n                    const element = document.getElementById(srcNodeRef);\n                    element && element.style.setProperty(property, value);\n                } else {\n                    const elements = document.querySelectorAll(srcNodeRef);\n                    for (let i = 0; i < elements.length; i++) {\n                        elements[i].style.setProperty(property, value);\n                    }\n                }\n            } else if (srcNodeRef instanceof HTMLElement) {\n                srcNodeRef.style.setProperty(property, value);\n            }\n        }\n    },\n\n    /**\n     * 设置元素的值。\n     *\n     * @param {String|HTMLElement|Array} srcNodeRef 元素ID、元素或数组。\n     * @param {String} value 值。\n     */\n    setInnerText: function(srcNodeRef, value) {\n        if (srcNodeRef) {\n            if (srcNodeRef instanceof Array && srcNodeRef.length > 0) {\n                const that = this;\n                for (let i = 0; i < srcNodeRef.length; i++) {\n                    let element = srcNodeRef[i];\n                    if (that.isElement(element)) {\n                        element.innerText = value;\n                    }\n                }\n            } else if (typeof srcNodeRef === 'string') {\n                if (\n                    srcNodeRef.indexOf('#') < 0 &&\n                    srcNodeRef.indexOf('.') < 0 &&\n                    srcNodeRef.indexOf(' ') < 0\n                ) {\n                    let element = document.getElementById(srcNodeRef);\n                    element && (element.innerText = value);\n                } else {\n                    const elements = document.querySelectorAll(srcNodeRef);\n                    for (let i = 0; i < elements.length; i++) {\n                        elements[i].innerText = value;\n                    }\n                }\n            } else {\n                if (this.isElement(srcNodeRef)) {\n                    // srcNodeRef.innerHTML = value;\n                }\n            }\n        }\n    },\n\n    /**\n     * 判断对象是否为元素。\n     *\n     * @param {Object} obj 对象。\n     * @returns {Boolean} 是或否。\n     */\n    isElement: function(obj) {\n        return typeof HTMLElement === 'object'\n            ? obj instanceof HTMLElement\n            : !!(\n                  obj &&\n                  typeof obj === 'object' &&\n                  (obj.nodeType === 1 || obj.nodeType === 9) &&\n                  typeof obj.nodeName === 'string'\n              );\n    },\n\n    /**\n     * 获取全球唯一ID。\n     *\n     * @author Helsing\n     * @date 2019/11/21\n     * @param {Boolean} removeMinus 是否去除“-”号。\n     * @returns {String} GUID。\n     */\n    getGuid: function(removeMinus) {\n        let d = new Date().getTime();\n        let uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n            const r = (d + Math.random() * 16) % 16 | 0;\n            d = Math.floor(d / 16);\n            return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\n        });\n        if (removeMinus) {\n            uuid = uuid.replace(/-/g, '');\n        }\n        return uuid;\n    },\n\n    getCss: function(element, type) {\n        let height = 0;\n        if (element) {\n            if (type === 'offsetHeight') {\n                height = element?.[type] || 0;\n            } else {\n                height = element?.style?.[type] || 0;\n            }\n        }\n        return height;\n    },\n};\n"],"mappings":"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"}

package/lib/map/InfoWindow.js

@@ -19,44 +19,54 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var closeHandler;
 function _default(props) {
+  var _props$offset, _props$offset2;
   var _useState = (0, _react.useState)({}),
     _useState2 = _slicedToArray(_useState, 2),
     position = _useState2[0],
     setPosition = _useState2[1];
+  var closeHandler = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    var c = new _cesium.Cartesian2(props.position.x, props.position.y);
-    setPosition(c);
-    closeHandler = props.map.scene.postRender.addEventListener(function () {
-      var changedC = _SceneTransforms["default"].wgs84ToWindowCoordinates(props.map.scene, props.id._position._value);
-      if (c && changedC && c.x && changedC.x && c.y && changedC.y) {
-        if (c.x !== changedC.x || c.y !== changedC.y) {
-          c = changedC;
-          setPosition(changedC);
-        }
+    if (props._position) {
+      // 先销毁已注册的事件
+      if (closeHandler.current) {
+        closeHandler.current.call();
+        closeHandler.current = null;
       }
-    });
-  }, []);
-  var close = function close() {
-    closeHandler && closeHandler.call();
-    props.onClose && props.onClose();
-  };
+      var c = new _cesium.Cartesian2(props.position.x, props.position.y);
+      setPosition(c);
+      closeHandler.current = props.map.scene.postRender.addEventListener(function () {
+        var changedC = _SceneTransforms["default"].wgs84ToWindowCoordinates(props.map.scene, props._position);
+        if (c && changedC && c.x && changedC.x && c.y && changedC.y) {
+          if (c.x !== changedC.x || c.y !== changedC.y) {
+            c = changedC;
+            setPosition(changedC);
+          }
+        }
+      });
+    }
+  }, [props._position]);
   (0, _react.useImperativeHandle)(props.infoWindowRef, function () {
     return {
       destory: close
     };
   });
+  var close = function close() {
+    closeHandler.current && closeHandler.current.call();
+    props.onClose && props.onClose();
+  };
   var style = {
     top: "".concat(position.y || 0, "px"),
-    left: "".concat(position.x || 0, "px")
+    left: "".concat(position.x || 0, "px"),
+    marginTop: "".concat(((_props$offset = props.offset) === null || _props$offset === void 0 ? void 0 : _props$offset.y) || 0, "px"),
+    marginLeft: "".concat(((_props$offset2 = props.offset) === null || _props$offset2 === void 0 ? void 0 : _props$offset2.x) || 0, "px")
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("cesium-popup"),
+    className: (0, _classnames["default"])('cesium-popup'),
     style: style
   }, /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, {
     onClick: close,
-    className: (0, _classnames["default"])("cesium-close")
+    className: (0, _classnames["default"])('cesium-close')
   }), props.children);
 }
 //# sourceMappingURL=InfoWindow.js.map