hn-map 1.0.9 → 1.1.0

package/dist/index.js

@@ -1,38 +1,21 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.hnMap = factory());
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.HnMap = factory());
 })(this, (function () { 'use strict';
 
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
+  }
   function _assertThisInitialized(e) {
     if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return e;
   }
-  function asyncGeneratorStep(n, t, e, r, o, a, c) {
-    try {
-      var i = n[a](c),
-        u = i.value;
-    } catch (n) {
-      return void e(n);
-    }
-    i.done ? t(u) : Promise.resolve(u).then(r, o);
-  }
-  function _asyncToGenerator(n) {
-    return function () {
-      var t = this,
-        e = arguments;
-      return new Promise(function (r, o) {
-        var a = n.apply(t, e);
-        function _next(n) {
-          asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-        }
-        function _throw(n) {
-          asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-        }
-        _next(void 0);
-      });
-    };
-  }
   function _callSuper(t, o, e) {
     return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
   }
@@ -83,26 +66,35 @@
       return !!t;
     })();
   }
-  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);
+  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;
     }
-    return t;
   }
-  function _objectSpread2(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 _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _possibleConstructorReturn(t, e) {
     if (e && ("object" == typeof e || "function" == typeof e)) return e;
@@ -224,6 +216,9 @@
       return t.__proto__ = e, t;
     }, _setPrototypeOf(t, e);
   }
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  }
   function _toPrimitive(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
@@ -247,6 +242,43 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof(o);
   }
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+    }
+  }
+
+  /******************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+
+  function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+  }
+
+  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
 
   // import Vue from 'vue'
   //
@@ -262,7 +294,6 @@
   //     })
   //     return app.$el
   // }
-
   // 对象深度合并
   function deepMerge(target, source) {
     for (var _i = 0, _Object$keys = Object.keys(source); _i < _Object$keys.length; _i++) {
@@ -276,7 +307,6 @@
     }
     return target;
   }
-
   // 递归格式化高德坐标系
   function wgs84ToGcj02Format(position) {
     // 判断是否是数组
@@ -287,11 +317,11 @@
         return wgs84ToGcj02Format(item);
       });
     } else if (position.every(function (item) {
-      return _typeof(item) === 'object';
+      return _typeof(item) === "object";
     })) {
       return position.map(function (item) {
         var data = wgs84ToGcj02Format([item.lng, item.lat]);
-        return _objectSpread2(_objectSpread2({}, item), {}, {
+        return Object.assign(Object.assign({}, item), {
           lng: data[0],
           lat: data[1]
         });
@@ -300,12 +330,11 @@
       return wgs84ToGcj02(position[0], position[1]);
     }
   }
-
-  /**
-   * WGS-84 转 GCJ-02（高德坐标）
-   * @param {number} wgsLat - WGS-84纬度
-   * @param {number} wgsLng - WGS-84经度
-   * @returns {[number, number]} GCJ-02经纬度数组
+  /**
+   * WGS-84 转 GCJ-02（高德坐标）
+   * @param {number} wgsLat - WGS-84纬度
+   * @param {number} wgsLng - WGS-84经度
+   * @returns {[number, number]} GCJ-02经纬度数组
    */
   function wgs84ToGcj02(wgsLng, wgsLat) {
     if (!isCorrectPosition(wgsLng, wgsLat)) {
@@ -313,7 +342,6 @@
     }
     var a = 6378245.0; // 长半轴
     var ee = 0.00669342162296594323; // 扁率
-
     function transformLat(x, y) {
       var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
       ret += (20.0 * Math.sin(6.0 * x * Math.PI) + 20.0 * Math.sin(2.0 * x * Math.PI)) * 2.0 / 3.0;
@@ -338,16 +366,83 @@
     var gcjLng = wgsLng + dLng;
     return [gcjLng, gcjLat];
   }
-
-  /**
-  * 判断是否为正确的坐标
-  * @param {number} lat - 纬度
-  * @param {number} lng - 经度
-  * @returns {boolean}
-  */
+  /**
+   * 判断是否为正确的坐标
+   * @param {number} lat - 纬度
+   * @param {number} lng - 经度
+   * @returns {boolean}
+   */
   function isCorrectPosition(lng, lat) {
     return lng <= 180 && lng >= -180 && lat <= 90 && lat >= -90;
   }
+  // 根据矩形左上角和右上角坐标计算矩形坐标对
+  function createRectangleCoordinates(leftTop, rightBottom) {
+    var _leftTop = _slicedToArray(leftTop, 2),
+      leftTopLng = _leftTop[0],
+      leftTopLat = _leftTop[1];
+    var _rightBottom = _slicedToArray(rightBottom, 2),
+      rightBottomLng = _rightBottom[0],
+      rightBottomLat = _rightBottom[1];
+    // 计算四个角点
+    var leftTopPoint = [Number(leftTopLng), Number(leftTopLat)];
+    var rightTopPoint = [Number(rightBottomLng), Number(leftTopLat)];
+    var rightBottomPoint = [Number(rightBottomLng), Number(rightBottomLat)];
+    var leftBottomPoint = [Number(leftTopLng), Number(rightBottomLat)];
+    // 返回五个点的坐标对（首尾相同）
+    return [leftTopPoint, rightTopPoint, rightBottomPoint, leftBottomPoint, leftTopPoint // 闭合矩形
+    ];
+  }
+  function getMapRangeHeightByLevel(level) {
+    // 输入校验：限制在 1~18
+    level = Math.max(1, Math.min(18, Math.floor(level)));
+    // 计算指定 level 对应的高度（level >= 2 时使用指数衰减）
+    function getHeight(lvl) {
+      if (lvl === 1) {
+        return Infinity; // level=1 表示“最大高度”，逻辑上为无穷大
+      } else {
+        return 32000000 / Math.pow(2, lvl - 2);
+      }
+    }
+    var endHeight = getHeight(level); // 当前 level 的“粗略”高度
+    var startHeight = level < 18 ? getHeight(level + 1) : 0; // 下一级更细
+    return {
+      startHeight: startHeight,
+      endHeight: endHeight
+    };
+  }
+  /**
+   * 根据 level 返回该层级的“中间高度”（几何平均值）
+   *
+   * @param {number} level - 缩放级别 [1, 18]
+   * @returns {number} 中间高度（米）
+   */
+  function getLevelMiddleHeight(level) {
+    var _getMapRangeHeightByL = getMapRangeHeightByLevel(level),
+      startHeight = _getMapRangeHeightByL.startHeight,
+      endHeight = _getMapRangeHeightByL.endHeight;
+    console.log("startHeight, endHeight：" + startHeight, endHeight);
+    // 如果 startHeight 为 0（如 level=18），几何平均会为 0，不合理
+    // 所以 level=18 特殊处理：返回 (0 + end)/2 或直接返回 end * 0.7 左右
+    if (startHeight === 0) {
+      return endHeight * 0.7; // 经验值，贴近“中间感知”
+    }
+    // 几何平均：√(start × end)
+    return Math.sqrt(startHeight * endHeight);
+  }
+  /**
+   * 根据高度反推 level（1~18）
+   * @param {number} height - 当前视野高度（米）
+   * @returns {number} level
+   */
+  function getHeightToLevel(height) {
+    if (height > 32000000) return 1;
+    if (height <= 0) return 18;
+    // 解公式：height = 32e6 / 2^(level-2)
+    var level = 2 + Math.log(32000000 / height) / Math.log(2);
+    level = Math.floor(level);
+    // 限制在 1~18
+    return Math.max(1, Math.min(18, level));
+  }
 
   var map = (function (hnMap) {
     var defaultOption = {
@@ -357,39 +452,46 @@
       lng: 112.55074,
       // 缩放级别
       level: 11,
-      // 高度
-      alt: 30000,
       // 旋转角度
       heading: 0,
       // 俯仰角度
-      pitch: -45,
+      pitch: -60,
       // 翻滚角度
       roll: 0,
-      mars3d_config: '',
+      mars3d_config: "",
       // 高德地图key
-      gaode_key: '',
+      gaode_key: "",
       // 思极key
-      sj_app_key: '',
-      sj_app_secret: ''
+      sj_app_key: "",
+      sj_app_secret: "",
+      style: "aegis://styles/aegis/Streets-Raster512"
     };
     var mars3d_map = /*#__PURE__*/function () {
       function mars3d_map(id, option) {
+        var _this = this;
         _classCallCheck(this, mars3d_map);
-        _defineProperty(this, "map", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
+        this.map = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
         // 图层集合
-        _defineProperty(this, "layerList", []);
-        _defineProperty(this, "event", {});
         this.layerList = [];
+        this.event = {};
+        this.level = null;
+        this.layerList = [];
+        this.level = 10;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
         this.map = new mars3d.Map(id, this.config);
+        this.map.on("cameraMoveEnd", function (e) {
+          var height = _this.map.getCameraView().alt;
+          _this.level = getHeightToLevel(height);
+        });
       }
       return _createClass(mars3d_map, [{
         key: "formatConfig",
         value: function formatConfig(option) {
-          return _objectSpread2(_objectSpread2({}, option.mars3d_config), {}, {
+          var alt = getLevelMiddleHeight(option.level);
+          return Object.assign(Object.assign({}, option.mars3d_config), {
             control: {
               locationBar: {
                 fps: true
@@ -399,7 +501,7 @@
               center: {
                 lat: option.lat,
                 lng: option.lng,
-                alt: option.alt,
+                alt: alt,
                 heading: 360 - option.heading || 0,
                 pitch: option.pitch || 0,
                 roll: option.roll || 0
@@ -415,7 +517,7 @@
           if (this.layerList.find(function (v) {
             return v.id === layer.id;
           })) {
-            console.error('已存在同名图层' + layer.id);
+            console.error("已存在同名图层" + layer.id);
           } else {
             this.layerList.push(layer);
             this.map.addLayer(layer.layerEntity);
@@ -429,6 +531,7 @@
             return v.id === layerId;
           });
         }
+        // 删除图层
       }, {
         key: "removeLayer",
         value: function removeLayer(layerId) {
@@ -440,6 +543,7 @@
             layer.destroy();
           }
         }
+        // 清空图层
       }, {
         key: "clearLayer",
         value: function clearLayer(layerId) {
@@ -454,7 +558,7 @@
         value: function on(eventType, callback) {
           this.off(eventType);
           switch (eventType) {
-            case 'click':
+            case "click":
               this.event[eventType] = function (event) {
                 var point = mars3d.LngLatPoint.fromCartesian(event.cartesian); //转为经纬度
                 point.format(); // 经度、纬度、高度
@@ -466,7 +570,7 @@
                 callback(position);
               };
               break;
-            case 'cameraMoveEnd':
+            case "cameraMoveEnd":
               this.event[eventType] = function (event) {
                 callback(event);
               };
@@ -482,22 +586,20 @@
             delete this.event[eventType];
           }
         }
-
-        /**
-         * 获取当前视口的经纬度范围
-         * 返回参数 {xmin,xmax,ymin,ymax}
-         * @returns {*}
+        /**
+         * 获取当前视口的经纬度范围
+         * 返回参数 {xmin,xmax,ymin,ymax}
+         * @returns {*}
          */
       }, {
         key: "getExtent",
         value: function getExtent() {
           return this.map.getExtent();
         }
-
-        /**
-         * 获取当前视高
-         * 返回参数 {alt}
-         * @returns {any}
+        /**
+         * 获取当前视高
+         * 返回参数 {alt}
+         * @returns {any}
          */
       }, {
         key: "getCameraView",
@@ -515,29 +617,45 @@
         value: function closePopup() {
           this.map.closePopup();
         }
-
         // 设置投影模式 2d/3d
       }, {
         key: "setMode",
         value: function setMode(mode) {
           var obj = {
-            '2d': Cesium.SceneMode.SCENE2D,
-            '3d': Cesium.SceneMode.SCENE3D
+            "2d": Cesium.SceneMode.SCENE2D,
+            "3d": Cesium.SceneMode.SCENE3D
           };
           this.map.scene.mode = obj[mode.toLowerCase()];
         }
+      }], [{
+        key: "create",
+        value: function create(id, option) {
+          return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+            var instance;
+            return _regenerator().w(function (_context) {
+              while (1) switch (_context.n) {
+                case 0:
+                  instance = new mars3d_map(id, option); // 返回一个 Promise，等待地图的 'load' 事件
+                  _context.n = 1;
+                  return new Promise(function (resolve) {
+                    resolve();
+                  });
+                case 1:
+                  return _context.a(2, instance);
+              }
+            }, _callee);
+          }));
+        }
       }]);
     }();
-    // 允许构造函数
-    _defineProperty(mars3d_map, "allowConstruction", false);
     var gaode_map = /*#__PURE__*/function () {
       function gaode_map(id, option) {
         _classCallCheck(this, gaode_map);
-        _defineProperty(this, "map", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
+        this.map = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
         // 图层集合
-        _defineProperty(this, "layerList", []);
+        this.layerList = [];
         this.layerList = [];
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -549,7 +667,7 @@
           return {
             viewMode: "2D",
             // 是否为3D地图模式
-            zoom: option.level,
+            level: option.level,
             // 初始化地图级别
             pitch: option.pitch,
             rotation: option.heading,
@@ -566,7 +684,7 @@
           if (this.layerList.find(function (v) {
             return v.id === layer.id;
           })) {
-            console.error('已存在同名图层');
+            console.error("已存在同名图层");
           } else {
             this.layerList.push(layer);
             this.map.add(layer.layerEntity);
@@ -600,33 +718,61 @@
             layer.clearEntity();
           }
         }
+      }], [{
+        key: "create",
+        value: function create(id, option) {
+          return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee2() {
+            var instance;
+            return _regenerator().w(function (_context2) {
+              while (1) switch (_context2.n) {
+                case 0:
+                  instance = new gaode_map(id, option); // 返回一个 Promise，等待地图的 'load' 事件
+                  _context2.n = 1;
+                  return new Promise(function (resolve) {
+                    resolve();
+                  });
+                case 1:
+                  return _context2.a(2, instance);
+              }
+            }, _callee2);
+          }));
+        }
       }]);
     }();
     var siji_map = /*#__PURE__*/function () {
       function siji_map(id, option) {
-        var _this = this;
+        var _this2 = this;
         _classCallCheck(this, siji_map);
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "map", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
+        this.id = null;
+        this.map = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
         // 图层集合
-        _defineProperty(this, "layerList", []);
-        _defineProperty(this, "event", {});
+        this.layerList = [];
+        this.event = {};
+        this.level = null;
         this.id = id;
         this.layerList = [];
+        this.level = this.option.level;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
-        SGMap.tokenTask.login(option.sj_app_key, option.sj_app_secret).then(function (res) {
-          _this.map = new SGMap.Map(_this.config);
-        });
+        this.map = new SGMap.Map(this.config);
+        this.map.on("moveend", function (e) {
+          return _this2.updateMapParams(e);
+        }); // 地图移动完成
+        this.map.on("zoomend", function (e) {
+          return _this2.updateMapParams(e);
+        }); // 地图缩放完成
+        this.map.on("pitchend", function (e) {
+          return _this2.updateMapParams(e);
+        }); // 地图俯仰角度完成
       }
       return _createClass(siji_map, [{
         key: "formatConfig",
         value: function formatConfig(option) {
           return {
             container: this.id,
-            style: "aegis://styles/aegis/Streets-Raster512",
+            style: "aegis://styles/aegis/Streets-v2",
             // 默认缩放层级
             zoom: option.level,
             // 地图中心点
@@ -641,11 +787,13 @@
           if (this.layerList.find(function (v) {
             return v.id === layer.id;
           })) {
-            console.error('已存在同名图层');
+            console.error("已存在同名图层");
           } else {
-            this.layerList.push(layer);
-            this.map.map.addLayer(layer.layerEntity);
-            return layer;
+            if (this.map) {
+              this.layerList.push(layer);
+              // this.map.addLayer(layer.config);
+              return layer;
+            }
           }
         }
       }, {
@@ -659,11 +807,11 @@
         key: "removeLayer",
         value: function removeLayer(layerId) {
           var layer = this.getLayer(layerId);
-          if (layer) {
-            layer.destroy();
+          if (layer.id) {
             this.layerList = this.layerList.filter(function (v) {
               return v.id !== layerId;
             });
+            layer.destroy();
           }
         }
       }, {
@@ -675,6 +823,123 @@
             layer.clearEntity();
           }
         }
+      }, {
+        key: "getExtent",
+        value: function getExtent() {
+          var data = this.map.getBounds();
+          return {
+            xmin: data._sw.lng,
+            ymin: data._sw.lat,
+            xmax: data._ne.lng,
+            ymax: data._ne.lat
+          };
+        }
+      }, {
+        key: "on",
+        value: function on(eventType, callback) {
+          var _this3 = this;
+          this.off(eventType);
+          switch (eventType) {
+            case "click":
+              this.event[eventType] = function (event) {
+                callback(event.lngLat);
+              };
+              break;
+            case "dblclick":
+              this.event[eventType] = function (event) {
+                callback(event);
+              };
+              break;
+            case "cameraMoveEnd":
+              this.event[eventType] = function () {
+                _this3.map.on("moveend", function (event) {
+                  return callback(event);
+                }); // 地图移动完成
+                _this3.map.on("zoomend", function (event) {
+                  return callback(event);
+                }); // 地图缩放完成
+                _this3.map.on("pitchend", function (event) {
+                  return callback(event);
+                }); // 地图俯仰角度完成
+              };
+              this.event[eventType]();
+              break;
+            //镜头移动事件
+            case "moveend":
+              this.event[eventType] = function (event) {
+                callback(event);
+              };
+              break;
+            case "zoomend":
+              //"levelend"
+              this.event[eventType] = function (event) {
+                callback(event);
+              };
+              break;
+            case "mouseenter":
+              this.event[eventType] = function (event) {
+                callback(event);
+              };
+              break;
+            case "mouseleave":
+              this.event[eventType] = function (event) {
+                callback(event);
+              };
+              break;
+            case "mousemove":
+              this.event[eventType] = function (event) {
+                callback(event);
+              };
+              break;
+          }
+          this.map.on(eventType, this.event[eventType]);
+        }
+      }, {
+        key: "off",
+        value: function off(eventType) {
+          if (this.event[eventType]) {
+            this.map.off(eventType, this.event[eventType]);
+            delete this.event[eventType];
+          }
+        }
+        // 更新当前地图参数
+      }, {
+        key: "updateMapParams",
+        value: function updateMapParams(e) {
+          this.level = this.map.getZoom();
+          var viewPos = this.getExtent();
+          console.log("当前缩放级别level：", this.level);
+          if (this.level !== this.option.level) {
+            this.layerList.forEach(function (layer) {
+              layer.children.forEach(function (entity) {
+                entity.option.distanceDisplayCondition && layer.updateEntity(entity, viewPos);
+              });
+            });
+          } else {
+            return;
+          }
+        }
+      }], [{
+        key: "create",
+        value: function create(id, option) {
+          return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee3() {
+            var instance;
+            return _regenerator().w(function (_context3) {
+              while (1) switch (_context3.n) {
+                case 0:
+                  instance = new siji_map(id, option); // 返回一个 Promise，等待地图的 'load' 事件
+                  _context3.n = 1;
+                  return new Promise(function (resolve) {
+                    instance.map.on("load", function (e) {
+                      resolve(e);
+                    });
+                  });
+                case 1:
+                  return _context3.a(2, instance);
+              }
+            }, _callee3);
+          }));
+        }
       }]);
     }();
     var map = {
@@ -690,17 +955,17 @@
     var mars3d_class = /*#__PURE__*/function () {
       function mars3d_class(option) {
         _classCallCheck(this, mars3d_class);
-        _defineProperty(this, "type", 'layer');
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "children", null);
-        _defineProperty(this, "layerEntity", null);
+        this.type = "layer";
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.children = null;
+        this.layerEntity = null;
         this.id = option.id;
         this.children = [];
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
-        this.layerEntity = new mars3d.layer.GraphicLayer(this.config);
+        this.layerEntity = new mars3d.layer.GraphicLayer(this.config); // 创建图层
       }
       return _createClass(mars3d_class, [{
         key: "formatConfig",
@@ -723,7 +988,10 @@
             console.error("已存在同名图形" + entity.id);
           } else {
             this.children.push(entity);
-            this.layerEntity.addGraphic(entity.graphic);
+            this.layerEntity.addGraphic(entity.graphic); // 添加图形
+            if (entity.type == "route") {
+              entity.start();
+            }
           }
         }
       }, {
@@ -731,9 +999,6 @@
         value: function removeEntity(entityParam) {
           var entity = this.getEntity(entityParam);
           if (entity) {
-            this.children = this.children.filter(function (v) {
-              return v.id !== entity.id;
-            });
             this.layerEntity.removeGraphic(entity.graphic);
           }
         }
@@ -771,10 +1036,9 @@
         value: function flyTo() {
           this.layerEntity.flyTo();
         }
-
-        /**
-         * 飞向指定的多个图形
-         * @param entities
+        /**
+         * 飞向指定的多个图形
+         * @param entities
          */
       }, {
         key: "flyToCustomEntities",
@@ -795,7 +1059,6 @@
               maxLat = Math.max(maxLat, lat);
             });
           });
-
           // 飞到这个矩形范围
           hnMap.map.map.flyToExtent({
             xmin: minLon,
@@ -804,12 +1067,12 @@
             ymax: maxLat
           });
         }
-
         // 添加属性弹窗
       }, {
         key: "addPopupByAttr",
         value: function addPopupByAttr() {
           this.layerEntity.bindPopup(function (event) {
+            console.log(event.graphic, "====event.graphic==");
             if (event.graphic.attr) {
               var data = event.graphic.attr;
               return mars3d.Util.getTemplateHtml({
@@ -820,13 +1083,16 @@
             }
           });
         }
-
         // 添加自定义dom弹窗
       }, {
         key: "addCustomPopup",
         value: function addCustomPopup(getCustomDom) {
-          this.layerEntity.bindPopup(/*#__PURE__*/function () {
-            var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
+          var _this2 = this;
+          var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+            offsetY: -20
+          };
+          this.layerEntity.bindPopup(function (event) {
+            return __awaiter(_this2, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
               var data, dom;
               return _regenerator().w(function (_context) {
                 while (1) switch (_context.n) {
@@ -852,32 +1118,27 @@
                 }
               }, _callee);
             }));
-            return function (_x) {
-              return _ref.apply(this, arguments);
-            };
-          }(), {
-            offsetY: -20
-          });
+          }, option);
         }
       }]);
     }();
     var gaode_class = /*#__PURE__*/function () {
       function gaode_class(option) {
         _classCallCheck(this, gaode_class);
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "children", null);
-        _defineProperty(this, "layerEntity", null);
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.children = null;
+        this.layerEntity = null;
         // 创建全局信息窗口实例
-        _defineProperty(this, "propsInfoWindow", null);
-        _defineProperty(this, "customInfoWindow", null);
-        _defineProperty(this, "getCustomDom", null);
+        this.propsInfoWindow = null;
+        this.customInfoWindow = null;
+        this.getCustomDom = null;
         this.id = option.id;
         this.children = [];
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
-        this.layerEntity = new AMap.OverlayGroup([]);
+        this.layerEntity = new AMap.OverlayGroup([]); // 创建图层
         this.layerEntity.id = option.id;
       }
       return _createClass(gaode_class, [{
@@ -901,15 +1162,12 @@
             console.error("已存在同名图形" + entity.id);
           } else {
             this.children.push(entity);
-            this.layerEntity.addOverlay(entity.graphic);
-
+            this.layerEntity.addOverlay(entity.graphic); // 添加图形
             // 图层添加新图形后，需要重新调用绑定点击弹窗方法
             if (this.propsInfoWindow) {
               this.addPopupByAttr();
             }
-            if (this.customInfoWindow) {
-              this.addCustomPopup();
-            }
+            if (this.customInfoWindow) ;
           }
         }
       }, {
@@ -933,19 +1191,18 @@
       }, {
         key: "destroy",
         value: function destroy() {
-          var _this2 = this;
+          var _this3 = this;
           this.clearEntity();
           hnMap.map.map.remove(this.layerEntity);
           hnMap.map.layerList = hnMap.map.layerList.filter(function (v) {
-            return v.id !== _this2.id;
+            return v.id !== _this3.id;
           });
         }
-
         // 添加属性弹窗
       }, {
         key: "addPopupByAttr",
         value: function addPopupByAttr() {
-          var _this3 = this;
+          var _this4 = this;
           if (!this.propsInfoWindow) {
             this.propsInfoWindow = new AMap.InfoWindow({
               offset: new AMap.Pixel(0, -30)
@@ -954,22 +1211,21 @@
           var handleClick = function handleClick(e) {
             var overlay = e.target; // 获取被点击的具体覆盖物
             var data = overlay.getOptions().extData.data;
-            var content = '';
+            var content = "";
             for (var key in data) {
               content += "<div>".concat(key, ": ").concat(data[key], "</div>");
             }
-            _this3.propsInfoWindow.setContent(content);
-            _this3.propsInfoWindow.open(hnMap.map.map, e.lnglat);
+            _this4.propsInfoWindow.setContent(content);
+            _this4.propsInfoWindow.open(hnMap.map.map, e.lnglat);
           };
-          this.layerEntity.off('click', handleClick);
-          this.layerEntity.on('click', handleClick);
+          this.layerEntity.off("click", handleClick);
+          this.layerEntity.on("click", handleClick);
         }
-
         // 添加自定义dom弹窗
       }, {
         key: "addCustomPopup",
         value: function addCustomPopup(getCustomDom) {
-          var _this4 = this;
+          var _this5 = this;
           if (!this.customInfoWindow) {
             this.customInfoWindow = new AMap.InfoWindow({
               offset: new AMap.Pixel(0, -30)
@@ -981,25 +1237,29 @@
           var handleClick = function handleClick(e) {
             var overlay = e.target; // 获取被点击的具体覆盖物
             var data = overlay.getOptions().extData.data;
-            var dom = _this4.getCustomDom(data);
-            _this4.customInfoWindow.setContent(dom);
-            _this4.customInfoWindow.open(hnMap.map.map, e.lnglat);
+            var dom = _this5.getCustomDom(data);
+            _this5.customInfoWindow.setContent(dom);
+            _this5.customInfoWindow.open(hnMap.map.map, e.lnglat);
           };
-          this.layerEntity.off('click', handleClick);
-          this.layerEntity.on('click', handleClick);
+          this.layerEntity.off("click", handleClick);
+          this.layerEntity.on("click", handleClick);
         }
       }]);
     }();
     var siji_class = /*#__PURE__*/function () {
       function siji_class(option) {
         _classCallCheck(this, siji_class);
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "children", null);
-        _defineProperty(this, "layerEntity", null);
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.children = null;
+        this.hideChildrenMap = null;
+        this.layerEntity = null;
+        this.infoWindow = null;
+        this.entity = null;
         this.id = option.id;
         this.children = [];
+        this.hideChildrenMap = {};
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
       }
@@ -1008,6 +1268,26 @@
         value: function formatConfig(option) {
           return option;
         }
+      }, {
+        key: "updateEntity",
+        value: function updateEntity(entity, viewPos) {
+          var isUpdateEntity = hnMap.map.level >= Number(entity.option.distanceDisplayCondition_far) && hnMap.map.level <= Number(entity.option.distanceDisplayCondition_near);
+          if (isUpdateEntity) {
+            if (!entity.show && this.isIncludesLabel(entity.option.position, viewPos)) {
+              this.addLevelEntity(entity);
+            }
+          } else {
+            if (entity.show) {
+              this.removeLevelEntity(entity);
+            }
+          }
+        }
+        // 判断坐标是否在视口范围内
+      }, {
+        key: "isIncludesLabel",
+        value: function isIncludesLabel(p, viewPos) {
+          return p[0] > viewPos.xmin && p[0] < viewPos.xmax && p[1] > viewPos.ymin && p[1] < viewPos.ymax;
+        }
       }, {
         key: "getEntity",
         value: function getEntity(id) {
@@ -1024,7 +1304,10 @@
             console.error("已存在同名图形" + entity.id);
           } else {
             this.children.push(entity);
-            hnMap.map.map.addLayer(entity.graphic);
+            var isUpdateEntity = hnMap.map.level >= Number(entity.option.distanceDisplayCondition_far) && hnMap.map.level <= Number(entity.option.distanceDisplayCondition_near);
+            if (!entity.option.distanceDisplayCondition || isUpdateEntity) {
+              this.addLevelEntity(entity);
+            }
           }
         }
       }, {
@@ -1035,35 +1318,147 @@
             this.children = this.children.filter(function (v) {
               return v.id !== entity.id;
             });
-            this.layerEntity.removeOverlay(entity.graphic);
-            entity.destroy();
+            this.removeLevelEntity(entity);
+          }
+        }
+      }, {
+        key: "addLevelEntity",
+        value: function addLevelEntity(entity) {
+          if (entity.type == "imagePoint") {
+            hnMap.map.map.loadImage(entity.option.image, function (error, image) {
+              hnMap.map.map.addImage(entity.id + "_image", image);
+              hnMap.map.map.addLayer(entity.config);
+            });
+          } else if (entity.type == "numPoint") {
+            hnMap.map.map.addLayer(entity.config);
+            hnMap.map.map.addLayer(entity.configLabel);
+          } else if (entity.type == "divPoint") {
+            entity.graphic.setLngLat(entity.option.position).addTo(hnMap.map.map);
+          } else if (entity.type == "circle") {
+            var featureArr = {
+              type: "Feature",
+              properties: {
+                centerPoint: entity.option.position,
+                radius: entity.option.radius
+              },
+              geometry: {
+                type: "Polygon",
+                coordinates: []
+              }
+            };
+            entity.graphic.addFeature(featureArr);
+            // entity.graphic = new SGMap.DrawCircleHandler(entity.config);
+          } else if (entity.type == "route") {
+            hnMap.map.map.addLayer(entity.config_routeline);
+            hnMap.map.map.addLayer(entity.config_routeplay);
+            entity.createCar();
+            entity.chunkData = entity.joinLinePoint();
+            entity.start();
+          } else {
+            hnMap.map.map.addLayer(entity.config);
+          }
+          entity.show = true;
+        }
+      }, {
+        key: "removeLevelEntity",
+        value: function removeLevelEntity(entity) {
+          if (entity) {
+            if (entity.type == "circle") {
+              entity.graphic.remove();
+              entity.graphic.clearData();
+            } else if (entity.type == "numPoint") {
+              hnMap.map.map.removeLayer(entity.config.id);
+              hnMap.map.map.removeSource(entity.config.id);
+              hnMap.map.map.removeLayer(entity.configLabel.id);
+              hnMap.map.map.removeSource(entity.configLabel.id);
+            } else if (entity.type == "divPoint") {
+              entity.graphic.remove();
+            } else if (entity.type == "route") {
+              hnMap.map.map.removeLayer(entity.config_routeline.id);
+              hnMap.map.map.removeSource(entity.config_routeline.id);
+              hnMap.map.map.removeLayer(entity.config_routeplay.id);
+              hnMap.map.map.removeSource(entity.config_routeplay.id);
+              entity.imgMarker.remove();
+            } else {
+              hnMap.map.map.removeLayer(entity.id);
+              hnMap.map.map.removeSource(entity.id);
+            }
+            entity.show = false;
           }
         }
       }, {
         key: "clearEntity",
         value: function clearEntity() {
+          var _this6 = this;
+          this.children.forEach(function (v) {
+            _this6.removeEntity(v.id);
+          });
           this.children = [];
-          this.layerEntity.clearOverlays();
         }
       }, {
         key: "destroy",
         value: function destroy() {
-          var _this5 = this;
+          var _this7 = this;
           this.clearEntity();
           hnMap.map.layerList = hnMap.map.layerList.filter(function (v) {
-            return v.id !== _this5.id;
+            return v.id !== _this7.id;
           });
         }
-
         // 添加属性弹窗
       }, {
         key: "addPopupByAttr",
-        value: function addPopupByAttr() {}
-
+        value: function addPopupByAttr() {
+          var _this8 = this;
+          // 如果已有弹窗，先关闭
+          this.removePopup();
+          this.infoWindow = new SGMap.Popup({
+            offset: {
+              bottom: [0, 0]
+            },
+            className: "my-attrPopup-class"
+          });
+          var handleClick = function handleClick(e) {
+            var data = e.features[0].properties;
+            // 创建弹窗内容
+            var content = "";
+            for (var key in data) {
+              content += "<div>".concat(key, ": ").concat(data[key], "</div>");
+            }
+            _this8.infoWindow.setHTML(content);
+            console.log("e.lngLat===", e.lngLat);
+            _this8.infoWindow.setLngLat(e.lngLat).addTo(hnMap.map.map);
+          };
+          hnMap.map.map.on("click", this.config.id, handleClick);
+        }
         // 添加自定义dom弹窗
       }, {
         key: "addCustomPopup",
-        value: function addCustomPopup(getCustomDom) {}
+        value: function addCustomPopup(getCustomDom) {
+          var _this9 = this;
+          // 如果已有弹窗，先关闭
+          this.removePopup();
+          this.infoWindow = new SGMap.Popup({
+            offset: {
+              bottom: [0, 0]
+            },
+            className: "my-customPopup-class"
+          });
+          var handleClick = function handleClick(e) {
+            var data = e.features[0].properties;
+            var dom = getCustomDom(data);
+            _this9.infoWindow.setHTML(dom);
+            _this9.infoWindow.setLngLat(e.lngLat).addTo(hnMap.map.map);
+          };
+          hnMap.map.map.on("click", this.config.id, handleClick);
+        }
+        // 弹窗删除
+      }, {
+        key: "removePopup",
+        value: function removePopup() {
+          if (this.infoWindow) {
+            this.infoWindow.remove();
+          }
+        }
       }]);
     }();
     var fn = {
@@ -1077,9 +1472,11 @@
   var mars3d_entity = /*#__PURE__*/function () {
     function mars3d_entity(hnMap) {
       _classCallCheck(this, mars3d_entity);
+      this.option = null;
+      this.event = {};
+      this.graphic = null;
       this.event = {};
     }
-
     // 添加属性弹窗
     return _createClass(mars3d_entity, [{
       key: "addPopupByAttr",
@@ -1093,13 +1490,13 @@
           });
         });
       }
-
       // 添加自定义dom弹窗
     }, {
       key: "addCustomPopup",
       value: function addCustomPopup(getCustomDom) {
-        this.graphic.bindPopup(/*#__PURE__*/function () {
-          var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
+        var _this = this;
+        this.graphic.bindPopup(function (event) {
+          return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
             var data;
             return _regenerator().w(function (_context) {
               while (1) switch (_context.n) {
@@ -1118,10 +1515,7 @@
               }
             }, _callee);
           }));
-          return function (_x) {
-            return _ref.apply(this, arguments);
-          };
-        }(), {
+        }, {
           offsetY: -20
         });
       }
@@ -1134,21 +1528,23 @@
     }, {
       key: "destroy",
       value: function destroy() {
+        console.log(this.graphic, "=====this.graphic===");
         this.graphic.destroy();
       }
     }, {
       key: "on",
       value: function on(eventType, callback) {
+        var _this2 = this;
         this.off(eventType);
         switch (eventType) {
-          case 'click':
+          case "click":
             this.event[eventType] = function () {
-              callback(event);
+              callback(_this2.option.data);
             };
             break;
         }
         this.graphic.on(eventType, this.event[eventType]);
-      }
+      } // 监听事件
     }, {
       key: "off",
       value: function off(eventType) {
@@ -1163,11 +1559,12 @@
   var gaode_entity = /*#__PURE__*/function () {
     function gaode_entity(hnMap) {
       _classCallCheck(this, gaode_entity);
-      _defineProperty(this, "infoWindow", null);
-      _defineProperty(this, "hnMap", null);
+      this.infoWindow = null;
+      this.hnMap = null;
+      this.config = null;
+      this.graphic = null;
       this.hnMap = hnMap;
     }
-
     // 添加属性弹窗
     return _createClass(gaode_entity, [{
       key: "addPopupByAttr",
@@ -1187,7 +1584,6 @@
         };
         this.graphic.on('click', handleClick);
       }
-
       // 添加自定义dom弹窗
     }, {
       key: "addCustomPopup",
@@ -1226,47 +1622,163 @@
     }]);
   }();
 
-  var point = (function (hnMap) {
-    var defaultOption = {
-      id: "",
-      position: [],
-      color: "#ffffff",
-      opacity: 1,
-      size: 6,
-      text: "",
-      fontSize: 12,
-      fontColor: "#ffffff",
-      fontOpacity: 1,
-      fontOffset: [0, 0],
-      outline: false,
-      outlineColor: "#ffffff",
-      outlineWidth: 20,
-      outlineOpacity: 0.5,
-      textOutline: false,
-      textOutlineColor: "#000000",
-      textOutlineOpacity: 0.6,
-      textOutlineWidth: 2,
-      textBackgroundColor: "",
-      textBackgroundOpacity: 0.5,
-      scaleByDistance: true,
-      distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
-      data: null
-    };
-    var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
-      function mars3d_class(option) {
-        var _this;
-        _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'point');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
-        _this.id = option.id;
-        deepMerge(_this.option, option);
-        _this.config = _this.formatConfig(_this.option);
+  var siji_entity = /*#__PURE__*/function () {
+    function siji_entity(hnMap) {
+      _classCallCheck(this, siji_entity);
+      this.event = {};
+      this.infoWindow = null;
+      this.hnMap = null;
+      this.config = null;
+      this.graphic = null;
+      this.option = null;
+      this.type = null;
+      this.show = false;
+      this.hnMap = hnMap;
+      this.event = {};
+      this.show = false;
+    }
+    // 添加属性弹窗
+    return _createClass(siji_entity, [{
+      key: "addPopupByAttr",
+      value: function addPopupByAttr() {
+        var _this = this;
+        alert("添加属性弹窗");
+        console.log(this.config);
+        console.log(this.graphic);
+        // 如果已有弹窗，先关闭
+        this.removePopup();
+        this.infoWindow = new SGMap.Popup({
+          offset: {
+            bottom: [0, 0]
+          },
+          className: "my-popupAttr-class"
+        });
+        var handleClick = function handleClick(e) {
+          alert("添加属性弹窗111");
+          // const data = e.features[0].properties;
+          var data = _this.option.data;
+          // 创建弹窗内容
+          var content = "";
+          for (var key in data) {
+            content += "<div>".concat(key, ": ").concat(data[key], "</div>");
+          }
+          _this.infoWindow.setHTML(content);
+          _this.infoWindow.setLngLat(e.lngLat).addTo(_this.hnMap.map.map);
+        };
+        this.hnMap.map.map.on("click", this.config.id, handleClick);
+      }
+      // 添加自定义dom弹窗
+    }, {
+      key: "addCustomPopup",
+      value: function addCustomPopup(getCustomDom) {
+        var _this2 = this;
+        this.removePopup();
+        this.infoWindow = new SGMap.Popup({
+          offset: {
+            bottom: [0, 0]
+          },
+          className: "my-customPopup-class"
+        });
+        var handleClick = function handleClick(e) {
+          var data = _this2.option.data;
+          // const data = e.features[0].properties;
+          var dom = getCustomDom(data);
+          _this2.infoWindow.setHTML(dom);
+          _this2.infoWindow.setLngLat(e.lngLat).addTo(_this2.hnMap.map.map);
+        };
+        this.hnMap.map.map.on("click", this.config.id, handleClick);
+      }
+      // 弹窗删除
+    }, {
+      key: "removePopup",
+      value: function removePopup() {
+        if (this.infoWindow) {
+          this.infoWindow.remove();
+        }
+      }
+    }, {
+      key: "flyTo",
+      value: function flyTo() {
+        var zoom = this.hnMap.map.map.getZoom();
+        this.hnMap.map.map.flyTo({
+          duration: 1000,
+          // 持续时间
+          zoom: zoom,
+          center: this.type == "line" || this.type == "dash" || this.type == "flicker" || this.type == "flow" || this.type == "arrow" || this.type == "mapLabel" || this.type == "polygon" || this.type == "rectangle" ? this.option.position[0] : this.type == "route" ? [this.option.position[0][0], this.option.position[0][1]] : this.option.position
+        });
+      }
+    }, {
+      key: "destroy",
+      value: function destroy() {
+        this.hnMap.map.map.removeLayer(this.config.id);
+        this.hnMap.map.map.removeSource(this.config.id);
+      }
+    }, {
+      key: "on",
+      value: function on(eventType, eventId, callback) {
+        var _this3 = this;
+        this.off(eventType, eventId);
+        switch (eventType) {
+          case "click":
+            this.event[eventType] = function () {
+              callback(_this3.option.data);
+            };
+            break;
+        }
+        this.hnMap.map.map.on(eventType, eventId, this.event[eventType]);
+      } // 监听事件
+    }, {
+      key: "off",
+      value: function off(eventType, eventId) {
+        if (this.event[eventType]) {
+          this.hnMap.map.map.off(eventType, eventId, this.event[eventType]);
+          delete this.event[eventType];
+        }
+      }
+    }]);
+  }();
+
+  var point = (function (hnMap) {
+    var defaultOption = {
+      id: "",
+      position: [],
+      color: "#ffffff",
+      opacity: 1,
+      size: 6,
+      text: "",
+      fontSize: 12,
+      fontColor: "#ffffff",
+      fontOpacity: 1,
+      fontOffset: [0, 0],
+      outline: false,
+      outlineColor: "#ffffff",
+      outlineWidth: 20,
+      outlineOpacity: 0.5,
+      textOutline: false,
+      textOutlineColor: "#000000",
+      textOutlineOpacity: 0.6,
+      textOutlineWidth: 2,
+      textBackgroundColor: "",
+      textBackgroundOpacity: 0.5,
+      scaleByDistance: true,
+      distanceDisplayCondition: false,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
+      data: null
+    };
+    var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
+      function mars3d_class(option) {
+        var _this;
+        _classCallCheck(this, mars3d_class);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "point";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
+        _this.id = option.id;
+        deepMerge(_this.option, option);
+        _this.config = _this.formatConfig(_this.option);
         _this.graphic = new mars3d.graphic.PointEntity(_this.config);
         return _this;
       }
@@ -1274,6 +1786,8 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           return {
             id: option.id,
             position: option.position,
@@ -1288,8 +1802,8 @@
               clampToGround: !option.position[2],
               scaleByDistance: option.scaleByDistance,
               distanceDisplayCondition: option.distanceDisplayCondition,
-              distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-              distanceDisplayCondition_near: option.distanceDisplayCondition_near,
+              distanceDisplayCondition_far: distanceDisplayCondition_far,
+              distanceDisplayCondition_near: distanceDisplayCondition_near,
               label: {
                 text: option.text,
                 font_size: option.fontSize,
@@ -1305,8 +1819,8 @@
                 pixelOffset: option.fontOffset,
                 scaleByDistance: option.fontScaleByDistance,
                 distanceDisplayCondition: option.fontDistanceDisplayCondition,
-                distanceDisplayCondition_far: option.fontDistanceDisplayCondition_far,
-                distanceDisplayCondition_near: option.fontDistanceDisplayCondition_near
+                distanceDisplayCondition_far: distanceDisplayCondition_far,
+                distanceDisplayCondition_near: distanceDisplayCondition_near
               }
             },
             attr: option.data
@@ -1325,11 +1839,11 @@
       function gaode_class(option) {
         var _this2;
         _classCallCheck(this, gaode_class);
-        _this2 = _callSuper(this, gaode_class);
-        _defineProperty(_this2, "id", null);
-        _defineProperty(_this2, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this2, "config", null);
-        _defineProperty(_this2, "graphic", null);
+        _this2 = _callSuper(this, gaode_class, [hnMap]);
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
         _this2.id = option.id;
         deepMerge(_this2.option, option);
         _this2.config = _this2.formatConfig(_this2.option);
@@ -1365,9 +1879,94 @@
         }
       }]);
     }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this3;
+        _classCallCheck(this, siji_class);
+        _this3 = _callSuper(this, siji_class, [hnMap]);
+        _this3.type = "point";
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.id = option.id;
+        deepMerge(_this3.option, option);
+        _this3.config = _this3.formatConfig(_this3.option);
+        return _this3;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var config = {};
+          config = {
+            id: option.id,
+            type: "circle",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: [{
+                  type: "Feature",
+                  geometry: {
+                    type: "Point",
+                    coordinates: option.position
+                  },
+                  properties: Object.assign({
+                    id: option.id
+                  }, option.data)
+                }]
+              }
+            },
+            paint: {
+              "circle-opacity": Number(option.opacity),
+              "circle-radius": Number(option.size),
+              "circle-color": option.color,
+              "circle-stroke-color": option.outlineColor,
+              "circle-stroke-width": option.outlineWidth,
+              "circle-stroke-opacity": Number(option.outlineOpacity) // 边框样式
+            } // 填充样式
+          };
+          return config;
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          console.log("=====set point====", option);
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          var mySource = hnMap.map.map.getSource(this.config.id);
+          mySource.setData({
+            type: "FeatureCollection",
+            features: [{
+              type: "Feature",
+              properties: {
+                name: this.option.text
+              },
+              geometry: {
+                type: "Point",
+                coordinates: this.option.position
+              }
+            }]
+          });
+          for (var key in this.config) {
+            if (this.config.hasOwnProperty(key)) {
+              if (key == "paint") {
+                for (var key2 in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config.id, key2, key2 == "circle-opacity" || key2 == "circle-stroke-opacity" ? Number(this.config[key][key2]) : this.config[key][key2]);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -1384,20 +1983,20 @@
       scale: 1,
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null
     };
     var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'numPoint');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "numPoint";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
@@ -1408,6 +2007,8 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           return {
             id: option.id,
             position: option.position,
@@ -1422,8 +2023,8 @@
               clampToGround: !option.position[2],
               scaleByDistance: option.scaleByDistance,
               distanceDisplayCondition: option.distanceDisplayCondition,
-              distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-              distanceDisplayCondition_near: option.distanceDisplayCondition_near
+              distanceDisplayCondition_far: distanceDisplayCondition_far,
+              distanceDisplayCondition_near: distanceDisplayCondition_near
             },
             attr: option.data
           };
@@ -1441,11 +2042,11 @@
       function gaode_class(option) {
         var _this2;
         _classCallCheck(this, gaode_class);
-        _this2 = _callSuper(this, gaode_class);
-        _defineProperty(_this2, "id", null);
-        _defineProperty(_this2, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this2, "config", null);
-        _defineProperty(_this2, "graphic", null);
+        _this2 = _callSuper(this, gaode_class, [hnMap]);
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
         _this2.id = option.id;
         deepMerge(_this2.option, option);
         _this2.config = _this2.formatConfig(_this2.option);
@@ -1462,7 +2063,7 @@
             id: option.id,
             position: new AMap.LngLat(amapPosition[0], amapPosition[1]),
             content: markerContent,
-            anchor: 'top-center',
+            anchor: "top-center",
             offset: [0, -20],
             extData: {
               id: option.id,
@@ -1479,9 +2080,164 @@
         }
       }]);
     }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this3;
+        _classCallCheck(this, siji_class);
+        _this3 = _callSuper(this, siji_class, [hnMap]);
+        _this3.type = "numPoint";
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.configLabel = null;
+        _this3.id = option.id;
+        deepMerge(_this3.option, option);
+        _this3.config = _this3.formatConfig(_this3.option);
+        _this3.configLabel = _this3.formatConfigNum(_this3.option);
+        return _this3;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var config = {};
+          config = {
+            id: option.id,
+            type: "circle",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: [{
+                  type: "Feature",
+                  geometry: {
+                    type: "Point",
+                    coordinates: option.position
+                  },
+                  properties: {
+                    name: option.text
+                  }
+                }]
+              }
+            },
+            paint: {
+              "circle-opacity": Number(option.opacity),
+              "circle-radius": Number(option.size),
+              "circle-color": option.color
+            } // 填充样式
+          };
+          return config;
+        }
+      }, {
+        key: "formatConfigNum",
+        value: function formatConfigNum(option) {
+          var configLabel = {};
+          configLabel = {
+            id: "num_" + option.id,
+            type: "symbol",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: [{
+                  type: "Feature",
+                  geometry: {
+                    type: "Point",
+                    coordinates: option.position
+                  },
+                  properties: {
+                    name: option.num
+                  }
+                }]
+              }
+            },
+            layout: {
+              "icon-anchor": "center",
+              "text-field": "{name}",
+              "text-size": Number(option.size),
+              "text-anchor": "center" // 顶部对齐
+            },
+            // 文本样式
+            paint: {
+              "text-color": option.fontColor
+            } // 填充样式
+          };
+          return configLabel;
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          this.configLabel = this.formatConfigNum(this.option);
+          var mySource = hnMap.map.map.getSource(this.config.id);
+          mySource.setData({
+            type: "FeatureCollection",
+            features: [{
+              type: "Feature",
+              properties: {
+                name: this.option.text
+              },
+              geometry: {
+                type: "Point",
+                coordinates: this.option.position
+              }
+            }]
+          });
+          for (var key in this.config) {
+            if (this.config.hasOwnProperty(key)) {
+              if (key == "paint") {
+                for (var key2 in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config.id, key2, key2 == "circle-opacity" ? Number(this.config[key][key2]) : this.config[key][key2]);
+                  }
+                }
+              }
+            }
+          }
+          //  数字更改
+          var mySource_num = hnMap.map.map.getSource(this.configLabel.id);
+          mySource_num.setData({
+            type: "FeatureCollection",
+            features: [{
+              type: "Feature",
+              properties: {
+                name: this.option.num
+              },
+              geometry: {
+                type: "Point",
+                coordinates: this.option.position
+              }
+            }]
+          });
+          for (var _key in this.configLabel) {
+            if (this.configLabel.hasOwnProperty(_key)) {
+              if (_key == "paint") {
+                for (var _key2 in this.configLabel[_key]) {
+                  if (this.configLabel[_key].hasOwnProperty(_key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.configLabel.id, _key2, this.configLabel[_key][_key2]);
+                  }
+                }
+              }
+              if (_key == "layout") {
+                for (var _key3 in this.configLabel[_key]) {
+                  if (this.configLabel[_key].hasOwnProperty(_key3)) {
+                    // 遍历 layout 属性
+                    hnMap.map.map.setLayoutProperty(this.configLabel.id, _key3, _key3 == "text-size" ? Number(this.configLabel[_key][_key3]) : this.configLabel[_key][_key3]);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -1512,19 +2268,19 @@
       offset: [0, 0],
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null
     };
     var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
@@ -1535,6 +2291,8 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           return {
             id: option.id,
             position: option.position,
@@ -1549,8 +2307,8 @@
                 pixelOffset: option.offset,
                 scaleByDistance: option.scaleByDistance,
                 distanceDisplayCondition: option.distanceDisplayCondition,
-                distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-                distanceDisplayCondition_near: option.distanceDisplayCondition_near,
+                distanceDisplayCondition_far: distanceDisplayCondition_far,
+                distanceDisplayCondition_near: distanceDisplayCondition_near,
                 visibleDepth: false
               },
               scaleByDistance: option.scaleByDistance,
@@ -1573,7 +2331,6 @@
           this.config = this.formatConfig(this.option);
           this.graphic.setOptions(this.config);
         }
-
         // flyTo(option = {}) {
         //   let config = {}
         //   if(option.height){
@@ -1593,12 +2350,12 @@
       function gaode_class(option) {
         var _this2;
         _classCallCheck(this, gaode_class);
-        _this2 = _callSuper(this, gaode_class);
-        _defineProperty(_this2, "type", 'imagePoint');
-        _defineProperty(_this2, "id", null);
-        _defineProperty(_this2, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this2, "config", null);
-        _defineProperty(_this2, "graphic", null);
+        _this2 = _callSuper(this, gaode_class, [hnMap]);
+        _this2.type = "imagePoint";
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
         _this2.id = option.id;
         deepMerge(_this2.option, option);
         _this2.config = _this2.formatConfig(_this2.option);
@@ -1623,28 +2380,102 @@
               size: new AMap.Size(option.height, option.width)
             }),
             angle: 360 - option.rotation,
-            anchor: 'center',
+            anchor: "center",
             label: {
-              direction: 'center',
+              direction: "center",
               offset: new AMap.Pixel(option.offset[0], option.offset[1]),
               //设置文本标注偏移量
               content: content
             }
           };
         }
+      }]);
+    }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this3;
+        _classCallCheck(this, siji_class);
+        _this3 = _callSuper(this, siji_class, [hnMap]);
+        _this3.type = "imagePoint";
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.graphic = null;
+        _this3.id = option.id;
+        deepMerge(_this3.option, option);
+        _this3.config = _this3.formatConfig(_this3.option);
+        return _this3;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var config = {};
+          config = {
+            id: option.id,
+            type: "symbol",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: [{
+                  type: "Feature",
+                  geometry: {
+                    type: "Point",
+                    coordinates: option.position.map(function (num) {
+                      return Number(num);
+                    })
+                  },
+                  properties: {
+                    name: ""
+                  }
+                }]
+              }
+            },
+            layout: {
+              "icon-image": option.id + "_image",
+              "icon-size": Number(option.width) / Number(option.height)
+            }
+          };
+          return config;
+        }
       }, {
         key: "set",
         value: function set(option) {
           deepMerge(this.option, option);
           this.config = this.formatConfig(this.option);
-          this.graphic.setOptions(this.config);
-          this.graphic.setAngle(this.config.angle);
+          var mySource = hnMap.map.map.getSource(this.config.id);
+          mySource.setData({
+            type: "FeatureCollection",
+            features: [{
+              type: "Feature",
+              geometry: {
+                type: "Point",
+                coordinates: this.option.position.map(function (num) {
+                  return Number(num);
+                })
+              }
+            }]
+          });
+          for (var key in this.config) {
+            if (this.config.hasOwnProperty(key)) {
+              if (key == "layout") {
+                for (var key2 in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(key2)) {
+                    // 遍历 layout 属性
+                    hnMap.map.map.setLayoutProperty(this.config.id, key2, this.config[key][key2]);
+                  }
+                }
+              }
+            }
+          }
         }
       }]);
-    }(gaode_entity);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -1669,20 +2500,20 @@
       offset: [0, 0],
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null
     };
     var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'divPoint');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "divPoint";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
@@ -1693,6 +2524,8 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           return {
             id: option.id,
             position: option.position,
@@ -1702,8 +2535,8 @@
               offsetY: option.offset[1],
               scaleByDistance: option.scaleByDistance,
               distanceDisplayCondition: option.distanceDisplayCondition,
-              distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-              distanceDisplayCondition_near: option.distanceDisplayCondition_near,
+              distanceDisplayCondition_far: distanceDisplayCondition_far,
+              distanceDisplayCondition_near: distanceDisplayCondition_near,
               clampToGround: !option.position[2],
               horizontalOrigin: HorizontalOrigin[option.horizontalOrigin],
               verticalOrigin: VerticalOrigin[option.verticalOrigin]
@@ -1725,9 +2558,63 @@
         }
       }]);
     }(mars3d_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this2;
+        _classCallCheck(this, siji_class);
+        _this2 = _callSuper(this, siji_class, [hnMap]);
+        _this2.type = "divPoint";
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
+        _this2.id = option.id;
+        deepMerge(_this2.option, option);
+        _this2.config = _this2.formatConfig(_this2.option);
+        _this2.graphic = new SGMap.Marker(_this2.config);
+        return _this2;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var el = document.createElement("div");
+          el.className = "marker";
+          el.id = option.id;
+          el.innerHTML = option.html;
+          //   el.style.backgroundImage =
+          //     'url("https://map.sgcc.com.cn/products/js-sdk/v3/assets/images/markers_new2_4ab0bc5_78.png")';
+          el.style.width = "0";
+          el.style.height = "0";
+          return {
+            id: option.id,
+            element: el,
+            anchor: "center",
+            offset: option.offset
+          };
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          if (this.graphic) {
+            this.graphic.remove();
+          }
+          this.graphic = new SGMap.Marker(this.config);
+          this.graphic.setLngLat(option.position).addTo(hnMap.map.map);
+        }
+      }, {
+        key: "openPopup",
+        value: function openPopup() {
+          this.graphic.openPopup();
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: mars3d_class
+      gaode: mars3d_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -1735,14 +2622,14 @@
   var label = (function (hnMap) {
     var defaultOption = {
       id: "",
-      type: 'label',
+      type: "label",
       position: [],
       text: "",
       fontSize: 16,
-      fontWeight: 'normal',
+      fontWeight: "normal",
       fontFamily: "楷体",
       color: "#000000",
-      background: '',
+      background: "",
       opacity: 1,
       outline: false,
       outlineColor: "#ffffff",
@@ -1752,26 +2639,26 @@
       angle: 0,
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null
     };
     var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'label');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "label";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
-        if (_this.option.type === 'label') {
+        if (_this.option.type === "label") {
           _this.graphic = new mars3d.graphic.LabelEntity(_this.config);
-        } else if (_this.option.type === 'mapLabel') {
+        } else if (_this.option.type === "mapLabel") {
           _this.graphic = new mars3d.graphic.RectangleEntity(_this.config);
         }
         return _this;
@@ -1780,8 +2667,10 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
-          if (option.type === 'label') {
+          if (option.type === "label") {
             var position = new mars3d.LngLatPoint(option.position[0], option.position[1], option.position[2] || 0);
+            var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+            var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
             return {
               id: option.id,
               position: position,
@@ -1799,14 +2688,14 @@
                 scaleByDistance: option.scaleByDistance,
                 clampToGround: !option.position[2],
                 distanceDisplayCondition: option.distanceDisplayCondition,
-                distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-                distanceDisplayCondition_near: option.distanceDisplayCondition_near,
+                distanceDisplayCondition_far: distanceDisplayCondition_far,
+                distanceDisplayCondition_near: distanceDisplayCondition_near,
                 background: !!option.background,
                 backgroundColor: option.background
               },
               attr: option.data
             };
-          } else if (option.type === 'mapLabel') {
+          } else if (option.type === "mapLabel") {
             var p1 = new mars3d.LngLatPoint(option.position[0][0], option.position[0][1]);
             var p2 = new mars3d.LngLatPoint(option.position[1][0], option.position[1][1]);
             return {
@@ -1816,7 +2705,7 @@
                 clampToGround: !option.position[0][2],
                 materialOptions: {
                   text: option.text,
-                  font_family: '楷体',
+                  font_family: "楷体",
                   color: option.color,
                   font_weight: option.fontWeight,
                   font_size: option.fontSize,
@@ -1849,11 +2738,11 @@
       function gaode_class(option) {
         var _this2;
         _classCallCheck(this, gaode_class);
-        _this2 = _callSuper(this, gaode_class);
-        _defineProperty(_this2, "id", null);
-        _defineProperty(_this2, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this2, "config", null);
-        _defineProperty(_this2, "graphic", null);
+        _this2 = _callSuper(this, gaode_class, [hnMap]);
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
         _this2.id = option.id;
         deepMerge(_this2.option, option);
         _this2.config = _this2.formatConfig(_this2.option);
@@ -1871,16 +2760,16 @@
               data: option.data
             },
             text: option.text,
-            anchor: 'center',
+            anchor: "center",
             // 设置文本标记锚点
             draggable: true,
-            cursor: 'pointer',
+            cursor: "pointer",
             style: {
-              'border': 0,
-              'text-align': 'center',
-              'font-size': option.fontSize,
-              'color': option.color,
-              'background-color': option.background
+              border: 0,
+              "text-align": "center",
+              "font-size": option.fontSize,
+              color: option.color,
+              "background-color": option.background
             },
             position: [amapPosition[0], amapPosition[1]],
             offset: option.offset
@@ -1897,9 +2786,162 @@
         }
       }]);
     }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this3;
+        _classCallCheck(this, siji_class);
+        _this3 = _callSuper(this, siji_class, [hnMap]);
+        _this3.type = "label";
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.id = option.id;
+        deepMerge(_this3.option, option);
+        _this3.config = _this3.formatConfig(_this3.option);
+        return _this3;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var config = {};
+          config = {
+            id: option.id,
+            type: "symbol",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: []
+              }
+            },
+            layout: {
+              "text-field": "{name}",
+              "text-size": Number(option.fontSize),
+              "text-anchor": "top",
+              // 顶部对齐
+              "text-offset": this.pixelOffsetToTextOffset(option.offset, option.fontSize),
+              "text-max-width": 8,
+              "text-font": ["Microsoft YaHei Regular"]
+            },
+            // 文本样式
+            paint: {
+              "text-color": option.color,
+              "text-halo-color": option.outlineColor,
+              // 文字外边线颜色
+              "text-halo-width": option.outlineWidth // 文字外边线宽度
+            } // 填充样式
+          };
+          if (option.type === "label") {
+            config.source.data.features[0] = {
+              type: "Feature",
+              geometry: {
+                type: "Point",
+                coordinates: option.position.map(function (num) {
+                  return Number(num);
+                })
+              },
+              properties: {
+                name: option.text
+              }
+            };
+          } else if (option.type === "mapLabel") {
+            option.position.forEach(function (item) {
+              config.source.data.features.push({
+                type: "Feature",
+                properties: {
+                  name: option.text
+                },
+                geometry: {
+                  type: "Point",
+                  coordinates: item
+                }
+              });
+            });
+          }
+          return config;
+        }
+        /**
+         * 将 pixelOffset 转换为 text-offset (ems)
+         * @param {Array<number>} pixelOffset - [x, y] 像素偏移
+         * @param {number} textSizePx - 字体大小（px）
+         * @returns {Array<number>} text-offset in ems
+         */
+      }, {
+        key: "pixelOffsetToTextOffset",
+        value: function pixelOffsetToTextOffset(pixelOffset, textSizePx) {
+          return [pixelOffset[0] / textSizePx, pixelOffset[1] / textSizePx];
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          var _this4 = this;
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          var mySource = hnMap.map.map.getSource(this.config.id);
+          if (this.option.type == "label") {
+            mySource.setData({
+              type: "FeatureCollection",
+              features: [{
+                type: "Feature",
+                properties: {
+                  name: this.option.text
+                },
+                geometry: {
+                  type: "Point",
+                  coordinates: this.option.position.map(function (num) {
+                    return Number(num);
+                  })
+                }
+              }]
+            });
+          } else if (this.option.type == "mapLabel") {
+            // 构建新的数据源对象
+            var sourceObj = {
+              type: "FeatureCollection",
+              features: this.option.position.map(function (item) {
+                return {
+                  type: "Feature",
+                  properties: {
+                    name: _this4.option.text
+                  },
+                  geometry: {
+                    type: "Point",
+                    coordinates: item
+                  }
+                };
+              })
+            };
+            // 更新数据源
+            mySource.setData(sourceObj);
+          }
+          for (var key in this.config) {
+            if (this.config.hasOwnProperty(key)) {
+              if (key == "paint") {
+                for (var key2 in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config.id, key2, key2 == "text-halo-width" ? Number(this.config[key][key2]) : this.config[key][key2]);
+                  }
+                }
+              }
+              if (key == "layout") {
+                for (var _key in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(_key)) {
+                    // 遍历 layout 属性
+                    hnMap.map.map.setLayoutProperty(this.config.id, _key, _key === "text-size" ? Number(this.config[key][_key]) : this.config[key][_key]);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -1908,7 +2950,7 @@
     var defaultOption = {
       id: "",
       position: [],
-      type: 'line',
+      type: "line",
       color: "#ffffff",
       width: 2,
       opacity: 1,
@@ -1917,13 +2959,13 @@
       outlineWidth: 2,
       dashColor: "#00ff00",
       dashLength: 16,
-      image: '',
+      image: "",
       repeat: [1, 1],
       speed: 5,
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null,
       combine: false,
       instances: []
@@ -1932,12 +2974,13 @@
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'line');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        // debugger
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "line";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
@@ -1954,6 +2997,8 @@
         value: function formatConfig(option) {
           var _this2 = this;
           var config = {};
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           if (option.combine) {
             config = {
               id: option.id,
@@ -1969,7 +3014,7 @@
               id: option.id,
               positions: option.position,
               style: {
-                materialType: 'Color',
+                materialType: "Color",
                 color: option.color,
                 width: option.width,
                 opacity: option.opacity,
@@ -1979,32 +3024,32 @@
                 clampToGround: !option.position[0][2],
                 scaleByDistance: option.scaleByDistance,
                 distanceDisplayCondition: option.distanceDisplayCondition,
-                distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-                distanceDisplayCondition_near: option.distanceDisplayCondition_near
+                distanceDisplayCondition_far: distanceDisplayCondition_far,
+                distanceDisplayCondition_near: distanceDisplayCondition_near
               },
               attr: option.data
             };
             switch (option.type) {
-              case 'line':
-                config.style.materialType = 'Color';
+              case "line":
+                config.style.materialType = "Color";
                 break;
-              case 'dash':
-                config.style.materialType = 'PolylineDash';
+              case "dash":
+                config.style.materialType = "PolylineDash";
                 config.style.materialOptions = {
                   color: option.color,
                   gapColor: option.dashColor,
                   dashPattern: option.dashPattern
                 };
                 break;
-              case 'flicker':
-                config.style.materialType = 'LineFlicker';
+              case "flicker":
+                config.style.materialType = "LineFlicker";
                 config.style.materialOptions = {
                   color: option.color,
                   speed: option.speed
                 };
                 break;
-              case 'flow':
-                config.style.materialType = 'LineFlow';
+              case "flow":
+                config.style.materialType = "LineFlow";
                 config.style.materialOptions = {
                   color: option.color,
                   image: option.image,
@@ -2012,8 +3057,8 @@
                   speed: option.speed
                 };
                 break;
-              case 'arrow':
-                config.style.materialType = 'PolylineArrow';
+              case "arrow":
+                config.style.materialType = "PolylineArrow";
                 config.style.materialOptions = {
                   color: option.color
                 };
@@ -2029,7 +3074,6 @@
           this.config = this.formatConfig(this.option);
           this.graphic.setOptions(this.config);
         }
-
         // flyTo(option = {}) {
         //   let config = {}
         //   if(option.height){
@@ -2043,13 +3087,12 @@
         value: function openPopup() {
           this.graphic.openPopup();
         }
-
-        /**
-         * 判断给定的经纬度坐标是否在某个多边形内
-         *
-         * @param {number} lng - 经度
-         * @param {number} lat - 纬度
-         * @returns {boolean} 返回一个布尔值，如果给定的坐标在多边形内则为true，否则为false
+        /**
+         * 判断给定的经纬度坐标是否在某个多边形内
+         *
+         * @param {number} lng - 经度
+         * @param {number} lat - 纬度
+         * @returns {boolean} 返回一个布尔值，如果给定的坐标在多边形内则为true，否则为false
          */
       }, {
         key: "isInPoly",
@@ -2062,11 +3105,11 @@
       function gaode_class(option) {
         var _this3;
         _classCallCheck(this, gaode_class);
-        _this3 = _callSuper(this, gaode_class);
-        _defineProperty(_this3, "id", null);
-        _defineProperty(_this3, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this3, "config", null);
-        _defineProperty(_this3, "graphic", null);
+        _this3 = _callSuper(this, gaode_class, [hnMap]);
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.graphic = null;
         _this3.id = option.id;
         deepMerge(_this3.option, option);
         _this3.config = _this3.formatConfig(_this3.option);
@@ -2092,18 +3135,153 @@
           };
         }
       }, {
-        key: "set",
-        value: function set(option) {
-          deepMerge(this.option, option);
-          this.config = this.formatConfig(this.option);
-          this.graphic.setOptions(this.config);
-          this.graphic.setPath(this.config.path);
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          this.graphic.setOptions(this.config);
+          this.graphic.setPath(this.config.path);
+        }
+      }]);
+    }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this4;
+        _classCallCheck(this, siji_class);
+        //   debugger;
+        _this4 = _callSuper(this, siji_class, [hnMap]);
+        _this4.type = "line";
+        _this4.id = null;
+        _this4.option = JSON.parse(JSON.stringify(defaultOption));
+        _this4.config = null;
+        _this4.graphic = null;
+        _this4.intervalId = null;
+        _this4.id = option.id;
+        deepMerge(_this4.option, option);
+        _this4.config = _this4.formatConfig(_this4.option);
+        // this.graphic = hnMap.map.map.addLayer(this.config);
+        return _this4;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "flickers",
+        value: function flickers(speed, isShow) {
+          if (this.intervalId !== null) {
+            clearInterval(this.intervalId);
+          }
+          var opacity = isShow ? 1 : 0;
+          var that = this;
+          this.intervalId = setInterval(function () {
+            isShow = !isShow;
+            opacity = isShow ? 1 : 0;
+            that.config["line-opacity"] = opacity;
+          }, speed);
+        }
+      }, {
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var config = {};
+          config = {
+            id: option.id,
+            type: "line",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: [{
+                  type: "Feature",
+                  geometry: {
+                    type: "LineString",
+                    coordinates: option.position
+                  },
+                  properties: Object.assign({
+                    id: option.id
+                  }, option.data)
+                }]
+              }
+            },
+            layout: {
+              "line-cap": "round",
+              "line-join": "round"
+            },
+            paint: {
+              "line-color": option.type == "dash" ? option.dashColor : option.color,
+              "line-width": Number(option.width),
+              "line-opacity": Number(option.opacity)
+            }
+          };
+          var isShow = true;
+          switch (option.type) {
+            case "line":
+              break;
+            case "dash":
+              config.paint["line-dasharray"] = [option.dashLength * 1, option.dashLength * 1];
+              break;
+            case "flicker":
+              this.flickers(option.speed * 1, isShow); // 调用 flickers 方法
+              break;
+          }
+          return config;
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          for (var key in this.config) {
+            if (this.config.hasOwnProperty(key)) {
+              if (key == "paint") {
+                for (var key2 in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config.id, key2, key2 == "line-opacity" || key2 == "line-width" ? Number(this.config[key][key2]) : this.config[key][key2]);
+                    if (option.type == "dash") {
+                      hnMap.map.map.setPaintProperty(this.config.id, "line-dasharray", [option.dashLength, option.dashLength]);
+                    }
+                    // else {
+                    //   hnMap.map.map.setPaintProperty(
+                    //     this.config.id,
+                    //     "line-dasharray",
+                    //     [0, 0]
+                    //   );
+                    // }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }, {
+        key: "openPopup",
+        value: function openPopup() {
+          this.graphic.openPopup();
+        }
+        /**
+         * 判断给定的经纬度坐标是否在某个多边形内
+         *
+         * @param {number} lng - 经度
+         * @param {number} lat - 纬度
+         * @returns {boolean} 返回一个布尔值，如果给定的坐标在多边形内则为true，否则为false
+         */
+      }, {
+        key: "isInPoly",
+        value: function isInPoly(lng, lat) {
+          return this.graphic.isInPoly(new mars3d.LngLatPoint(lng, lat));
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          if (this.intervalId) {
+            clearInterval(this.intervalId); // 清除定时器
+            this.intervalId = null; // 重置定时器ID
+          }
         }
       }]);
-    }(gaode_entity);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -2112,7 +3290,7 @@
     var defaultOption = {
       id: "",
       position: [],
-      type: 'color',
+      type: "color",
       radius: 20,
       color: "#ff0000",
       opacity: 1,
@@ -2126,20 +3304,20 @@
       outlineHighLightTaperPower: 1,
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null
     };
     var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'circle');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "circle";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
@@ -2150,6 +3328,8 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           var config = {
             id: option.id,
             position: new mars3d.LngLatPoint(option.position[0], option.position[1], option.position[2] || 0),
@@ -2163,17 +3343,17 @@
               outlineOpacity: option.outlineOpacity,
               scaleByDistance: option.scaleByDistance,
               distanceDisplayCondition: option.distanceDisplayCondition,
-              distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-              distanceDisplayCondition_near: option.distanceDisplayCondition_near,
+              distanceDisplayCondition_far: distanceDisplayCondition_far,
+              distanceDisplayCondition_near: distanceDisplayCondition_near,
               clampToGround: !option.position[2]
             },
             attr: option.data
           };
           switch (option.type) {
-            case 'color':
+            case "color":
               config.style.materialType = mars3d.MaterialType.Color;
               break;
-            case 'wave':
+            case "wave":
               config.style.materialType = mars3d.MaterialType.CircleWave;
               config.style.materialOptions = {
                 color: option.color,
@@ -2201,26 +3381,17 @@
           this.config = this.formatConfig(this.option);
           this.graphic.setOptions(this.config);
         }
-
-        // flyTo(option = {}) {
-        //   let config = {}
-        //   if(option.height){
-        //     config.scale = this.calculateScaleFromHeight(this.graphic, option.height)
-        //   }
-        //
-        //   this.graphic.flyTo(config);
-        // }
       }]);
     }(mars3d_entity);
     var gaode_class = /*#__PURE__*/function (_gaode_entity) {
       function gaode_class(option) {
         var _this2;
         _classCallCheck(this, gaode_class);
-        _this2 = _callSuper(this, gaode_class);
-        _defineProperty(_this2, "id", null);
-        _defineProperty(_this2, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this2, "config", null);
-        _defineProperty(_this2, "graphic", null);
+        _this2 = _callSuper(this, gaode_class, [hnMap]);
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
         _this2.id = option.id;
         deepMerge(_this2.option, option);
         _this2.config = _this2.formatConfig(_this2.option);
@@ -2256,9 +3427,77 @@
         }
       }]);
     }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this3;
+        _classCallCheck(this, siji_class);
+        _this3 = _callSuper(this, siji_class, [hnMap]);
+        _this3.type = "circle";
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.graphic = null;
+        _this3.id = option.id;
+        deepMerge(_this3.option, option);
+        _this3.config = _this3.formatConfig(_this3.option);
+        _this3.graphic = new SGMap.DrawCircleHandler(_this3.config);
+        return _this3;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var config = {
+            id: option.id,
+            map: hnMap.map.map,
+            // 允许编辑
+            enableEdit: false,
+            // 允许调整圆心
+            canMove: false,
+            // 设置非编辑状态下的图层颜色
+            drawColor: option.outlineColor,
+            // 设置编辑状态下的图层颜色
+            // editColor: "red",
+            style: {
+              // 设置非编辑状态下多边形面的样式
+              polygon: {
+                "fill-color": option.color,
+                // 填充颜色覆盖drawColor设置的颜色，呈现绿色
+                "fill-opacity": Number(option.opacity)
+              }
+            },
+            // 编辑数据
+            featuresList: []
+          };
+          return config;
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          this.graphic.remove();
+          this.graphic.clearData();
+          this.graphic = new SGMap.DrawCircleHandler(this.config);
+          var featureArr = {
+            type: "Feature",
+            properties: {
+              centerPoint: option.position,
+              radius: option.radius
+            },
+            geometry: {
+              type: "Polygon",
+              coordinates: []
+            }
+          };
+          this.graphic.addFeature(featureArr);
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -2275,20 +3514,20 @@
       outlineOpacity: 1,
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null
     };
     var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'retangle');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "retangle";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
@@ -2299,6 +3538,8 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           return {
             id: option.id,
             positions: option.position,
@@ -2311,8 +3552,8 @@
               outlineOpacity: option.outlineOpacity,
               scaleByDistance: option.scaleByDistance,
               distanceDisplayCondition: option.distanceDisplayCondition,
-              distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-              distanceDisplayCondition_near: option.distanceDisplayCondition_near,
+              distanceDisplayCondition_far: distanceDisplayCondition_far,
+              distanceDisplayCondition_near: distanceDisplayCondition_near,
               clampToGround: !option.position[0][2]
             },
             attr: option.data
@@ -2331,25 +3572,25 @@
       function gaode_class(option) {
         var _this2;
         _classCallCheck(this, gaode_class);
-        _this2 = _callSuper(this, gaode_class);
-        _defineProperty(_this2, "id", null);
-        _defineProperty(_this2, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this2, "config", null);
-        _defineProperty(_this2, "graphic", null);
+        _this2 = _callSuper(this, gaode_class, [hnMap]);
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
         _this2.id = option.id;
         deepMerge(_this2.option, option);
         _this2.config = _this2.formatConfig(_this2.option);
-        _this2.graphic = new AMap.Rectangle(_this2.config);
+        _this2.graphic = new AMap.Rectangle(_this2.config); //创建矩形
         return _this2;
       }
       _inherits(gaode_class, _gaode_entity);
       return _createClass(gaode_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
-          var amapPosition = wgs84ToGcj02Format(option.position);
-          var southWest = new AMap.LngLat(amapPosition[0][0], amapPosition[0][1]);
-          var northEast = new AMap.LngLat(amapPosition[1][0], amapPosition[1][1]);
-          var bounds = new AMap.Bounds(southWest, northEast);
+          var amapPosition = wgs84ToGcj02Format(option.position); //坐标转换
+          var southWest = new AMap.LngLat(amapPosition[0][0], amapPosition[0][1]); //
+          var northEast = new AMap.LngLat(amapPosition[1][0], amapPosition[1][1]); //
+          var bounds = new AMap.Bounds(southWest, northEast); // 创建矩形
           return {
             bounds: bounds,
             fillColor: option.color,
@@ -2373,9 +3614,87 @@
         }
       }]);
     }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this3;
+        _classCallCheck(this, siji_class);
+        _this3 = _callSuper(this, siji_class, [hnMap]);
+        _this3.type = "rectangle";
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.graphic = null;
+        _this3.id = option.id;
+        deepMerge(_this3.option, option);
+        _this3.config = _this3.formatConfig(_this3.option);
+        return _this3;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var RectanglePosition = createRectangleCoordinates(option.position[0], option.position[1]);
+          console.log([RectanglePosition], "========RectanglePosition=======");
+          var config = {
+            id: option.id,
+            type: "fill",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: [{
+                  type: "Feature",
+                  geometry: {
+                    type: "Polygon",
+                    coordinates: [RectanglePosition]
+                  }
+                }]
+              }
+            },
+            paint: {
+              "fill-color": option.color,
+              // 填充颜色覆盖drawColor设置的颜色，呈现绿色
+              "fill-opacity": Number(option.opacity)
+            }
+          };
+          return config;
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          var RectanglePosition = createRectangleCoordinates(option.position[0], option.position[1]);
+          var mySource = hnMap.map.map.getSource(this.config.id);
+          mySource.setData({
+            type: "FeatureCollection",
+            features: [{
+              type: "Feature",
+              geometry: {
+                type: "Polygon",
+                coordinates: [RectanglePosition] //三层数组[[0,0],[0,0]]
+              }
+            }]
+          });
+          for (var key in this.config) {
+            if (this.config.hasOwnProperty(key)) {
+              if (key == "paint") {
+                for (var key2 in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config.id, key2, this.config[key][key2]);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -2392,20 +3711,20 @@
       outlineOpacity: 1,
       scaleByDistance: true,
       distanceDisplayCondition: false,
-      distanceDisplayCondition_far: Number.MAX_VALUE,
-      distanceDisplayCondition_near: 0,
+      distanceDisplayCondition_far: 1,
+      distanceDisplayCondition_near: 18,
       data: null
     };
     var mars3d_class = /*#__PURE__*/function (_mars3d_entity) {
       function mars3d_class(option) {
         var _this;
         _classCallCheck(this, mars3d_class);
-        _this = _callSuper(this, mars3d_class);
-        _defineProperty(_this, "type", 'polygon');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config", null);
-        _defineProperty(_this, "graphic", null);
+        _this = _callSuper(this, mars3d_class, [hnMap]);
+        _this.type = "polygon";
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config = null;
+        _this.graphic = null;
         _this.id = option.id;
         deepMerge(_this.option, option);
         _this.config = _this.formatConfig(_this.option);
@@ -2416,6 +3735,8 @@
       return _createClass(mars3d_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
+          var distanceDisplayCondition_far = getLevelMiddleHeight(option.distanceDisplayCondition_far);
+          var distanceDisplayCondition_near = getLevelMiddleHeight(option.distanceDisplayCondition_near);
           return {
             id: option.id,
             positions: option.position,
@@ -2428,8 +3749,8 @@
               outlineOpacity: option.outlineOpacity,
               scaleByDistance: option.scaleByDistance,
               distanceDisplayCondition: option.distanceDisplayCondition,
-              distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-              distanceDisplayCondition_near: option.distanceDisplayCondition_near,
+              distanceDisplayCondition_far: distanceDisplayCondition_far,
+              distanceDisplayCondition_near: distanceDisplayCondition_near,
               clampToGround: option.position[0] && !option.position[0][2]
             },
             attr: option.data
@@ -2448,11 +3769,11 @@
       function gaode_class(option) {
         var _this2;
         _classCallCheck(this, gaode_class);
-        _this2 = _callSuper(this, gaode_class);
-        _defineProperty(_this2, "id", null);
-        _defineProperty(_this2, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this2, "config", null);
-        _defineProperty(_this2, "graphic", null);
+        _this2 = _callSuper(this, gaode_class, [hnMap]);
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config = null;
+        _this2.graphic = null;
         _this2.id = option.id;
         deepMerge(_this2.option, option);
         _this2.config = _this2.formatConfig(_this2.option);
@@ -2487,9 +3808,84 @@
         }
       }]);
     }(gaode_entity);
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      function siji_class(option) {
+        var _this3;
+        _classCallCheck(this, siji_class);
+        _this3 = _callSuper(this, siji_class, [hnMap]);
+        _this3.type = "polygon";
+        _this3.id = null;
+        _this3.option = JSON.parse(JSON.stringify(defaultOption));
+        _this3.config = null;
+        _this3.graphic = null;
+        _this3.id = option.id;
+        deepMerge(_this3.option, option);
+        _this3.config = _this3.formatConfig(_this3.option);
+        return _this3;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          var config = {
+            id: option.id,
+            type: "fill",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: [{
+                  type: "Feature",
+                  geometry: {
+                    type: "Polygon",
+                    coordinates: option.position
+                  }
+                }]
+              }
+            },
+            paint: {
+              "fill-color": option.color,
+              // 填充颜色覆盖drawColor设置的颜色，呈现绿色
+              "fill-opacity": Number(option.opacity)
+            }
+          };
+          return config;
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          this.config = this.formatConfig(this.option);
+          var mySource = hnMap.map.map.getSource(this.config.id);
+          mySource.setData({
+            type: "FeatureCollection",
+            features: [{
+              type: "Feature",
+              geometry: {
+                type: "Polygon",
+                coordinates: [option.position] //三层数组[[[0,0],[0,0]]]
+              }
+            }]
+          });
+          for (var key in this.config) {
+            if (this.config.hasOwnProperty(key)) {
+              if (key == "paint") {
+                for (var key2 in this.config[key]) {
+                  if (this.config[key].hasOwnProperty(key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config.id, key2, this.config[key][key2]);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -2499,14 +3895,15 @@
       id: "",
       position: [],
       speed: 10,
-      loop: false,
+      replaySpeed: 20,
+      clockLoop: false,
       image: {
-        src: null,
+        src: "",
         width: 10,
         height: 10
       },
       camera: {
-        type: '',
+        type: "",
         pitch: -30,
         radius: 500
       },
@@ -2517,16 +3914,32 @@
       path: {
         color: "#ff0000",
         width: 2
+      },
+      label: {
+        text: "",
+        // 文本内容
+        font_size: 16,
+        color: "#ffffff",
+        outline: false,
+        outlineColor: "#000000",
+        outlineWidth: 1,
+        outlineOpacity: 1,
+        // 描边透明度
+        horizontalOrigin: "left",
+        // 水平对齐方式
+        verticalOrigin: "bottom",
+        // 垂直对齐方式
+        pixelOffset: [0, 0]
       }
     };
     var mars3d_class = /*#__PURE__*/function () {
       function mars3d_class(option) {
         _classCallCheck(this, mars3d_class);
-        _defineProperty(this, "type", 'route');
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "graphic", null);
+        this.type = "route";
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.graphic = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -2539,10 +3952,12 @@
             id: option.id,
             speed: option.speed,
             positions: option.position,
-            clockLoop: option.loop,
+            // leadTime: option.leadTime,
+            clockLoop: option.clockLoop,
             // 是否循环播放
             camera: {
               type: option.camera.type,
+              // 轨迹类型
               pitch: option.camera.pitch,
               radius: option.camera.radius
             },
@@ -2551,6 +3966,7 @@
               width: option.image.width,
               height: option.image.height
             },
+            // Marker
             polyline: {
               color: option.polyline.color,
               width: option.polyline.width
@@ -2559,8 +3975,31 @@
             path: {
               color: option.path.color,
               width: option.path.width
-              // leadTime: 0,
-            }
+            },
+            // 轨迹
+            label: {
+              text: option.label.text,
+              // 文本内容
+              font_size: option.label.textSize,
+              color: option.label.color,
+              outline: option.label.outline,
+              outlineColor: option.label.outLineColor,
+              outlineWidth: option.label.outlineWidth,
+              outlineOpacity: option.label.outlineOpacity,
+              // 描边透明度
+              horizontalOrigin: option.label.horizontalOrigin,
+              // 水平对齐方式
+              verticalOrigin: option.label.verticalOrigin,
+              // 垂直对齐方式
+              pixelOffset: option.label.pixelOffset
+            },
+            // model: {
+            //   url: option.models.url, // 模型地址
+            //   scale: option.models.scale, // 模型缩放比例
+            //   minimumPixelSize: option.models.minimumPixelSize, // 模型最小尺寸
+            //   clampToGround: option.models.clampToGround, // 模型贴地
+            // },
+            attr: option.data
           };
         }
       }, {
@@ -2605,18 +4044,20 @@
     var gaode_class = /*#__PURE__*/function () {
       function gaode_class(option) {
         _classCallCheck(this, gaode_class);
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config_graphic", null);
-        _defineProperty(this, "config_path", null);
-        _defineProperty(this, "graphic", null);
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config_graphic = null;
+        this.config_path = null;
+        this.graphic = null;
+        this.pathLayer = null;
+        this.path = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config_graphic = this.formatConfigGraphic(this.option);
         this.config_path = this.formatConfigPath(this.option);
         this.graphic = new AMap.Marker(this.config_graphic);
         this.addPath();
-        this.graphic.on('moving', function (e) {
+        this.graphic.on("moving", function (e) {
           hnMap.map.map.setCenter(e.target.getPosition(), true);
         });
         hnMap.map.map.setFitView();
@@ -2643,12 +4084,12 @@
         value: function formatConfigPath(option) {
           var amapPosition = wgs84ToGcj02Format(option.position);
           return {
-            id: option.id + '_path',
+            id: option.id + "_path",
             position: amapPosition,
             width: option.polyline.width,
             color: option.polyline.color,
             data: {
-              id: option.id + '_path'
+              id: option.id + "_path"
             }
           };
         }
@@ -2665,7 +4106,7 @@
         key: "addPath",
         value: function addPath() {
           this.pathLayer = hnMap.map.addLayer(new hnMap.Layer({
-            id: this.id + '_path_layer'
+            id: this.id + "_path_layer"
           }));
           if (this.pathLayer) {
             this.path = new hnMap.Line(this.config_path);
@@ -2680,7 +4121,7 @@
             var t1 = turf.point(prev);
             var t2 = turf.point(next);
             var distance = turf.distance(t1, t2, {
-              units: 'meters'
+              units: "meters"
             });
             _this.graphic.moveAlong(_this.path.graphic._opts.path, {
               duration: Number(distance / _this.config_graphic.speed).toFixed(0),
@@ -2722,9 +4163,199 @@
         }
       }]);
     }();
+    var siji_class = /*#__PURE__*/function (_siji_entity) {
+      // timer: any = null;
+      function siji_class(option) {
+        var _this2;
+        _classCallCheck(this, siji_class);
+        _this2 = _callSuper(this, siji_class, [hnMap]);
+        _this2.type = "route";
+        _this2.id = null;
+        _this2.option = JSON.parse(JSON.stringify(defaultOption));
+        _this2.config_routeline = null;
+        _this2.config_routeplay = null;
+        _this2.imgMarker = null;
+        _this2.chunkData = null;
+        _this2.id = option.id;
+        deepMerge(_this2.option, option);
+        _this2.config_routeline = _this2.formatConfig(_this2.option);
+        _this2.config_routeplay = _this2.formatConfigPlay(_this2.option);
+        return _this2;
+      }
+      _inherits(siji_class, _siji_entity);
+      return _createClass(siji_class, [{
+        key: "formatConfig",
+        value: function formatConfig(option) {
+          return {
+            id: "route-line_" + option.id,
+            type: "line",
+            source: {
+              type: "geojson",
+              data: {
+                geometry: {
+                  type: "LineString",
+                  coordinates: option.position
+                },
+                properties: {},
+                type: "Feature"
+              }
+            },
+            layout: {
+              "line-join": "round",
+              "line-cap": "round"
+            },
+            paint: {
+              "line-color": option.polyline.color,
+              "line-width": Number(option.polyline.width)
+            }
+          };
+        }
+      }, {
+        key: "formatConfigPlay",
+        value: function formatConfigPlay(option) {
+          return {
+            id: "route-played_" + option.id,
+            type: "line",
+            source: {
+              type: "geojson",
+              data: {
+                type: "FeatureCollection",
+                features: []
+              }
+            },
+            layout: {
+              "line-join": "round",
+              "line-cap": "round"
+            },
+            paint: {
+              "line-color": option.path.color,
+              "line-width": Number(option.path.width)
+            }
+          };
+        }
+      }, {
+        key: "createCar",
+        value: function createCar() {
+          if (this.imgMarker) {
+            this.imgMarker.remove();
+          }
+          // 画marker点
+          var el = document.createElement("img");
+          el.src = this.option.image.src;
+          el.style.width = this.option.image.width + "px";
+          el.style.height = this.option.image.height + "px";
+          this.imgMarker = new SGMap.Marker(el).setLngLat(this.config_routeline.source.data.geometry.coordinates[0]).addTo(hnMap.map.map);
+        }
+      }, {
+        key: "joinLinePoint",
+        value: function joinLinePoint() {
+          // 播放速度，这里选择20倍播放速度
+          var replaySpeed = 20;
+          // 按照实际车辆跑的速度，每秒跑 60 / 3600 km
+          // 车辆位置按每秒刷新20帧算，1/20秒移动的距离为 60 / 3600 / 20 km
+          var step = 60 / 3600 / 20;
+          // 倍数播放时，每帧移动的步长为 step * replaySpeed
+          var scaleSpeed = step * replaySpeed;
+          // 线路根据步长scaleSpeed间隔进行插值，插值线总长/步长(distance/scaleSpeed)个点，得到chunkData
+          // 注意：线路长度一定，scaleSpeed越小，插值数量越多。线路长度很长的情况下，请调整replaySpeed，避免插值点数过多产生卡顿
+          this.chunkData = turf.lineChunk(this.config_routeline.source.data, scaleSpeed, {
+            units: "kilometers"
+          });
+          return this.chunkData;
+        }
+      }, {
+        key: "start",
+        value: function start() {
+          var _this3 = this;
+          var features = this.chunkData.features;
+          var max = features.length;
+          var order = 0;
+          var timer = setInterval(function () {
+            order++;
+            if (order >= max) {
+              clearInterval(timer);
+            } else {
+              var beforePoint = features[order - 1].geometry.coordinates[1];
+              var nowPoint = features[order].geometry.coordinates[1];
+              // 设置小车的位置
+              _this3.imgMarker.setLngLat(nowPoint);
+              // 设置小车的方向
+              var bearing = turf.bearing(turf.point(beforePoint), turf.point(nowPoint));
+              bearing && _this3.imgMarker.setRotation(bearing - 90);
+              // 更新已走过的线路图层数据
+              _this3.readerReplayedRouterLayer(order, _this3.option);
+            }
+          }, 1000 / 20); // 间隔1000 / 20执行一次，每秒执行20次，可以和上面计算线路的时间间隔配合
+        }
+      }, {
+        key: "readerReplayedRouterLayer",
+        value: function readerReplayedRouterLayer(order, option) {
+          hnMap.map.map.getSource("route-played_" + option.id).setData({
+            type: "FeatureCollection",
+            features: this.chunkData.features.slice(0, order + 1)
+          });
+        }
+      }, {
+        key: "set",
+        value: function set(option) {
+          deepMerge(this.option, option);
+          if (this.imgMarker) {
+            this.imgMarker.remove();
+          }
+          this.createCar();
+          this.config_routeline = this.formatConfig(this.option);
+          var mySource_routeline = hnMap.map.map.getSource(this.config_routeline.id);
+          mySource_routeline.setData({
+            geometry: {
+              type: "LineString",
+              coordinates: option.position
+            },
+            properties: option.data,
+            type: "Feature"
+          });
+          for (var key in this.config_routeline) {
+            if (this.config_routeline.hasOwnProperty(key)) {
+              if (key == "paint") {
+                for (var key2 in this.config_routeline[key]) {
+                  if (this.config_routeline[key].hasOwnProperty(key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config_routeline.id, key2, this.config_routeline[key][key2]);
+                  }
+                }
+              }
+            }
+          }
+          this.config_routeplay = this.formatConfigPlay(this.option);
+          var mySource_routeplay = hnMap.map.map.getSource(this.config_routeplay.id);
+          mySource_routeplay.setData({
+            geometry: {
+              type: "LineString",
+              coordinates: option.position
+            },
+            properties: option.data,
+            type: "Feature"
+          });
+          for (var _key in this.config_routeplay) {
+            if (this.config_routeplay.hasOwnProperty(_key)) {
+              if (_key == "paint") {
+                for (var _key2 in this.config_routeplay[_key]) {
+                  if (this.config_routeplay[_key].hasOwnProperty(_key2)) {
+                    // 遍历 paint 属性
+                    hnMap.map.map.setPaintProperty(this.config_routeplay.id, _key2, this.config_routeplay[_key][_key2]);
+                  }
+                }
+              }
+            }
+          }
+          this.joinLinePoint();
+          this.start();
+        }
+      }]);
+    }(siji_entity);
     var fn = {
       mars3d: mars3d_class,
-      gaode: gaode_class
+      gaode: gaode_class,
+      siji: siji_class
     };
     return fn[hnMap.mapType];
   });
@@ -2749,11 +4380,11 @@
     var mars3d_class = /*#__PURE__*/function () {
       function mars3d_class(option) {
         _classCallCheck(this, mars3d_class);
-        _defineProperty(this, "type", 'heatMap');
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "layerEntity", null);
+        this.type = 'heatMap';
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.layerEntity = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -2833,10 +4464,10 @@
     var gaode_class = /*#__PURE__*/function () {
       function gaode_class(option) {
         _classCallCheck(this, gaode_class);
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "layerEntity", null);
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.layerEntity = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -2926,13 +4557,13 @@
         var _this;
         _classCallCheck(this, mars3d_class);
         _this = _callSuper(this, mars3d_class, [option]);
-        _defineProperty(_this, "type", 'cluster');
-        _defineProperty(_this, "id", null);
-        _defineProperty(_this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(_this, "config_layer", null);
-        _defineProperty(_this, "config_label", null);
-        _defineProperty(_this, "children", null);
-        _defineProperty(_this, "layerEntity", null);
+        _this.type = 'cluster';
+        _this.id = null;
+        _this.option = JSON.parse(JSON.stringify(defaultOption));
+        _this.config_layer = null;
+        _this.config_label = null;
+        _this.children = null;
+        _this.layerEntity = null;
         _this.id = option.id;
         _this.children = [];
         deepMerge(_this.option, option);
@@ -2941,7 +4572,6 @@
         _this.layerEntity = new mars3d.layer.GraphicLayer(_this.config_layer);
         return _this;
       }
-
       // 格式化layer配置
       _inherits(mars3d_class, _Layer);
       return _createClass(mars3d_class, [{
@@ -2955,7 +4585,6 @@
             }
           };
         }
-
         // 格式化点位配置
       }, {
         key: "formatConfigLabel",
@@ -3007,7 +4636,6 @@
             return v.id !== _this3.id;
           });
         }
-
         // 添加属性弹窗
       }, {
         key: "addPopupByAttr",
@@ -3021,13 +4649,13 @@
             });
           });
         }
-
         // 添加自定义dom弹窗
       }, {
         key: "addCustomPopup",
         value: function addCustomPopup(getCustomDom) {
-          this.layerEntity.bindPopup(/*#__PURE__*/function () {
-            var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
+          var _this4 = this;
+          this.layerEntity.bindPopup(function (event) {
+            return __awaiter(_this4, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
               var data;
               return _regenerator().w(function (_context) {
                 while (1) switch (_context.n) {
@@ -3046,10 +4674,7 @@
                 }
               }, _callee);
             }));
-            return function (_x) {
-              return _ref.apply(this, arguments);
-            };
-          }(), {
+          }, {
             offsetY: -20
           });
         }
@@ -3074,7 +4699,6 @@
           }
           return entity;
         }
-
         // 手动打开聚合功能
       }, {
         key: "openCluster",
@@ -3085,7 +4709,6 @@
           this.config_layer = this.formatConfigLayer(this.option);
           this.layerEntity.clusterEnabled = true;
         }
-
         // 手动关闭聚合功能
       }, {
         key: "closeCluster",
@@ -3097,16 +4720,16 @@
           this.layerEntity.clusterEnabled = false;
         }
       }]);
-    }(layer);
+    }(layer(hnMap));
     var gaode_class = /*#__PURE__*/function () {
       function gaode_class(option) {
         _classCallCheck(this, gaode_class);
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "layerEntity", null);
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.layerEntity = null;
         // 创建全局信息窗口实例
-        _defineProperty(this, "infoWindow", null);
+        this.infoWindow = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -3115,13 +4738,13 @@
       return _createClass(gaode_class, [{
         key: "formatConfig",
         value: function formatConfig(option) {
-          var _this4 = this;
+          var _this5 = this;
           var position = option.position.map(function (item, index) {
             return {
               lnglat: wgs84ToGcj02Format(item),
               // 添加弹窗属性参数
               extData: {
-                id: _this4.id + '_point' + index
+                id: _this5.id + '_point' + index
               }
             };
           });
@@ -3150,9 +4773,9 @@
           };
           var _renderMarker = function _renderMarker(context) {
             var icon = new AMap.Icon({
-              image: _this4.option.style.image,
-              imageSize: new AMap.Size(_this4.option.style.height, _this4.option.style.width),
-              size: new AMap.Size(_this4.option.style.height, _this4.option.style.width)
+              image: _this5.option.style.image,
+              imageSize: new AMap.Size(_this5.option.style.height, _this5.option.style.width),
+              size: new AMap.Size(_this5.option.style.height, _this5.option.style.width)
             });
             context.marker.setIcon(icon);
           };
@@ -3179,10 +4802,10 @@
       }, {
         key: "destroy",
         value: function destroy() {
-          var _this5 = this;
+          var _this6 = this;
           this.layerEntity.setMap(null);
           hnMap.map.layerList = hnMap.map.layerList.filter(function (v) {
-            return v.id !== _this5.id;
+            return v.id !== _this6.id;
           });
         }
       }, {
@@ -3198,12 +4821,11 @@
           var centerLat = totalLat / this.config.position.length;
           hnMap.map.map.setCenter([centerLng, centerLat]);
         }
-
         // 添加属性弹窗
       }, {
         key: "addPopupByAttr",
         value: function addPopupByAttr() {
-          var _this6 = this;
+          var _this7 = this;
           if (!this.infoWindow) {
             this.infoWindow = new AMap.InfoWindow({
               offset: new AMap.Pixel(0, -30)
@@ -3216,17 +4838,16 @@
               for (var key in data) {
                 content += "<div>".concat(key, ": ").concat(data[key], "</div>");
               }
-              _this6.infoWindow.setContent(content);
-              _this6.infoWindow.open(hnMap.map.map, cluster.marker._position);
+              _this7.infoWindow.setContent(content);
+              _this7.infoWindow.open(hnMap.map.map, cluster.marker._position);
             }
           });
         }
-
         // 添加自定义dom弹窗
       }, {
         key: "addCustomPopup",
         value: function addCustomPopup(getCustomDom) {
-          var _this7 = this;
+          var _this8 = this;
           if (!this.infoWindow) {
             this.infoWindow = new AMap.InfoWindow({
               offset: new AMap.Pixel(0, -30)
@@ -3236,8 +4857,8 @@
             if (cluster.clusterData.length === 1) {
               var data = cluster.clusterData[0].extData;
               var dom = getCustomDom(data);
-              _this7.infoWindow.setContent(dom);
-              _this7.infoWindow.open(hnMap.map.map, cluster.marker._position);
+              _this8.infoWindow.setContent(dom);
+              _this8.infoWindow.open(hnMap.map.map, cluster.marker._position);
             }
           });
         }
@@ -3262,11 +4883,11 @@
     var mars3d_class = /*#__PURE__*/function () {
       function mars3d_class(option) {
         _classCallCheck(this, mars3d_class);
-        _defineProperty(this, "type", 'pointCloud');
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "layerEntity", null);
+        this.type = 'pointCloud';
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.layerEntity = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -3303,7 +4924,6 @@
             return v.id !== _this.id;
           });
         }
-
         // 添加属性弹窗
       }, {
         key: "addPopupByAttr",
@@ -3370,11 +4990,11 @@
     var mars3d_class = /*#__PURE__*/function () {
       function mars3d_class(option) {
         _classCallCheck(this, mars3d_class);
-        _defineProperty(this, "type", 'geoJson');
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "layerEntity", null);
+        this.type = 'geoJson';
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.layerEntity = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -3447,7 +5067,6 @@
         value: function flyTo() {
           this.layerEntity.flyTo();
         }
-
         // 添加属性弹窗
       }, {
         key: "addPopupByAttr",
@@ -3463,13 +5082,13 @@
             }
           });
         }
-
         // 添加自定义dom弹窗
       }, {
         key: "addCustomPopup",
         value: function addCustomPopup(getCustomDom) {
-          this.layerEntity.bindPopup(/*#__PURE__*/function () {
-            var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
+          var _this2 = this;
+          this.layerEntity.bindPopup(function (event) {
+            return __awaiter(_this2, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
               var data;
               return _regenerator().w(function (_context) {
                 while (1) switch (_context.n) {
@@ -3488,10 +5107,7 @@
                 }
               }, _callee);
             }));
-            return function (_x) {
-              return _ref.apply(this, arguments);
-            };
-          }(), {
+          }, {
             offsetY: -20
           });
         }
@@ -3500,10 +5116,10 @@
     var gaode_class = /*#__PURE__*/function () {
       function gaode_class(option) {
         _classCallCheck(this, gaode_class);
-        _defineProperty(this, "id", null);
-        _defineProperty(this, "option", JSON.parse(JSON.stringify(defaultOption)));
-        _defineProperty(this, "config", null);
-        _defineProperty(this, "layerEntity", null);
+        this.id = null;
+        this.option = JSON.parse(JSON.stringify(defaultOption));
+        this.config = null;
+        this.layerEntity = null;
         this.id = option.id;
         deepMerge(this.option, option);
         this.config = this.formatConfig(this.option);
@@ -3532,10 +5148,10 @@
       }, {
         key: "destroy",
         value: function destroy() {
-          var _this2 = this;
+          var _this3 = this;
           this.layerEntity.setMap(null);
           hnMap.map.layerList = hnMap.map.layerList.filter(function (v) {
-            return v.id !== _this2.id;
+            return v.id !== _this3.id;
           });
         }
       }, {
@@ -3550,123 +5166,215 @@
     return fn[hnMap.mapType];
   });
 
-  var hnMap = /*#__PURE__*/function () {
-    function hnMap(id, option, mapType) {
-      _classCallCheck(this, hnMap);
-      _defineProperty(this, "id", null);
-      _defineProperty(this, "option", null);
-      _defineProperty(this, "mapType", null);
-      if (!hnMap.allowConstruction) {
-        throw new Error('此构造方法不允许直接调用，请调用create方法进行实例化');
+  /**
+   * HnMap类是一个地图工具类，用于创建和管理地图对象及其相关元素
+   */
+  var HnMap = /*#__PURE__*/function () {
+    /**
+     * HnMap类的构造函数
+     * @param id 地图容器的ID
+     * @param option 地图的配置选项
+     * @param mapType 地图的类型
+     * @param map
+     */
+    function HnMap(id, option, mapType, map) {
+      _classCallCheck(this, HnMap);
+      this.id = null;
+      this.option = null;
+      this.mapType = null;
+      this.map = null;
+      this.Layer = null;
+      this.Point = null;
+      this.NumPoint = null;
+      this.ImagePoint = null;
+      this.DivPoint = null;
+      this.Label = null;
+      this.Line = null;
+      this.Circle = null;
+      this.Rectangle = null;
+      this.Polygon = null;
+      this.Route = null;
+      this.HeatMap = null;
+      this.Cluster = null;
+      this.PointCloud = null;
+      this.GeoJson = null;
+      if (!HnMap.allowConstruction) {
+        throw new Error("请使用 HnMap.create() 创建实例");
       }
       this.id = id;
       this.option = option;
-      // 地图类型
       this.mapType = mapType;
-
-      // 获取及创建地图对象
-      var Map = map(this);
-      this.map = new Map(this.id, this.option);
-      this.Layer = layer(this);
-
-      // 添加地图矢量图形类
-      this.Point = point(this);
-      this.NumPoint = numPoint(this);
-      this.ImagePoint = imagePoint(this);
-      this.DivPoint = divPoint(this);
-      this.Label = label(this);
-      this.Line = line(this);
-      this.Circle = circle(this);
-      this.Rectangle = rectangle(this);
-      this.Polygon = polygon(this);
-      this.Route = route(this);
-      this.HeatMap = heatMap(this);
-      this.Cluster = cluster(this);
-      this.PointCloud = pointCloud(this);
-      this.GeoJson = geoJson(this);
+      this.map = map; // ✅ 此时 map 已创建
     }
-    return _createClass(hnMap, null, [{
+    /**
+     * 创建HnMap实例的方法
+     * @param id 地图容器的ID
+     * @param option 地图的配置选项
+     * @param mapType 地图的类型
+     */
+    return _createClass(HnMap, [{
+      key: "initModules",
+      value:
+      // ✅ 添加一个初始化方法，用于注册所有图形类
+      function initModules() {
+        this.Layer = layer(this);
+        this.Point = point(this);
+        this.NumPoint = numPoint(this);
+        this.ImagePoint = imagePoint(this);
+        this.DivPoint = divPoint(this);
+        this.Label = label(this);
+        this.Line = line(this);
+        this.Circle = circle(this);
+        this.Rectangle = rectangle(this);
+        this.Polygon = polygon(this);
+        this.Route = route(this);
+        this.HeatMap = heatMap(this);
+        this.Cluster = cluster(this);
+        this.PointCloud = pointCloud(this);
+        this.GeoJson = geoJson(this);
+      }
+    }], [{
       key: "create",
-      value: function () {
-        var _create = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(id, option, mapType) {
-          var _t;
+      value: function create(id, option, mapType) {
+        return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+          var basePath, MapClass, innerMap, instance, _t;
           return _regenerator().w(function (_context) {
-            while (1) switch (_context.n) {
+            while (1) switch (_context.p = _context.n) {
               case 0:
-                hnMap.allowConstruction = true;
+                // 判断是否在子路径下
+                basePath = window.location.pathname.endsWith("/") ? window.location.pathname : window.location.pathname.substring(0, window.location.pathname.lastIndexOf("/") + 1);
+                _context.n = 1;
+                return loadResource(basePath + "lib/turf/turf.min.js", "js");
+              case 1:
                 _t = mapType;
-                _context.n = _t === 'mars3d' ? 1 : _t === 'gaode' ? 9 : _t === 'siji' ? 13 : 14;
+                _context.n = _t === "mars3d" ? 2 : _t === "gaode" ? 9 : _t === "siji" ? 13 : 17;
                 break;
-              case 1:
-                _context.n = 2;
-                return loadResource('/lib/Cesium/Widgets/widgets.css', 'css');
               case 2:
                 _context.n = 3;
-                return loadResource('/lib/Cesium/Cesium.js', 'js');
+                return loadResource(basePath + "lib/Cesium/Widgets/widgets.css", "css");
               case 3:
                 _context.n = 4;
-                return loadResource('/lib/turf/turf.min.js', 'js');
+                return loadResource(basePath + "lib/Cesium/Cesium.js", "js");
               case 4:
                 _context.n = 5;
-                return loadResource('/lib/mars3d/mars3d.css', 'css');
+                return loadResource(basePath + "lib/mars3d/mars3d.css", "css");
               case 5:
                 _context.n = 6;
-                return loadResource('/lib/mars3d/mars3d.js', 'js');
+                return loadResource(basePath + "lib/mars3d/mars3d.js", "js");
               case 6:
                 _context.n = 7;
-                return loadResource('/lib/mars3d/plugins/heatmap/heatmap.js', 'js');
+                return loadResource(basePath + "lib/mars3d/plugins/heatmap/heatmap.js", "js");
               case 7:
                 _context.n = 8;
-                return loadResource('/lib/mars3d/plugins/heatmap/mars3d-heatmap.js', 'js');
+                return loadResource(basePath + "lib/mars3d/plugins/heatmap/mars3d-heatmap.js", "js");
               case 8:
-                return _context.a(3, 14);
+                return _context.a(3, 17);
               case 9:
                 _context.n = 10;
-                return loadResource("https://webapi.amap.com/maps?v=2.0&key=".concat(option.gaode_key, "&plugin=AMap.HeatMap,AMap.MarkerCluster,AMap.MoveAnimation"), 'js');
+                return loadResource("https://webapi.amap.com/maps?v=2.0&key=".concat(option.gaode_key, "&plugin=AMap.HeatMap,AMap.MarkerCluster,AMap.MoveAnimation"), "js");
               case 10:
                 _context.n = 11;
-                return loadResource('https://a.amap.com/jsapi_demos/static/data3d/lib/three.117.js', 'js');
+                return loadResource("https://a.amap.com/jsapi_demos/static/data3d/lib/three.117.js", "js");
               case 11:
                 _context.n = 12;
-                return loadResource('https://a.amap.com/jsapi_demos/static/data3d/lib/GLTFLoader.117.min.js', 'js');
+                return loadResource("https://a.amap.com/jsapi_demos/static/data3d/lib/GLTFLoader.117.min.js", "js");
               case 12:
-                return _context.a(3, 14);
+                return _context.a(3, 17);
               case 13:
                 _context.n = 14;
-                return loadResource('https://map.sgcc.com.cn/maps?v=3.0.0', 'js');
+                return loadResource("https://map.sgcc.com.cn/maps?v=3.0.0", "js");
               case 14:
-                return _context.a(2, new hnMap(id, option, mapType));
+                _context.n = 15;
+                return SGMap.tokenTask.login(option.sj_app_key, option.sj_app_secret);
+              case 15:
+                _context.n = 16;
+                return SGMap.plugin(["SGMap.DrawPolygonHandler", "SGMap.DrawCircleHandler", "SGMap.DrawRectangleHandler", "SGMap.GeocodingTask"]);
+              case 16:
+                return _context.a(3, 17);
+              case 17:
+                // 2. 创建地图对象
+                MapClass = map({
+                  id: id,
+                  option: option,
+                  mapType: mapType
+                }); // 假设 map 是一个工厂
+                _context.n = 18;
+                return MapClass.create(id, option);
+              case 18:
+                innerMap = _context.v;
+                // 真正的地图实例
+                // 3. 创建 HnMap 实例（此时传入 map）
+                HnMap.allowConstruction = true;
+                _context.p = 19;
+                instance = new HnMap(id, option, mapType, innerMap); // 4. ✅ 此时 this.map 已存在，再初始化所有模块
+                instance.initModules();
+                return _context.a(2, instance);
+              case 20:
+                _context.p = 20;
+                HnMap.allowConstruction = false;
+                return _context.f(20);
+              case 21:
+                return _context.a(2);
             }
-          }, _callee);
+          }, _callee, null, [[19,, 20, 21]]);
         }));
-        function create(_x, _x2, _x3) {
-          return _create.apply(this, arguments);
-        }
-        return create;
-      }()
+      }
     }]);
-  }();
-  // 允许构造函数
-  _defineProperty(hnMap, "allowConstruction", false);
+  }(); // 允许构造函数
+  HnMap.allowConstruction = false;
+  /**
+   * 检查资源是否已加载
+   * @param path 资源的路径
+   * @returns {boolean} 资源是否已加载
+   */
+  var isResourceLoaded = function isResourceLoaded(path) {
+    // 检查脚本
+    var scripts = Array.from(document.getElementsByTagName("script"));
+    if (scripts.some(function (script) {
+      return script.src.includes(path);
+    })) {
+      return true;
+    }
+    // 检查样式
+    var links = Array.from(document.getElementsByTagName("link"));
+    return links.some(function (link) {
+      return link.href.includes(path);
+    });
+  };
+  /**
+   * 加载资源的方法
+   * @param path 资源的路径
+   * @param type 资源的类型，'css'或'js'
+   * @returns {Promise<void>} 加载完成的Promise
+   */
   var loadResource = function loadResource(path, type) {
     return new Promise(function (resolve, reject) {
-      if (type === 'css') {
-        var link = document.createElement('link');
-        link.rel = 'stylesheet';
+      // 如果资源已加载，直接返回
+      if (isResourceLoaded(path)) {
+        resolve();
+        return;
+      }
+      if (type === "css") {
+        var link = document.createElement("link");
+        link.rel = "stylesheet";
         link.href = path;
-        link.onload = resolve;
+        link.onload = function () {
+          return resolve();
+        };
         link.onerror = reject;
         document.head.appendChild(link);
       } else {
-        var script = document.createElement('script');
+        var script = document.createElement("script");
         script.src = path;
-        script.onload = resolve;
+        script.onload = function () {
+          return resolve();
+        };
         script.onerror = reject;
         document.body.appendChild(script);
       }
     });
   };
 
-  return hnMap;
+  return HnMap;
 
 }));