@vtx/map 1.2.30 → 6.0.0-beta.1

package/lib/VtxMap/OlMap/Map.js

@@ -3,53 +3,60 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _default2 = _interopRequireDefault(require("../../default"));
+var _default2 = _interopRequireWildcard(require("../../default"));
 var _MapToolFunction = require("../MapToolFunction");
 var _immutable = _interopRequireDefault(require("immutable"));
-var _lodash = require("lodash");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _isArray = _interopRequireDefault(require("lodash-es/isArray"));
+var _isEmpty = _interopRequireDefault(require("lodash-es/isEmpty"));
+var _get = _interopRequireDefault(require("lodash-es/get"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 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 _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; } }
-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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } //公共地址配置
-var Set = _immutable["default"].Set;
+var Set = _immutable.default.Set;
 var defaultMarker = require("../images/defaultMarker.png");
 var OlMap = /*#__PURE__*/function (_React$Component) {
+  _inherits(OlMap, _React$Component);
+  var _super = _createSuper(OlMap);
   function OlMap(props) {
     var _this;
     _classCallCheck(this, OlMap);
-    _this = _callSuper(this, OlMap, [props]);
+    _this = _super.call(this, props);
     // 加载图层
-    _defineProperty(_this, "loadLayers", function () {
+    _defineProperty(_assertThisInitialized(_this), "loadLayers", function () {
       var nextLayers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var currentLayers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var first = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var t = _this;
+      var t = _assertThisInitialized(_this);
       // 对比图层的变化，找出需要新增和需要删除的。
       var addLayers = nextLayers.filter(function (item) {
         return !currentLayers.map(function (e) {
@@ -71,16 +78,16 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       }
       if (addLayers.length > 0) {
         addLayers.map(function (item) {
-          if (item.coverage.startsWith("http") || item.coverage.startsWith('/')) {
+          if (item.coverage.startsWith("http") || item.coverage.startsWith("/")) {
             switch (item.type) {
               // 超图
-              case 'superMap':
+              case "superMap":
                 t.addSuperMapLayer(item.coverage);
                 break;
-              case 'geoServer':
+              case "geoServer":
                 t.addGeoServerLayer(item.coverage);
                 break;
-              case 'geoServer_image':
+              case "geoServer_image":
                 t.addGeoServerImageLayer(item);
                 break;
               default:
@@ -88,10 +95,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             }
           } else if (item.coverage.indexOf("WMTS") > -1) {
             t.addTileLayer(JSON.parse(item.coverage));
-          } else if (item.coverage == 'customLayer') {
+          } else if (item.coverage == "customLayer") {
             var layers = item.initLayer();
             if (layers) {
-              if ((0, _lodash.isArray)(layers)) {
+              if ((0, _isArray.default)(layers)) {
                 layers.map(function (layer) {
                   t.state.gis.addLayer(layer);
                 });
@@ -102,7 +109,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           } else if (OL_SCREEN[item.coverage]) {
             if (first) {
               var _layers = eval(OL_SCREEN[item.coverage].initLayer);
-              if ((0, _lodash.isArray)(_layers)) {
+              if ((0, _isArray.default)(_layers)) {
                 _layers.map(function (layer) {
                   t.state.gis.addLayer(layer);
                 });
@@ -115,7 +122,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       } else {
         if (first) {
           var layers = eval(OL_SCREEN.tmap_normal.initLayer);
-          if ((0, _lodash.isArray)(layers)) {
+          if ((0, _isArray.default)(layers)) {
             layers.map(function (layer) {
               t.state.gis.addLayer(layer);
             });
@@ -126,8 +133,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       }
     });
     _this.zIndexGraphics = []; //需要放在最后的图元,zoom和pan时刷新dom到最后
-    _this.htmlPointsId = 'vtx_gmap_html_points'; //html点位容器id class管理
-    _this.pointCollectionId = 'vtx_gmap_html_pointCollection'; //海量点canvas点位容器id class管理
+    _this.htmlPointsId = "vtx_gmap_html_points"; //html点位容器id class管理
+    _this.pointCollectionId = "vtx_gmap_html_pointCollection"; //海量点canvas点位容器id class管理
     _this.Label = {}; //所有label 集合
     _this.labelLayer = {
       x: 0,
@@ -144,7 +151,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     _this.drawToolbar = null; //地图绘制对象即interaction
     _this.drawParam = {}; //缓存 绘制的数据
     _this.editToolbar = null; //编辑对象
-    _this.editId = ''; //当前编辑的图元id
+    _this.editId = ""; //当前编辑的图元id
     _this.drawSource = null;
     _this.drawVector = null;
     // 图元绘制保存
@@ -194,8 +201,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       measureTooltip: null,
       deleteToolTipElement: null,
       deleteToolTip: null,
-      continuePolygonMsg: '点击继续绘制图形',
-      continueLineMsg: '点击继续绘制线',
+      continuePolygonMsg: "点击继续绘制图形",
+      continueLineMsg: "点击继续绘制线",
       listener: null,
       drawElements: [],
       drawLayer: null,
@@ -224,7 +231,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       //地图上面的ids
       circleIds: [],
       //地图上圆的ids
-      editGraphic: '',
+      editGraphic: "",
       //当前编辑完后图元所有数据
       boundaryInfo: [],
       //当前画出的边界线的id和区域名
@@ -244,37 +251,38 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   // 引入ol样式
-  _inherits(OlMap, _React$Component);
-  return _createClass(OlMap, [{
+  _createClass(OlMap, [{
     key: "loadMapJs",
     value: function loadMapJs() {
       this.loadMapComplete = new Promise(function (resolve, reject) {
-        if (window.OlMap) {
-          resolve(window.OlMap);
-        } else {
-          $.getScript("".concat(_default2["default"].openlayerServerURL, "/ol.js"), function () {
-            var PointCollection = new Promise(function (resolve, reject) {
-              $.getScript("".concat(_default2["default"].mapServerURL, "/GPointCollection.js"), function () {
-                resolve();
+        (0, _default2.ensurejQuery)().then(function () {
+          if (window.OlMap) {
+            resolve(window.OlMap);
+          } else {
+            $.getScript("".concat(_default2.default.openlayerServerURL, "/ol.js"), function () {
+              var PointCollection = new Promise(function (resolve, reject) {
+                $.getScript("".concat(_default2.default.mapServerURL, "/GPointCollection.js"), function () {
+                  resolve();
+                });
               });
-            });
-            var Client9 = new Promise(function (resolve, reject) {
-              $.getScript("".concat(_default2["default"].openlayerServerURL, "/iclient-openlayers.min.js"), function () {
-                resolve();
+              var Client9 = new Promise(function (resolve, reject) {
+                $.getScript("".concat(_default2.default.openlayerServerURL, "/iclient-openlayers.min.js"), function () {
+                  resolve();
+                });
+              });
+              Promise.all([PointCollection, Client9]).then(function () {
+                resolve(window.OlMap);
               });
             });
-            Promise.all([PointCollection, Client9]).then(function () {
-              resolve(window.OlMap);
-            });
-          });
-          $.getScript("".concat(_default2["default"].openlayerServerURL, "/bd09.js"));
-          $.getScript("".concat(_default2["default"].openlayerServerURL, "/olScreen.js"));
-          $('<link>').attr({
-            rel: 'stylesheet',
-            type: 'text/css',
-            href: "".concat(_default2["default"].openlayerServerURL, "/ol.css")
-          }).appendTo('head');
-        }
+            $.getScript("".concat(_default2.default.openlayerServerURL, "/bd09.js"));
+            $.getScript("".concat(_default2.default.openlayerServerURL, "/olScreen.js"));
+            $("<link>").attr({
+              rel: "stylesheet",
+              type: "text/css",
+              href: "".concat(_default2.default.openlayerServerURL, "/ol.css")
+            }).appendTo("head");
+          }
+        });
       });
     }
     // 初始化地圖
@@ -356,29 +364,29 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         var overall_feature = null; //鼠标移入事件时记录当前的feature，为鼠标移出要素时保存操作的要素对象
         var dragAddMoveFlag = false; //记录地图拖拽和移动事件
         // 地图开始加载时
-        gis.on('loadstart', function () {
+        gis.on("loadstart", function () {
           if (gis.getTargetElement()) {
-            gis.getTargetElement().classList.add('spinner');
+            gis.getTargetElement().classList.add("spinner");
           }
         });
         // 地图加载结束时
-        gis.on('loadend', function () {
+        gis.on("loadend", function () {
           if (gis.getTargetElement()) {
-            gis.getTargetElement().classList.remove('spinner');
+            gis.getTargetElement().classList.remove("spinner");
           }
         });
         // 地图双击事件
-        gis.on('dbclick', function (evt) {});
+        gis.on("dbclick", function (evt) {});
         // 地图点击事件
-        gis.on('singleclick', function (evt) {
+        gis.on("singleclick", function (evt) {
           var feature = gis.forEachFeatureAtPixel(evt.pixel, function (feature) {
             return feature;
           });
           if (feature) {
             var target = feature.getProperties();
-            var id = '';
-            var elementId = '';
-            if ((0, _lodash.isArray)(target.features)) {
+            var id = "";
+            var elementId = "";
+            if ((0, _isArray.default)(target.features)) {
               // 处理聚合点击
               var properties = target.features[0].getProperties();
               id = properties.id;
@@ -396,11 +404,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         // 鼠标移动事件 - 当鼠标指向要素时改变光标状态
-        gis.on('pointermove', function (evt) {
+        gis.on("pointermove", function (evt) {
           var pixel = gis.getEventPixel(evt.originalEvent);
           var hit = gis.hasFeatureAtPixel(pixel);
           if (gis.getTargetElement()) {
-            gis.getTargetElement().style.cursor = hit ? 'pointer' : 'default';
+            gis.getTargetElement().style.cursor = hit ? "pointer" : "default";
           }
           // 获取到当前鼠标移动下的feature
           var feature = gis.forEachFeatureAtPixel(pixel, function (feature, layer) {
@@ -413,7 +421,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           } else {
             if (overall_feature) {
               overall_feature.dispatchEvent({
-                type: 'mousein',
+                type: "mousein",
                 event: evt
               });
               var _values = overall_feature.getProperties();
@@ -423,14 +431,14 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         // 鼠标拖拽事件 - 拖拽开始即是地图移动开始
-        gis.on('pointerdrag', function (evt) {
+        gis.on("pointerdrag", function (evt) {
           dragAddMoveFlag = true;
           t.dragMapStart(evt);
           t.moveStart(evt);
         });
         var zoom = 0;
         // 地图移动事件 - 移动结束即是拖拽事件结束 也是地图缩放事件（无开始和结束事件）的监听
-        gis.on('moveend', function (evt) {
+        gis.on("moveend", function (evt) {
           t.dragMapEnd(evt);
           t.moveEnd(evt);
           t.zoomStart(evt);
@@ -475,7 +483,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         maxZoom = 19;
       }
       if (!projection) {
-        projection = 'EPSG:4326';
+        projection = "EPSG:4326";
       }
       //中心点
       var center = mapCenter && mapCenter instanceof Array && mapCenter.length == 2 ? mapCenter : [116.400433, 39.906705];
@@ -516,7 +524,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         sourceOptions = options.sourceOptions;
 
       //切片名
-      var matrixIds = ['EPSG:4326:0', 'EPSG:4326:1', 'EPSG:4326:2', 'EPSG:4326:3', 'EPSG:4326:4', 'EPSG:4326:5', 'EPSG:4326:6', 'EPSG:4326:7', 'EPSG:4326:8', 'EPSG:4326:9', 'EPSG:4326:10', 'EPSG:4326:11', 'EPSG:4326:12', 'EPSG:4326:13', 'EPSG:4326:14', 'EPSG:4326:15', 'EPSG:4326:16', 'EPSG:4326:17', 'EPSG:4326:18'];
+      var matrixIds = ["EPSG:4326:0", "EPSG:4326:1", "EPSG:4326:2", "EPSG:4326:3", "EPSG:4326:4", "EPSG:4326:5", "EPSG:4326:6", "EPSG:4326:7", "EPSG:4326:8", "EPSG:4326:9", "EPSG:4326:10", "EPSG:4326:11", "EPSG:4326:12", "EPSG:4326:13", "EPSG:4326:14", "EPSG:4326:15", "EPSG:4326:16", "EPSG:4326:17", "EPSG:4326:18"];
 
       //分辨率
       var resolutions = [0.703125, 0.3515625, 0.17578125, 0.087890625, 0.0439453125, 0.02197265625, 0.010986328125, 0.0054931640625, 0.00274658203125, 0.001373291015625, 6.866455078125e-4, 3.4332275390625e-4, 1.71661376953125e-4, 8.58306884765625e-5, 4.291534423828125e-5, 2.1457672119140625e-5, 1.0728836059570312e-5, 5.364418029785156e-6, 2.682209014892578e-6];
@@ -535,15 +543,15 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
 
       //设置地图投影
       var projection = new ol.proj.Projection({
-        code: 'EPSG:4326',
-        units: 'degrees',
-        axisOrientation: 'neu'
+        code: "EPSG:4326",
+        units: "degrees",
+        axisOrientation: "neu"
       });
       return new ol.source.WMTS(_objectSpread({
         url: url,
         layer: params === null || params === void 0 ? void 0 : params.layer,
-        format: 'image/png',
-        matrixSet: 'EPSG:4326',
+        format: "image/png",
+        matrixSet: "EPSG:4326",
         projection: projection,
         tileGrid: tilegrid
       }, sourceOptions));
@@ -568,7 +576,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           exist.layer.setVisible(true);
           return;
         }
-        var layerSource = source || (type === 'WMTS' ? this.getWMTS({
+        var layerSource = source || (type === "WMTS" ? this.getWMTS({
           url: url,
           params: params,
           sourceOptions: sourceOptions
@@ -628,7 +636,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         format: new ol.format.GeoJSON(),
         // url(extent) 在地图范围变化时调用，返回当前的地图范围
         url: function url(extent) {
-          return "".concat(_url, "&bbox=").concat(extent.join(','));
+          return "".concat(_url, "&bbox=").concat(extent.join(","));
         },
         strategy: ol.loadingstrategy.bbox
       });
@@ -641,7 +649,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         style: function style(feature) {
           var _icon$;
           var el = feature.A || {};
-          var icon = JSON.parse(el.icon || '[]');
+          var icon = JSON.parse(el.icon || "[]");
           var mapIcon = (_icon$ = icon[0]) !== null && _icon$ !== void 0 && _icon$.id ? "/cloudFile/common/downloadFile?id=".concat(icon[0].id) : require("../images/defaultMarker.png");
           return new ol.style.Style({
             // 点位图标
@@ -651,12 +659,12 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             }),
             // 线样式
             stroke: new ol.style.Stroke({
-              color: el.color || '#1890ff',
+              color: el.color || "#1890ff",
               width: 4
             }),
             // 面样式
             fill: new ol.style.Fill({
-              color: el.color || 'rgba(255,255,255, 0.5)'
+              color: el.color || "rgba(255,255,255, 0.5)"
             })
           });
         }
@@ -675,7 +683,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         address = url.split("?")[0];
       url.split("?")[1].split("&").map(function (item) {
         var json = item.split("=");
-        param[json[0].toUpperCase()] = json[1] ? decodeURIComponent(json[1]) : '';
+        param[json[0].toUpperCase()] = json[1] ? decodeURIComponent(json[1]) : "";
       });
       return {
         param: param,
@@ -701,11 +709,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       // 矢量数据源
       var vectorSource = new ol.source.ImageWMS({
         url: address,
-        serverType: 'geoserver',
-        crossOrigin: '*',
+        serverType: "geoserver",
+        crossOrigin: "*",
         ratio: 1,
         params: _objectSpread(_objectSpread({
-          VERSION: '1.1.0'
+          VERSION: "1.1.0"
         }, item.param || {}), param)
       });
 
@@ -835,7 +843,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       } else {
         t.state.gis.addInteraction(t.editToolbar);
       }
-      t.editToolbar.on('modifyend', function (e) {
+      t.editToolbar.on("modifyend", function (e) {
         var feature = gc;
         e.features.forEach(function (feature) {
           feature = feature;
@@ -846,7 +854,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           e: e
         };
         // 绘制内部管理的图元
-        if (gp.geometry.type == 'point') {
+        if (gp.geometry.type == "point") {
           var cur = feature.getProperties().geometry;
           var _cur$flatCoordinates = _slicedToArray(cur.flatCoordinates, 2),
             lng = _cur$flatCoordinates[0],
@@ -875,14 +883,14 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             },
             geometryType: gp.geometry.type,
             geometry: {
-              type: 'point',
+              type: "point",
               x: lng,
               y: lat
             }
           });
         }
         //线
-        if (gp.geometry.type == 'polyline') {
+        if (gp.geometry.type == "polyline") {
           var _cur = feature.getProperties().geometry;
           var oddList = [],
             evenList = [];
@@ -920,7 +928,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
                 _extent: _extent,
                 type: "polyline"
               },
-              geometryType: 'polyline',
+              geometryType: "polyline",
               lnglatAry: lnglatAry,
               mapLayer: t.GM.getGraphic(id)
             },
@@ -934,7 +942,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           });
         }
         //面
-        if (gp.geometry.type == 'polygon') {
+        if (gp.geometry.type == "polygon") {
           var _cur2 = feature.getProperties().geometry;
           var _oddList = [],
             _evenList = [];
@@ -969,23 +977,23 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               }),
               geometry: {
                 rings: _path,
-                type: 'polygon',
+                type: "polygon",
                 _extent: _extent2
               },
-              geometryType: 'polygon',
+              geometryType: "polygon",
               lnglatAry: _lnglatAry,
               mapLayer: t.GM.getGraphic(id)
             },
             geometryType: gp.geometry.type,
             geometry: {
               rings: _path,
-              type: 'polygon',
+              type: "polygon",
               _extent: _extent2
             },
             area: (0, _MapToolFunction.getPolygonArea)(_path)
           });
         }
-        if (gp.geometry.type == 'circle') {
+        if (gp.geometry.type == "circle") {
           var _cur3 = feature.getProperties().geometry;
           var center = _cur3.getCenter();
           var sketchCoords_ = [_cur3.flatCoordinates[0], _cur3.flatCoordinates[1]];
@@ -1017,22 +1025,22 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
                 x: center[0],
                 y: center[1],
                 radius: radius,
-                type: 'circle'
+                type: "circle"
               },
-              geometryType: 'circle',
+              geometryType: "circle",
               mapLayer: t.GM.getGraphic(id)
             },
             geometryType: gp.geometry.type,
             area: Math.PI * Math.pow(radius, 2),
             geometry: {
-              type: 'circle',
+              type: "circle",
               x: center[0],
               y: center[1],
               radius: radius
             }
           });
         }
-        if ('editGraphicChange' in t.props && typeof t.props.editGraphicChange == 'function') {
+        if ("editGraphicChange" in t.props && typeof t.props.editGraphicChange == "function") {
           t.props.editGraphicChange(param);
         }
         t.GM.setGraphic(id, feature).setGraphicParam(id, _objectSpread(_objectSpread({}, param), {}, {
@@ -1050,7 +1058,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         t.state.gis.removeInteraction(t.editToolbar);
         t.editToolbar = null;
       }
-      t.editId = '';
+      t.editId = "";
     }
     // 绘制图元
   }, {
@@ -1064,7 +1072,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         stroke,
         fill;
       //初始化参数
-      drawParam.geometryType = obj.geometryType || 'point';
+      drawParam.geometryType = obj.geometryType || "point";
       drawParam.parameter = obj.parameter ? _objectSpread({}, obj.parameter) : {};
       drawParam.data = obj.data ? _objectSpread({}, obj.data) : {};
       drawParam.data.id = (obj.data || {}).id || "draw".concat(new Date().getTime());
@@ -1077,12 +1085,12 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         t.removeGraphic(drawParam.data.id);
         t.state.drawIds[drawParam.geometryType].splice(len, 1);
       }
-      var type = 'Point',
+      var type = "Point",
         style = new ol.style.Style({
           image: new ol.style.Icon({
             anchor: [-drawParam.parameter.markerContentX || -15, -drawParam.parameter.markerContentY || -15],
-            anchorXUnits: 'pixels',
-            anchorYUnits: 'pixels',
+            anchorXUnits: "pixels",
+            anchorYUnits: "pixels",
             src: drawParam.parameter.url || require("../images/defaultMarker.png"),
             opacity: 1,
             scale: drawParam.parameter.scale || 1
@@ -1090,56 +1098,56 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         });
       var geometryFunction;
       switch (drawParam.geometryType) {
-        case 'point':
-          type = 'Point';
+        case "point":
+          type = "Point";
           style = new ol.style.Style({
             image: new ol.style.Icon({
               anchor: [-drawParam.parameter.markerContentX || -15, -drawParam.parameter.markerContentY || -15],
-              anchorXUnits: 'pixels',
-              anchorYUnits: 'pixels',
+              anchorXUnits: "pixels",
+              anchorYUnits: "pixels",
               src: drawParam.parameter.url || require("../images/defaultMarker.png"),
               opacity: 1,
               scale: drawParam.parameter.scale || 1
             })
           });
           break;
-        case 'polyline':
-          type = 'LineString';
+        case "polyline":
+          type = "LineString";
           style = new ol.style.Style({
             stoke: new ol.style.Stroke({
-              color: drawParam.parameter.color || '#277ffa',
+              color: drawParam.parameter.color || "#277ffa",
               width: drawParam.parameter.lineWidth || 3,
-              lineDash: drawParam.parameter.lineType == 'dashed' ? [2] : undefined
+              lineDash: drawParam.parameter.lineType == "dashed" ? [2] : undefined
             })
           });
           break;
-        case 'polygon':
-          type = 'Polygon';
+        case "polygon":
+          type = "Polygon";
           style = new ol.style.Style({
             stoke: new ol.style.Stroke({
-              color: drawParam.parameter.color || '#277ffa',
+              color: drawParam.parameter.color || "#277ffa",
               width: drawParam.parameter.lineWidth || 3,
-              lineDash: drawParam.parameter.lineType == 'dashed' ? [2] : undefined
+              lineDash: drawParam.parameter.lineType == "dashed" ? [2] : undefined
             }),
             fill: new ol.style.Fill({
-              color: drawParam.parameter.pellucidity ? getRgbColor(drawParam.parameter.color || '#277ffa', drawParam.parameter.pellucidity) : drawParam.parameter.color || '#277ffa'
+              color: drawParam.parameter.pellucidity ? getRgbColor(drawParam.parameter.color || "#277ffa", drawParam.parameter.pellucidity) : drawParam.parameter.color || "#277ffa"
             })
           });
           break;
-        case 'rectangle':
-          type = 'Circle';
+        case "rectangle":
+          type = "Circle";
           geometryFunction = ol.interaction.Draw.createBox();
           break;
-        case 'circle':
-          type = 'Circle';
+        case "circle":
+          type = "Circle";
           style = new ol.style.Style({
             stoke: new ol.style.Stroke({
-              color: drawParam.parameter.color || '#277ffa',
+              color: drawParam.parameter.color || "#277ffa",
               width: drawParam.parameter.lineWidth || 3,
-              lineDash: drawParam.parameter.lineType == 'dashed' ? [2] : undefined
+              lineDash: drawParam.parameter.lineType == "dashed" ? [2] : undefined
             }),
             fill: new ol.style.Fill({
-              color: drawParam.parameter.pellucidity ? getRgbColor(drawParam.parameter.color || '#277ffa', drawParam.parameter.pellucidity) : drawParam.parameter.color || '#277ffa'
+              color: drawParam.parameter.pellucidity ? getRgbColor(drawParam.parameter.color || "#277ffa", drawParam.parameter.pellucidity) : drawParam.parameter.color || "#277ffa"
             })
           });
           break;
@@ -1155,7 +1163,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       } else {
         gis.addInteraction(t.drawToolbar);
       }
-      t.drawToolbar.on('drawend', function (e) {
+      t.drawToolbar.on("drawend", function (e) {
         var _t$frameSelectProps$p;
         // 关闭绘制事件
         t.drawToolbar.finishDrawing();
@@ -1165,7 +1173,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         //返回参数
         var param = {};
         // 绘制内部管理的图元
-        if (t.drawParam.geometryType == 'point') {
+        if (t.drawParam.geometryType == "point") {
           var _gc$flatCoordinates = _slicedToArray(gc.flatCoordinates, 2),
             lng = _gc$flatCoordinates[0],
             lat = _gc$flatCoordinates[1];
@@ -1186,7 +1194,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               latitude: lat,
               url: t.drawParam.parameter.url || require("../images/defaultMarker.png"),
               config: _objectSpread({}, t.drawParam.parameter)
-            }], 'point');
+            }], "point");
           }
 
           //处理点返回参数
@@ -1201,12 +1209,12 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               }
             },
             geometry: gc,
-            geometryType: 'point',
+            geometryType: "point",
             mapLayer: t.GM.getGraphic(t.drawParam.data.id)
           };
         }
         //线
-        if (t.drawParam.geometryType == 'polyline') {
+        if (t.drawParam.geometryType == "polyline") {
           var oddList = [],
             evenList = [];
           gc.flatCoordinates.map(function (item, index) {
@@ -1225,13 +1233,13 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               id: t.drawParam.data.id,
               paths: path,
               config: _objectSpread({}, t.drawParam.parameter)
-            }], 'polyline');
+            }], "polyline");
           } else {
             t.addLine([{
               id: t.drawParam.data.id,
               paths: path,
               config: _objectSpread({}, t.drawParam.parameter)
-            }], 'polyline');
+            }], "polyline");
           }
           //处理线返回参数
           var _t$dealData3 = t.dealData(path),
@@ -1249,12 +1257,12 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               config: _objectSpread({}, t.drawParam.parameter)
             },
             distance: t.calculateDistance(path),
-            geometryType: 'polyline',
+            geometryType: "polyline",
             mapLayer: t.GM.getGraphic(t.drawParam.data.id)
           };
         }
         //面
-        if (t.drawParam.geometryType == 'polygon') {
+        if (t.drawParam.geometryType == "polygon") {
           var _oddList2 = [],
             _evenList2 = [];
           gc.flatCoordinates.map(function (item, index) {
@@ -1302,7 +1310,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             mapLayer: t.GM.getGraphic(t.drawParam.data.id)
           };
         }
-        if (t.drawParam.geometryType == 'rectangle') {
+        if (t.drawParam.geometryType == "rectangle") {
           var _path3 = e.feature.getGeometry().getCoordinates()[0];
           if (t.GM.isRepetition(t.drawParam.data.id)) {
             t.updatePolygon([{
@@ -1338,7 +1346,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             mapLayer: t.GM.getGraphic(t.drawParam.data.id)
           };
         }
-        if (t.drawParam.geometryType == 'circle') {
+        if (t.drawParam.geometryType == "circle") {
           var center = e.feature.getGeometry().getCenter();
           var cur = e.feature.getProperties().geometry;
           var sketchCoords_ = [cur.flatCoordinates[0], cur.flatCoordinates[1]];
@@ -1377,7 +1385,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             mapLayer: t.GM.getGraphic(t.drawParam.data.id)
           };
         }
-        if ('drawEnd' in t.props && typeof t.props.drawEnd == 'function') {
+        if ("drawEnd" in t.props && typeof t.props.drawEnd == "function") {
           t.props.drawEnd(param);
         }
         if (((_t$frameSelectProps$p = t.frameSelectProps[param.attributes.id]) === null || _t$frameSelectProps$p === void 0 ? void 0 : _t$frameSelectProps$p.callback) instanceof Function) {
@@ -1415,39 +1423,39 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         source: source,
         style: new ol.style.Style({
           fill: new ol.style.Fill({
-            color: 'rgba(255, 255, 255, 0.2)'
+            color: "rgba(255, 255, 255, 0.2)"
           }),
           stroke: new ol.style.Stroke({
-            color: '#ffcc33',
+            color: "#ffcc33",
             width: 4
           }),
           image: new ol.style.Circle({
             radius: 7,
             fill: new ol.style.Fill({
-              color: '#ffcc33'
+              color: "#ffcc33"
             })
           })
         })
       });
       t.rangingInfo.draw = new ol.interaction.Draw({
         source: source,
-        type: 'LineString',
+        type: "LineString",
         style: new ol.style.Style({
           fill: new ol.style.Fill({
-            color: 'rgba(255, 255, 255, 0.2)'
+            color: "rgba(255, 255, 255, 0.2)"
           }),
           stroke: new ol.style.Stroke({
-            color: 'rgba(0, 0, 0, 0.5)',
+            color: "rgba(0, 0, 0, 0.5)",
             lineDash: [10, 10],
             width: 4
           }),
           image: new ol.style.Circle({
             radius: 5,
             stroke: new ol.style.Stroke({
-              color: 'rgba(0, 0, 0, 0.7)'
+              color: "rgba(0, 0, 0, 0.7)"
             }),
             fill: new ol.style.Fill({
-              color: 'rgba(255, 255, 255, 0.2)'
+              color: "rgba(255, 255, 255, 0.2)"
             })
           })
         })
@@ -1459,10 +1467,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       t.state.gis.addLayer(t.rangingInfo.drawLayer);
       t.state.gis.addInteraction(t.rangingInfo.draw);
       // 开始监听绘制
-      t.rangingInfo.draw.on('drawstart', function (evt) {
+      t.rangingInfo.draw.on("drawstart", function (evt) {
         t.rangingInfo.feature = evt.feature;
         var tooltipCoord = evt.coordinate;
-        t.rangingInfo.listener = evt.feature.getGeometry().on('change', function (evt) {
+        t.rangingInfo.listener = evt.feature.getGeometry().on("change", function (evt) {
           var geom = evt.target;
           var flatCoordinates = geom.flatCoordinates;
           var lngLats = [[flatCoordinates[0], flatCoordinates[1]], [flatCoordinates[2], flatCoordinates[3]]];
@@ -1479,15 +1487,15 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         });
       });
       // 双击绘制完成
-      t.rangingInfo.draw.on('drawend', function () {
-        t.rangingInfo.measureTooltipElement.className = 'ol-tooltip ol-tooltip-static';
+      t.rangingInfo.draw.on("drawend", function () {
+        t.rangingInfo.measureTooltipElement.className = "ol-tooltip ol-tooltip-static";
         t.rangingInfo.measureTooltip.setOffset([0, -7]);
         t.rangingInfo.feature = null;
         t.rangingInfo.measureTooltipElement = null;
         // t.createMeasureTooltip();
         new ol.Observable.unByKey(t.rangingInfo.listener);
         t.state.gis.removeInteraction(t.rangingInfo.draw);
-        if ('mapRangingTool' in t.props) {
+        if ("mapRangingTool" in t.props) {
           t.props.mapRangingTool(obj);
         }
       });
@@ -1500,12 +1508,12 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       if (t.rangingTool.helpTooltipElement) {
         t.rangingTool.helpTooltipElement.parentNode.removeChild(t.rangingTool.helpTooltipElement);
       }
-      t.rangingTool.helpTooltipElement = document.createElement('div');
-      t.rangingTool.helpTooltipElement.className = 'ol-tooltip hidden';
+      t.rangingTool.helpTooltipElement = document.createElement("div");
+      t.rangingTool.helpTooltipElement.className = "ol-tooltip hidden";
       t.rangingTool.helpTooltip = new ol.Overlay({
         element: t.rangingTool.helpTooltipElement,
         offset: [15, 0],
-        positioning: 'center-left'
+        positioning: "center-left"
       });
       t.state.gis.addOverlay(t.rangingTool.helpTooltip);
     }
@@ -1517,12 +1525,12 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       if (t.rangingInfo.measureTooltipElement) {
         t.rangingInfo.measureTooltipElement.parentNode.removeChild(t.rangingInfo.measureTooltipElement);
       }
-      t.rangingInfo.measureTooltipElement = document.createElement('div');
-      t.rangingInfo.measureTooltipElement.className = 'ol-tooltip ol-tooltip-measure';
+      t.rangingInfo.measureTooltipElement = document.createElement("div");
+      t.rangingInfo.measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";
       t.rangingInfo.measureTooltip = new ol.Overlay({
         element: t.rangingInfo.measureTooltipElement,
         offset: [0, -15],
-        positioning: 'bottom-center',
+        positioning: "bottom-center",
         stopEvent: false,
         insertFirst: false
       });
@@ -1536,10 +1544,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       if (t.rangingInfo.deleteToolTipElement) {
         t.rangingInfo.deleteToolTipElement.parentNode.removeChild(t.rangingInfo.deleteToolTipElement);
       }
-      t.rangingInfo.deleteToolTipElement = document.createElement('div');
-      t.rangingInfo.deleteToolTipElement.className = 'ol-tooltip-delete';
-      t.rangingInfo.deleteToolTipElement.innerHTML = 'X';
-      t.rangingInfo.deleteToolTipElement.addEventListener('click', function (e) {
+      t.rangingInfo.deleteToolTipElement = document.createElement("div");
+      t.rangingInfo.deleteToolTipElement.className = "ol-tooltip-delete";
+      t.rangingInfo.deleteToolTipElement.innerHTML = "X";
+      t.rangingInfo.deleteToolTipElement.addEventListener("click", function (e) {
         t.rangingInfo.measureTooltipElement = null;
         t.rangingInfo.helpTooltipElement = null;
         t.rangingInfo.deleteToolTipElement = null;
@@ -1553,7 +1561,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       t.rangingInfo.deleteToolTip = new ol.Overlay({
         element: t.rangingInfo.deleteToolTipElement,
         offset: [15, 15],
-        positioning: 'bottom-center',
+        positioning: "bottom-center",
         stopEvent: false,
         insertFirst: true
       });
@@ -1574,19 +1582,18 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           length += ol.sphere.getDistance(paths[index], paths[index + 1]);
         }
       });
-      var output = '';
+      var output = "";
       if (length > 100) {
-        output = Math.round(length / 1000 * 100) / 100 + ' ' + 'km';
+        output = Math.round(length / 1000 * 100) / 100 + " " + "km";
       } else {
-        output = Math.round(length * 100) / 100 + ' ' + 'm';
+        output = Math.round(length * 100) / 100 + " " + "m";
       }
       return output;
     }
+    // 获取地图的当前位置状态信息
   }, {
     key: "getMapExtent",
-    value:
-    // 获取地图的当前位置状态信息
-    function getMapExtent() {
+    value: function getMapExtent() {
       var t = this;
       var gis = t.state.gis;
       var obj = {};
@@ -1615,11 +1622,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       }
     }
     //将制定图元展示在视野内 (强制改变地图中心位置)
-    /*
-        参数arg格式如下1,2
-        1.string   格式如:'1,a,2,3,4'
-        2.数组 ['1','2']
-    */
+    /*
+          参数arg格式如下1,2
+          1.string   格式如:'1,a,2,3,4'
+          2.数组 ['1','2']
+      */
   }, {
     key: "setVisiblePoints",
     value: function setVisiblePoints(mapVisiblePoints) {
@@ -1630,27 +1637,27 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       var ary = []; //图元id集合
       var obj = []; //经纬度集合
       switch (mapVisiblePoints.fitView) {
-        case 'point':
+        case "point":
           arg = this.state.pointIds;
           break;
-        case 'line':
+        case "line":
           arg = this.state.lineIds;
           break;
-        case 'polygon':
+        case "polygon":
           arg = this.state.polygonIds;
           break;
-        case 'circle':
+        case "circle":
           arg = this.state.circleIds;
           break;
-        case 'all':
+        case "all":
           arg = this.state.pointIds.concat(this.state.lineIds).concat(this.state.polygonIds).concat(this.state.circleIds);
           break;
         default:
           arg = mapVisiblePoints.fitView;
           break;
       }
-      if (typeof arg === 'string') {
-        ary = arg.split(',');
+      if (typeof arg === "string") {
+        ary = arg.split(",");
       } else if (arg instanceof Array) {
         ary = arg;
       }
@@ -1658,15 +1665,15 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         var g = t.GM.getGraphicParam(ary[i]);
         if (g) {
           switch (g.geometry.type) {
-            case 'point':
+            case "point":
               obj.push([g.geometry.x, g.geometry.y]);
-            case 'circle':
+            case "circle":
               obj.push([g.geometry.x, g.geometry.y]);
               break;
-            case 'polyline':
+            case "polyline":
               obj = [].concat(_toConsumableArray(obj), _toConsumableArray(g.geometry.paths));
               break;
-            case 'polygon':
+            case "polygon":
               obj = [].concat(_toConsumableArray(obj), _toConsumableArray(g.geometry.rings));
               break;
           }
@@ -1753,7 +1760,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         lng = 0,
         lat = 0;
       switch (gp.geometryType) {
-        case 'point':
+        case "point":
           lng = gp.geometry.x;
           lat = gp.geometry.y;
           p = _objectSpread(_objectSpread({}, gp), {}, {
@@ -1772,7 +1779,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-        case 'polyline':
+        case "polyline":
           pts = gp.geometry.paths;
           p = _objectSpread(_objectSpread({}, gp), {}, {
             mapLayer: gg,
@@ -1787,7 +1794,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-        case 'polygon':
+        case "polygon":
           pts = gp.geometry.rings;
           p = _objectSpread(_objectSpread({}, gp), {}, {
             mapLayer: gg,
@@ -1803,7 +1810,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             area: (0, _MapToolFunction.getPolygonArea)(pts)
           });
           break;
-        case 'circle':
+        case "circle":
           lng = gp.geometry.x;
           lat = gp.geometry.y;
           var radius = gp.geometry.radius;
@@ -1833,7 +1840,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "parseDom",
     value: function parseDom(domStr) {
-      var domObj = document.createElement('div');
+      var domObj = document.createElement("div");
       domObj.innerHTML = domStr;
       return domObj.childNodes;
     }
@@ -1931,20 +1938,20 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         parameter = _ref2$parameter === void 0 ? {} : _ref2$parameter,
         _ref2$data = _ref2.data,
         data = _ref2$data === void 0 ? {} : _ref2$data;
-      if (!['polygon', 'circle', 'rectangle'].includes(geometryType)) {
+      if (!["polygon", "circle", "rectangle"].includes(geometryType)) {
         message.warn("传入的类型不支持框选！");
         return false;
       }
       var t = this;
       var params = {},
-        type = geometryType || 'polygon',
+        type = geometryType || "polygon",
         id = data.id || "frameSelectFeature_".concat(Math.random());
-      params.color = parameter.color || '#FF0000';
-      params.lineColor = parameter.lineColor || '#FF0000';
+      params.color = parameter.color || "#FF0000";
+      params.lineColor = parameter.lineColor || "#FF0000";
       params.lineOpacity = parameter.lineOpacity || 1;
       params.lineWidth = parameter.lineWidth || 2;
       params.pellucidity = parameter.pellucidity || 0.6;
-      params.lineType = parameter.lineType || 'solid';
+      params.lineType = parameter.lineType || "solid";
       t.draw({
         geometryType: type,
         parameter: _objectSpread(_objectSpread({}, parameter), params),
@@ -1975,13 +1982,13 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       this.removeGraphic(obj.id, obj.type);
       delete this.frameSelectProps[id];
     }
-    /*
-    * 添加信息窗口
-    * params
-    * @position: Array[longitude,latitude]
-    * @content: String|HTML
-    * @close: boolean
-    */
+    /*
+     * 添加信息窗口
+     * params
+     * @position: Array[longitude,latitude]
+     * @content: String|HTML
+     * @close: boolean
+     */
   }, {
     key: "showInfoWindow",
     value: function showInfoWindow() {
@@ -2036,7 +2043,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         var cg = {
           width: 30,
           height: 30,
-          labelContent: '',
+          labelContent: "",
           labelPixelX: 0,
           labelPixelY: 34,
           markerContentX: -13,
@@ -2064,7 +2071,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           var pop = new ol.Overlay({
             id: item.id,
             position: [parseFloat(item.longitude), parseFloat(item.latitude)],
-            positioning: 'center-center',
+            positioning: "center-center",
             element: nodes,
             autoPanMargin: 20,
             autoPan: true,
@@ -2084,8 +2091,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           style = new ol.style.Style({
             image: new ol.style.Icon({
               anchor: [-cg.markerContentX, -cg.markerContentY],
-              anchorXUnits: 'pixels',
-              anchorYUnits: 'pixels',
+              anchorXUnits: "pixels",
+              anchorYUnits: "pixels",
               img: myImage,
               imgSize: [cg.width, cg.height],
               opacity: cg.opacity,
@@ -2095,11 +2102,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         }
         if (!!item.canShowLabel && item.canShowLabel) {
           var textStyle = _objectSpread({
-            textAlign: 'center',
+            textAlign: "center",
             //对齐方式
-            textBaseline: 'middle',
+            textBaseline: "middle",
             //文本基线
-            font: 'normal 12px 微软雅黑',
+            font: "normal 12px 微软雅黑",
             //字体样式
             text: cg.labelContent,
             //文本内容
@@ -2109,21 +2116,21 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             // Y轴偏置
             fill: new ol.style.Fill({
               //填充样式
-              color: '#1890ff'
+              color: "#1890ff"
             }),
             backgroundFill: new ol.style.Fill({
               // 填充背景
-              color: 'rgba(255, 255, 255, 1)'
+              color: "rgba(255, 255, 255, 1)"
             }),
             padding: [2, 5, 2, 5]
           }, cg.labelStyle || {});
           if (cg.labelStyle && cg.labelStyle.fill) {
-            textStyle['fill'] = new ol.style.Fill({
+            textStyle["fill"] = new ol.style.Fill({
               color: cg.labelStyle.fill
             });
           }
           if (cg.labelStyle && cg.labelStyle.backgroundFill) {
-            textStyle['backgroundFill'] = new ol.style.Fill({
+            textStyle["backgroundFill"] = new ol.style.Fill({
               color: cg.labelStyle.backgroundFill
             });
           }
@@ -2131,8 +2138,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           style = new ol.style.Style({
             image: new ol.style.Icon({
               anchor: [-cg.markerContentX, -cg.markerContentY],
-              anchorXUnits: 'pixels',
-              anchorYUnits: 'pixels',
+              anchorXUnits: "pixels",
+              anchorYUnits: "pixels",
               // src: item.url || require("../images/defaultMarker.png"),
               img: myImage,
               imgSize: [cg.width, cg.height],
@@ -2147,11 +2154,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         // 初始化适量数据源
         var source = new ol.source.Vector({
           features: [feature],
-          name: 'point',
+          name: "point",
           id: item.id
         });
         var pointLayer = new ol.layer.Vector({
-          name: 'point',
+          name: "point",
           source: source,
           id: item.id,
           zIndex: t.pointLayerZIndex
@@ -2173,16 +2180,16 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
           }),
-          geometryType: 'point',
+          geometryType: "point",
           geometry: {
-            type: 'point',
+            type: "point",
             x: parseFloat(item.longitude),
             y: parseFloat(item.latitude)
           },
           source: source
         });
       });
-      if (type !== 'defined') {
+      if (type !== "defined") {
         // t.state.pointIds = psids;
         t.setState({
           pointIds: psids
@@ -2197,7 +2204,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       var mapPoints = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var t = this;
       var index = 0;
-      var _dealPoint = function dealPoint(item) {
+      var dealPoint = function dealPoint(item) {
         if (_this4.GM.isRepetition(item.id)) {
           //点位数据不符合,直接跳过
           if (!item.longitude || !item.latitude) {
@@ -2209,7 +2216,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           var cg = {
             width: 30,
             height: 30,
-            labelContent: '',
+            labelContent: "",
             labelPixelX: 0,
             labelPixelY: 34,
             BAnimationType: 3,
@@ -2243,8 +2250,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             });
             icon = new ol.style.Icon({
               anchor: [-cg.markerContentX, -cg.markerContentY],
-              anchorXUnits: 'pixels',
-              anchorYUnits: 'pixels',
+              anchorXUnits: "pixels",
+              anchorYUnits: "pixels",
               // src: item.url || require("../images/defaultMarker.png"),
               img: myImage,
               imgSize: [cg.width, cg.height],
@@ -2254,11 +2261,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             });
             if (item.canShowLabel) {
               var textStyle = _objectSpread({
-                textAlign: 'center',
+                textAlign: "center",
                 //对齐方式
-                textBaseline: 'middle',
+                textBaseline: "middle",
                 //文本基线
-                font: 'normal 12px 微软雅黑',
+                font: "normal 12px 微软雅黑",
                 //字体样式
                 text: cg.labelContent,
                 //文本内容
@@ -2268,21 +2275,21 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
                 // Y轴偏置
                 fill: new ol.style.Fill({
                   //填充样式
-                  color: '#1890ff'
+                  color: "#1890ff"
                 }),
                 backgroundFill: new ol.style.Fill({
                   // 填充背景
-                  color: 'rgba(255, 255, 255, 1)'
+                  color: "rgba(255, 255, 255, 1)"
                 }),
                 padding: [2, 5, 2, 5]
               }, cg.labelStyle || {});
               if (cg.labelStyle && cg.labelStyle.fill) {
-                textStyle['fill'] = new ol.style.Fill({
+                textStyle["fill"] = new ol.style.Fill({
                   color: cg.labelStyle.fill
                 });
               }
               if (cg.labelStyle && cg.labelStyle.backgroundFill) {
-                textStyle['backgroundFill'] = new ol.style.Fill({
+                textStyle["backgroundFill"] = new ol.style.Fill({
                   color: cg.labelStyle.backgroundFill
                 });
               }
@@ -2304,9 +2311,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
             }),
-            geometryType: 'point',
+            geometryType: "point",
             geometry: {
-              type: 'point',
+              type: "point",
               x: parseFloat(item.longitude),
               y: parseFloat(item.latitude)
             },
@@ -2318,15 +2325,15 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         }
         if (index < mapPoints.length - 1) {
           requestIdleCallback(function () {
-            return _dealPoint(mapPoints[++index]);
+            return dealPoint(mapPoints[++index]);
           });
         } else {
           t.refresh();
         }
       };
-      if (!(0, _lodash.isEmpty)(mapPoints)) {
+      if (!(0, _isEmpty.default)(mapPoints)) {
         requestIdleCallback(function () {
-          return _dealPoint(mapPoints[index]);
+          return dealPoint(mapPoints[index]);
         });
       }
     }
@@ -2338,7 +2345,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       var cg = {
         width: 30,
         height: 30,
-        labelContent: '',
+        labelContent: "",
         labelPixelX: 0,
         labelPixelY: 34,
         markerContentX: -13,
@@ -2369,7 +2376,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         var pop = new ol.Overlay({
           id: item.id,
           position: [parseFloat(item.longitude), parseFloat(item.latitude)],
-          positioning: 'center-center',
+          positioning: "center-center",
           element: nodes,
           autoPanMargin: 20,
           autoPan: true,
@@ -2399,8 +2406,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         style = new ol.style.Style({
           image: new ol.style.Icon({
             anchor: [-cg.markerContentX, -cg.markerContentY],
-            anchorXUnits: 'pixels',
-            anchorYUnits: 'pixels',
+            anchorXUnits: "pixels",
+            anchorYUnits: "pixels",
             img: myImage,
             imgSize: [cg.width, cg.height],
             opacity: cg.opacity,
@@ -2410,11 +2417,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       }
       if (!!item.canShowLabel && item.canShowLabel) {
         var textStyle = _objectSpread({
-          textAlign: 'center',
+          textAlign: "center",
           //对齐方式
-          textBaseline: 'middle',
+          textBaseline: "middle",
           //文本基线
-          font: 'normal 12px 微软雅黑',
+          font: "normal 12px 微软雅黑",
           //字体样式
           text: cg.labelContent,
           //文本内容
@@ -2424,21 +2431,21 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           // Y轴偏置
           fill: new ol.style.Fill({
             //填充样式
-            color: '#1890ff'
+            color: "#1890ff"
           }),
           backgroundFill: new ol.style.Fill({
             // 填充背景
-            color: 'rgba(255, 255, 255, 1)'
+            color: "rgba(255, 255, 255, 1)"
           }),
           padding: [2, 5, 2, 5]
         }, cg.labelStyle || {});
         if (cg.labelStyle && cg.labelStyle.fill) {
-          textStyle['fill'] = new ol.style.Fill({
+          textStyle["fill"] = new ol.style.Fill({
             color: cg.labelStyle.fill
           });
         }
         if (cg.labelStyle && cg.labelStyle.backgroundFill) {
-          textStyle['backgroundFill'] = new ol.style.Fill({
+          textStyle["backgroundFill"] = new ol.style.Fill({
             color: cg.labelStyle.backgroundFill
           });
         }
@@ -2446,8 +2453,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         style = new ol.style.Style({
           image: new ol.style.Icon({
             anchor: [-cg.markerContentX, -cg.markerContentY],
-            anchorXUnits: 'pixels',
-            anchorYUnits: 'pixels',
+            anchorXUnits: "pixels",
+            anchorYUnits: "pixels",
             // src: item.url || require("../images/defaultMarker.png"),
             img: myImage,
             imgSize: [cg.width, cg.height],
@@ -2481,9 +2488,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
           }),
-          geometryType: 'point',
+          geometryType: "point",
           geometry: {
-            type: 'point',
+            type: "point",
             x: parseFloat(item.longitude),
             y: parseFloat(item.latitude)
           }
@@ -2524,9 +2531,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           features: features
         });
         var pointLayer = new ol.layer.Vector({
-          name: 'point_layer',
+          name: "point_layer",
           source: _source,
-          id: 'point_layer',
+          id: "point_layer",
           zIndex: t.pointLayerZIndex
         });
         t.state.gis.addLayer(pointLayer);
@@ -2540,8 +2547,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     value: function refresh() {
       var t = this;
       var timer = setTimeout(function () {
+        var _window$VtxMap$t$prop;
         clearTimeout(timer);
-        window.VtxMap[t.props.mapId].redrawText();
+        (_window$VtxMap$t$prop = window.VtxMap[t.props.mapId]) === null || _window$VtxMap$t$prop === void 0 || _window$VtxMap$t$prop.redrawText();
       }, 100);
     }
     // 添加先
@@ -2565,10 +2573,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           return false;
         }
         var cg = {
-          color: '#277ffa',
+          color: "#277ffa",
           pellucidity: 0.9,
           lineWidth: 5,
-          lineType: 'solid',
+          lineType: "solid",
           isHidden: false
         };
         if (item.config) {
@@ -2578,7 +2586,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           stroke: new ol.style.Stroke({
             color: cg.color,
             width: cg.lineWidth,
-            lineDash: cg.lineType == 'dashed' ? [2] : undefined
+            lineDash: cg.lineType == "dashed" ? [2] : undefined
           })
         });
         var polyline = new ol.Feature({
@@ -2589,11 +2597,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         polyline.setStyle(style);
         var source = new ol.source.Vector({
           features: [polyline],
-          name: 'polyline',
+          name: "polyline",
           id: item.id
         });
         var lineLayer = new ol.layer.Vector({
-          name: 'polyline',
+          name: "polyline",
           id: item.id,
           source: source,
           zIndex: t.polylineLayerZIndex
@@ -2608,9 +2616,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             paths: pts,
             other: item
           }),
-          geometryType: 'polyline',
+          geometryType: "polyline",
           geometry: {
-            type: 'polyline',
+            type: "polyline",
             paths: pts
           },
           source: source
@@ -2619,7 +2627,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         lsids.push(item.id);
         t.state.lineIds.push(item.id);
       });
-      if (type !== 'defined') {
+      if (type !== "defined") {
         t.state.lineIds = lsids;
       }
     }
@@ -2640,10 +2648,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           }
           //初始化默认参数
           var cg = {
-            color: '#277ffa',
+            color: "#277ffa",
             pellucidity: 0.9,
             lineWidth: 5,
-            lineType: 'solid',
+            lineType: "solid",
             //'solid'  'dashed'
             isHidden: false
           };
@@ -2661,7 +2669,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             stroke: new ol.style.Stroke({
               color: cg.color,
               width: cg.lineWidth,
-              lineDash: cg.lineType == 'dashed' ? [2] : undefined,
+              lineDash: cg.lineType == "dashed" ? [2] : undefined,
               zIndex: cg.zIndex || 0
             })
           });
@@ -2674,9 +2682,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               paths: pts,
               other: item
             }),
-            geometryType: 'polyline',
+            geometryType: "polyline",
             geometry: {
-              type: 'polyline',
+              type: "polyline",
               paths: pts
             },
             source: gp.source
@@ -2708,11 +2716,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           return false;
         }
         var cg = {
-          lineType: 'solid',
+          lineType: "solid",
           lineWidth: 5,
-          lineColor: '#277ffa',
+          lineColor: "#277ffa",
           lineOpacity: 1,
-          color: '#fff',
+          color: "#fff",
           pellucidity: 0.5
         };
         if (item.config) {
@@ -2722,7 +2730,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           stroke: new ol.style.Stroke({
             color: cg.lineColor,
             width: cg.lineWidth,
-            lineDash: cg.lineType == 'dashed' ? [2] : undefined
+            lineDash: cg.lineType == "dashed" ? [2] : undefined
           }),
           fill: new ol.style.Fill({
             color: cg.pellucidity ? getRgbColor(cg.color, cg.pellucidity) : cg.color
@@ -2732,7 +2740,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           geometry: new ol.geom.Polygon([item.rings]),
           id: item.id,
           params: _objectSpread({}, item),
-          name: 'polygon'
+          name: "polygon"
         });
         polygon.setStyle(style);
         var source = new ol.source.Vector({
@@ -2740,7 +2748,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           id: item.id
         });
         var polygonLayer = new ol.layer.Vector({
-          name: 'polygon',
+          name: "polygon",
           id: item.id,
           source: source,
           zIndex: t.polygonLayerZIndex
@@ -2755,9 +2763,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             rings: pts,
             other: item
           }),
-          geometryType: 'polygon',
+          geometryType: "polygon",
           geometry: {
-            type: 'polygon',
+            type: "polygon",
             rings: pts
           },
           source: source
@@ -2786,11 +2794,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           var gp = t.GM.getGraphicParam(item.id);
           //获取原有的面属性,转换key值
           var cg = {
-            lineType: 'solid',
+            lineType: "solid",
             lineWidth: 5,
-            lineColor: '#277ffa',
+            lineColor: "#277ffa",
             lineOpacity: 1,
-            color: '#fff',
+            color: "#fff",
             pellucidity: 0.5
           };
           //重新初始化值
@@ -2805,7 +2813,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             stroke: new ol.style.Stroke({
               color: cg.lineColor,
               width: cg.lineWidth,
-              lineDash: cg.lineType == 'dashed' ? [2] : undefined
+              lineDash: cg.lineType == "dashed" ? [2] : undefined
             }),
             fill: new ol.style.Fill({
               color: cg.pellucidity ? getRgbColor(cg.color, cg.pellucidity) : cg.color
@@ -2816,9 +2824,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               rings: pts,
               other: item
             }),
-            geometryType: 'polygon',
+            geometryType: "polygon",
             geometry: {
-              type: 'polygon',
+              type: "polygon",
               rings: pts
             },
             source: gp.source
@@ -2850,11 +2858,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           return false;
         }
         var cg = {
-          lineType: 'solid',
+          lineType: "solid",
           lineWidth: 5,
-          lineColor: '#277ffa',
+          lineColor: "#277ffa",
           lineOpacity: 1,
-          color: '#fff',
+          color: "#fff",
           pellucidity: 0.5
           // isHidden: false  //后期需要在加
         };
@@ -2865,7 +2873,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           stroke: new ol.style.Stroke({
             color: cg.lineColor,
             width: cg.lineWidth,
-            lineDash: cg.lineType == 'dashed' ? [2] : undefined
+            lineDash: cg.lineType == "dashed" ? [2] : undefined
           }),
           fill: new ol.style.Fill({
             color: cg.pellucidity ? getRgbColor(cg.color, cg.pellucidity) : cg.color
@@ -2877,16 +2885,16 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           geometry: new ol.geom.Circle([item.longitude, item.latitude], parseFloat(circleRadius)),
           id: item.id,
           params: _objectSpread({}, item),
-          name: 'circle'
+          name: "circle"
         });
         circle.setStyle(style);
         var source = new ol.source.Vector({
           features: [circle],
-          name: 'circle',
+          name: "circle",
           id: item.id
         });
         var circleLayer = new ol.layer.Vector({
-          name: 'circle',
+          name: "circle",
           id: item.id,
           source: source,
           zIndex: t.polygonLayerZIndex
@@ -2897,9 +2905,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
           }),
-          geometryType: 'circle',
+          geometryType: "circle",
           geometry: {
-            type: 'circle',
+            type: "circle",
             x: parseFloat(item.longitude),
             y: parseFloat(item.latitude),
             radius: parseFloat(item.radius)
@@ -2936,11 +2944,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         var gp = t.GM.getGraphicParam(item.id);
         //获取原有的面属性,转换key值
         var cg = {
-          lineType: 'solid',
+          lineType: "solid",
           lineWidth: 5,
-          lineColor: '#277ffa',
+          lineColor: "#277ffa",
           lineOpacity: 1,
-          color: '#fff',
+          color: "#fff",
           pellucidity: 0.5
           // isHidden: false  //后期需要在加
         };
@@ -2954,7 +2962,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           stroke: new ol.style.Stroke({
             color: cg.lineColor,
             width: cg.lineWidth,
-            lineDash: cg.lineType == 'dashed' ? [2] : undefined
+            lineDash: cg.lineType == "dashed" ? [2] : undefined
           }),
           fill: new ol.style.Fill({
             color: cg.pellucidity ? getRgbColor(cg.color, cg.pellucidity) : cg.color
@@ -2964,9 +2972,9 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
           }),
-          geometryType: 'circle',
+          geometryType: "circle",
           geometry: {
-            type: 'circle',
+            type: "circle",
             x: parseFloat(item.longitude),
             y: parseFloat(item.latitude),
             radius: parseFloat(item.radius)
@@ -3014,19 +3022,19 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       }
       var ids = [];
       switch (type) {
-        case 'point':
+        case "point":
           ids = t.state.pointIds;
           break;
-        case 'line':
+        case "line":
           ids = t.state.lineIds;
           break;
-        case 'polygon':
+        case "polygon":
           ids = t.state.polygonIds;
           break;
-        case 'circle':
+        case "circle":
           ids = t.state.circleIds;
           break;
-        case 'draw':
+        case "draw":
           if (t.state.drawIds.point.indexOf(id) > -1) {
             t.state.drawIds.point.splice(t.state.drawIds.point.indexOf(id), 1);
           }
@@ -3059,7 +3067,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           break;
       }
       if (id == t.state.editId) {
-        t.state.editId = '';
+        t.state.editId = "";
       }
       if (ids.indexOf(id) != -1) {
         ids.splice(ids.indexOf(id), 1);
@@ -3075,7 +3083,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       //清空热力图
       if (t.heatmap) {
         var hMap = layers.filter(function (item) {
-          return item.name == 'heatMap';
+          return item.name == "heatMap";
         })[0];
         hMap.getSource().clear();
         gis.removeLayer(layer);
@@ -3115,19 +3123,19 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         cs = _toConsumableArray(circleIds);
       // 删除点
       for (var i = 0; i < ps.length; i++) {
-        t.removeGraphic(ps[i], 'point');
+        t.removeGraphic(ps[i], "point");
       }
       // 删除线
       for (var _i = 0; _i < ls.length; _i++) {
-        t.removeGraphic(ls[_i], 'line');
+        t.removeGraphic(ls[_i], "line");
       }
       // 删除面
       for (var _i2 = 0; _i2 < pgs.length; _i2++) {
-        t.removeGraphic(pgs[_i2], 'polygon');
+        t.removeGraphic(pgs[_i2], "polygon");
       }
       // 删除圆
       for (var _i3 = 0; _i3 < cs.length; _i3++) {
-        t.removeGraphic(cs[_i3], 'circle');
+        t.removeGraphic(cs[_i3], "circle");
       }
       //删除绘制的点
       var point = drawIds.point,
@@ -3162,39 +3170,39 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         gis.removeControl(t.scaleControl);
       }
       t.scaleControl = new ol.control.ScaleLine({
-        units: 'metric',
+        units: "metric",
         //设置度量单位
         className: "ol-scale-line-".concat(config.location)
       });
       gis.addControl(t.scaleControl);
       setTimeout(function () {
-        if (config.location == 'tl') {
+        if (config.location == "tl") {
           $("div.ol-scale-line-".concat(config.location)).css({
-            position: 'absolute',
+            position: "absolute",
             left: config.offset ? config.offset[0] : 0 + 65,
             top: config.offset ? config.offset[1] : 0,
-            textAlign: 'center'
+            textAlign: "center"
           });
-        } else if (config.location == 'bl') {
+        } else if (config.location == "bl") {
           $("div.ol-scale-line-".concat(config.location)).css({
-            position: 'absolute',
+            position: "absolute",
             left: config.offset ? config.offset[0] : 0 + 65,
             bottom: config.offset ? config.offset[1] : 0,
-            textAlign: 'center'
+            textAlign: "center"
           });
-        } else if (config.location == 'tr') {
+        } else if (config.location == "tr") {
           $("div.ol-scale-line-".concat(config.location)).css({
-            position: 'absolute',
+            position: "absolute",
             right: config.offset ? config.offset[0] : 0 + 65,
             top: config.offset ? config.offset[1] : 0,
-            textAlign: 'center'
+            textAlign: "center"
           });
-        } else if (config.location == 'br') {
+        } else if (config.location == "br") {
           $("div.ol-scale-line-".concat(config.location)).css({
-            position: 'absolute',
+            position: "absolute",
             right: config.offset ? config.offset[0] : 0 + 65,
             bottom: config.offset ? config.offset[1] : 0,
-            textAlign: 'center'
+            textAlign: "center"
           });
         }
       }, 20);
@@ -3257,10 +3265,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         var pointIds = t.state.pointIds;
         ary = pointIds;
       } else {
-        if (Object.prototype.toString.apply(arg) === '[object Array]') {
+        if (Object.prototype.toString.apply(arg) === "[object Array]") {
           ary = arg;
-        } else if (typeof arg === 'string') {
-          ary = arg.split(',');
+        } else if (typeof arg === "string") {
+          ary = arg.split(",");
         }
       }
       t.pointLayers.map(function (item) {
@@ -3269,7 +3277,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       });
       var ms = this.GM.getMoreGraphic(ary).filter(function (item, index) {
         // return !item && item != 0 ? false : true;
-        return item && item.getGeometry().getType() === 'Point' && !item.label;
+        return item && item.getGeometry().getType() === "Point" && !item.label;
       });
       var source = new ol.source.Vector({
         features: ms
@@ -3322,7 +3330,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         if (cluster !== t.clusterInfo.clickFeature || resolution !== t.clusterInfo.clickResolution) {
           return;
         }
-        var clusterMembers = cluster.get('features');
+        var clusterMembers = cluster.get("features");
         var centerCoordinates = cluster.getGeometry().getCoordinates();
         return generatePointsCircle(clusterMembers.length, cluster.getGeometry().getCoordinates(), resolution).reduce(function (styles, coordinates, i) {
           var point = new ol.geom.Point(coordinates);
@@ -3330,7 +3338,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           styles.unshift(new ol.style.Style({
             geometry: line,
             stroke: new ol.style.Stroke({
-              color: 'rgba(204, 85, 0, 1)',
+              color: "rgba(204, 85, 0, 1)",
               width: 1.5
             })
           }));
@@ -3358,51 +3366,51 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         if (cluster !== t.clusterInfo.hoverFeature) {
           return;
         }
-        var originalFeatures = cluster.get('features');
+        var originalFeatures = cluster.get("features");
         var points = originalFeatures.map(function (feature) {
           return feature.getGeometry().getCoordinates();
         });
         return new ol.style.Style({
           geometry: new ol.geom.Polygon(points),
           fill: new ol.style.Fill({
-            color: 'rgba(255, 153, 0, 0.4)'
+            color: "rgba(255, 153, 0, 0.4)"
           }),
           stroke: new ol.style.Stroke({
-            color: 'rgba(204, 85, 0, 1)',
+            color: "rgba(204, 85, 0, 1)",
             width: 1.5
           })
         });
       }
       function clusterStyle(feature) {
-        var size = feature.get('features').length;
+        var size = feature.get("features").length;
         if (size > 2) {
           return [new ol.style.Style({
             image: new ol.style.Circle({
               radius: 20,
               fill: new ol.style.Fill({
-                color: 'rgba(255, 153, 102, 0.3)'
+                color: "rgba(255, 153, 102, 0.3)"
               })
             })
           }), new ol.style.Style({
             image: new ol.style.Circle({
               radius: 14,
               fill: new ol.style.Fill({
-                color: 'rgba(255, 165, 0, 0.7)'
+                color: "rgba(255, 165, 0, 0.7)"
               })
             }),
             text: new ol.style.Text({
               text: size.toString(),
               fill: new ol.style.Fill({
-                color: '#fff'
+                color: "#fff"
               }),
               stroke: new ol.style.Stroke({
-                color: 'rgba(0, 0, 0, 0.6)',
+                color: "rgba(0, 0, 0, 0.6)",
                 width: 3
               })
             })
           })];
         } else {
-          return feature.get('features').map(function (originalFeature) {
+          return feature.get("features").map(function (originalFeature) {
             return clusterMemberStyle(originalFeature);
           });
         }
@@ -3543,7 +3551,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         if (!(tl.y < -50 || tl.x < -50 || tl.y > t.state.gis.height || tl.x > t.state.gis.width)) {
           //设置label的位置(通过定位来实现)
           label.html.css({
-            position: 'absolute',
+            position: "absolute",
             top: tl.y + (label.offset.y || 0) - t.labelLayer.y,
             left: tl.x + (label.offset.x || 0) - t.labelLayer.x
           });
@@ -3636,8 +3644,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         deleteIndex.sort(function (a, b) {
           return b - a;
         });
-        for (var _i0 = 0; _i0 < deleteIndex.length; _i0++) {
-          t.movePoints.splice(deleteIndex[_i0], 1);
+        for (var _i10 = 0; _i10 < deleteIndex.length; _i10++) {
+          t.movePoints.splice(deleteIndex[_i10], 1);
         }
         if (nowMovePoints.length == 0) {
           clearInterval(t.moveToTimer);
@@ -3745,7 +3753,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "deepEqual",
     value: function deepEqual(a, b) {
-      return _immutable["default"].is(_immutable["default"].fromJS(a), _immutable["default"].fromJS(b));
+      return _immutable.default.is(_immutable.default.fromJS(a), _immutable.default.fromJS(b));
     }
     //数据解析(分析,新增,更新,删除对应的数据)
   }, {
@@ -3820,11 +3828,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var t = this;
       var _map = this.props;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         id: _map.mapId,
         style: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         }
       });
     }
@@ -3897,11 +3905,11 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         pointsFeature = _nextProps$pointsFeat === void 0 ? [] : _nextProps$pointsFeat;
       // 等待地图加载
       if (!t.mapCreated) return;
-      /*点数据处理
-          pointData[2]相同的点,执行刷新
-          pointData[1]的数据在idsForGraphicId中不存在的,执行新增
-          pointData[0]数据中多余的id,执行删除
-      */
+      /*点数据处理
+              pointData[2]相同的点,执行刷新
+              pointData[1]的数据在idsForGraphicId中不存在的,执行新增
+              pointData[0]数据中多余的id,执行删除
+          */
       if (pointsFeature instanceof Array && !t.deepEqual(pointsFeature, t.props.pointsFeature)) {
         t.addPointLayer(pointsFeature);
       }
@@ -3917,7 +3925,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             return item.id !== editGraphicId;
           });
         }
-        var _t$dataMatch = t.dataMatch(oldMapPoints, newMapPoints, 'id'),
+        var _t$dataMatch = t.dataMatch(oldMapPoints, newMapPoints, "id"),
           deletedDataIDs = _t$dataMatch.deletedDataIDs,
           addedData = _t$dataMatch.addedData,
           updatedData = _t$dataMatch.updatedData;
@@ -3929,26 +3937,26 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           otherads = _t$dealUpdate.otherads;
         //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
         var index = 0;
-        var _removeGraphic = function removeGraphic(id) {
-          t.removeGraphic(id, 'point');
+        var removeGraphic = function removeGraphic(id) {
+          t.removeGraphic(id, "point");
           if (index < deletedDataIDs.length - 1) {
             requestIdleCallback(function () {
-              return _removeGraphic(deletedDataIDs[++index]);
+              return removeGraphic(deletedDataIDs[++index]);
             });
           }
         };
-        if (!(0, _lodash.isEmpty)(deletedDataIDs)) {
-          _removeGraphic(deletedDataIDs[index]);
+        if (!(0, _isEmpty.default)(deletedDataIDs)) {
+          removeGraphic(deletedDataIDs[index]);
         }
         //增加
         t.addPoint([].concat(_toConsumableArray(ads), _toConsumableArray(otherads)));
         //更新
         t.updatePoint([].concat(_toConsumableArray(upds), _toConsumableArray(otherupds)));
       }
-      /*
-          线数据处理
-          先全删除,再新增
-      */
+      /*
+              线数据处理
+              先全删除,再新增
+          */
       if (mapLines instanceof Array && t.props.mapLines instanceof Array && !t.deepEqual(mapLines, t.props.mapLines)) {
         var oldMapLines = t.props.mapLines;
         var newMapLines = mapLines;
@@ -3960,7 +3968,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             return item.id !== editGraphicId;
           });
         }
-        var _t$dataMatch2 = t.dataMatch(oldMapLines, newMapLines, 'id'),
+        var _t$dataMatch2 = t.dataMatch(oldMapLines, newMapLines, "id"),
           _deletedDataIDs = _t$dataMatch2.deletedDataIDs,
           _addedData = _t$dataMatch2.addedData,
           _updatedData = _t$dataMatch2.updatedData;
@@ -3976,7 +3984,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var id = _step.value;
-            t.removeGraphic(id, 'line');
+            t.removeGraphic(id, "line");
           }
           //增加
         } catch (err) {
@@ -3988,10 +3996,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         //更新
         t.updateLine([].concat(_toConsumableArray(_upds), _toConsumableArray(_otherupds)));
       }
-      /*
-          面数据处理
-          先全删除,再新增
-      */
+      /*
+              面数据处理
+              先全删除,再新增
+          */
       if (mapPolygons instanceof Array && t.props.mapPolygons instanceof Array && !t.deepEqual(mapPolygons, t.props.mapPolygons)) {
         var oldMapPolygons = t.props.mapPolygons;
         var newMapPolygons = mapPolygons;
@@ -4003,7 +4011,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             return item.id !== editGraphicId;
           });
         }
-        var _t$dataMatch3 = t.dataMatch(oldMapPolygons, newMapPolygons, 'id'),
+        var _t$dataMatch3 = t.dataMatch(oldMapPolygons, newMapPolygons, "id"),
           _deletedDataIDs2 = _t$dataMatch3.deletedDataIDs,
           _addedData2 = _t$dataMatch3.addedData,
           _updatedData2 = _t$dataMatch3.updatedData;
@@ -4019,7 +4027,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var _id = _step2.value;
-            t.removeGraphic(_id, 'polygon');
+            t.removeGraphic(_id, "polygon");
           }
           //增加
         } catch (err) {
@@ -4031,10 +4039,10 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         //更新
         t.updatePolygon([].concat(_toConsumableArray(_upds2), _toConsumableArray(_otherupds2)));
       }
-      /*
-          圆数据处理
-          先全删除,再新增
-      */
+      /*
+              圆数据处理
+              先全删除,再新增
+          */
       if (mapCircles instanceof Array && t.props.mapCircles instanceof Array && !t.deepEqual(mapCircles, t.props.mapCircles)) {
         var oldMapCircles = t.props.mapCircles;
         var newMapCircles = mapCircles;
@@ -4046,7 +4054,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
             return item.id !== editGraphicId;
           });
         }
-        var _t$dataMatch4 = t.dataMatch(oldMapCircles, newMapCircles, 'id'),
+        var _t$dataMatch4 = t.dataMatch(oldMapCircles, newMapCircles, "id"),
           _deletedDataIDs3 = _t$dataMatch4.deletedDataIDs,
           _addedData3 = _t$dataMatch4.addedData,
           _updatedData3 = _t$dataMatch4.updatedData;
@@ -4062,7 +4070,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
             var _id2 = _step3.value;
-            t.removeGraphic(_id2, 'circle');
+            t.removeGraphic(_id2, "circle");
           }
           //增加
         } catch (err) {
@@ -4075,7 +4083,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         t.updateCircle([].concat(_toConsumableArray(_upds3), _toConsumableArray(_otherupds3)));
       }
       //图元编辑调用
-      if (typeof isDoEdit == 'boolean' && isDoEdit || isDoEdit && isDoEdit !== t.props.isDoEdit) {
+      if (typeof isDoEdit == "boolean" && isDoEdit || isDoEdit && isDoEdit !== t.props.isDoEdit) {
         t.doEdit(editGraphicId);
       }
       // 获取热力图
@@ -4085,15 +4093,15 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         t.clearHeatMap(heatMapData);
       }
       //清空地图
-      if (typeof isClearAll == 'boolean' && isClearAll || isClearAll && isClearAll !== t.props.isClearAll) {
+      if (typeof isClearAll == "boolean" && isClearAll || isClearAll && isClearAll !== t.props.isClearAll) {
         t.clearAll();
       }
       //测距工具调用
-      if (typeof isRangingTool == 'boolean' && isRangingTool || isRangingTool && isRangingTool !== t.props.isRangingTool) {
+      if (typeof isRangingTool == "boolean" && isRangingTool || isRangingTool && isRangingTool !== t.props.isRangingTool) {
         t.vtxRangingTool(mapRangingTool);
       }
       /*设置指定图元展示*/
-      if (typeof setVisiblePoints == 'boolean' && setVisiblePoints || setVisiblePoints && setVisiblePoints !== t.props.setVisiblePoints) {
+      if (typeof setVisiblePoints == "boolean" && setVisiblePoints || setVisiblePoints && setVisiblePoints !== t.props.setVisiblePoints) {
         t.setVisiblePoints(mapVisiblePoints);
       }
       //设置中心点
@@ -4106,44 +4114,44 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         t.setCenter(mapCenter);
       }
       //设置点聚合
-      if (typeof setCluster == 'boolean' && setCluster || setCluster && setCluster !== t.props.setCluster) {
+      if (typeof setCluster == "boolean" && setCluster || setCluster && setCluster !== t.props.setCluster) {
         t.cluster(mapCluster);
       }
       if (!setCluster && setCluster !== t.props.setCluster) {
         t.clearCluster(mapCluster);
       }
       //图元编辑调用
-      if (typeof isDoEdit == 'boolean' && isDoEdit || isDoEdit && isDoEdit !== t.props.isDoEdit) {
+      if (typeof isDoEdit == "boolean" && isDoEdit || isDoEdit && isDoEdit !== t.props.isDoEdit) {
         t.doEdit(editGraphicId);
       }
       //关闭图元编辑
-      if (typeof isEndEdit == 'boolean' && isEndEdit || isEndEdit && isEndEdit !== t.props.isEndEdit) {
+      if (typeof isEndEdit == "boolean" && isEndEdit || isEndEdit && isEndEdit !== t.props.isEndEdit) {
         t.endEdit();
       }
       //绘制图元
-      if (typeof isDraw == 'boolean' && isDraw || isDraw && isDraw !== t.props.isDraw) {
+      if (typeof isDraw == "boolean" && isDraw || isDraw && isDraw !== t.props.isDraw) {
         t.draw(mapDraw);
       }
       //关闭绘制
-      if (typeof isCloseDraw == 'boolean' && isCloseDraw || isCloseDraw && isCloseDraw !== t.props.isCloseDraw) {
+      if (typeof isCloseDraw == "boolean" && isCloseDraw || isCloseDraw && isCloseDraw !== t.props.isCloseDraw) {
         t.closeDraw();
       }
       //单独删除操作
-      if (typeof isRemove == 'boolean' && isRemove || isRemove && isRemove !== t.props.isRemove) {
+      if (typeof isRemove == "boolean" && isRemove || isRemove && isRemove !== t.props.isRemove) {
         mapRemove.map(function (item, index) {
           t.removeGraphic(item.id, item.type);
         });
       }
       //设置区域限制
-      if (typeof isSetAreaRestriction == 'boolean' && isSetAreaRestriction || isSetAreaRestriction && isSetAreaRestriction !== t.props.isSetAreaRestriction && areaRestriction && !!areaRestriction[0] && !!areaRestriction[1]) {
+      if (typeof isSetAreaRestriction == "boolean" && isSetAreaRestriction || isSetAreaRestriction && isSetAreaRestriction !== t.props.isSetAreaRestriction && areaRestriction && !!areaRestriction[0] && !!areaRestriction[1]) {
         t.setAreaRestriction(areaRestriction);
       }
       //关闭区域限制
-      if (typeof isClearAreaRestriction == 'boolean' && isClearAreaRestriction || isClearAreaRestriction && isClearAreaRestriction !== t.props.isClearAreaRestriction) {
+      if (typeof isClearAreaRestriction == "boolean" && isClearAreaRestriction || isClearAreaRestriction && isClearAreaRestriction !== t.props.isClearAreaRestriction) {
         t.clearAreaRestriction();
       }
       // 设置地图层级
-      if (typeof setZoomLevel == 'boolean' && setZoomLevel || setZoomLevel && setZoomLevel !== t.props.setZoomLevel) {
+      if (typeof setZoomLevel == "boolean" && setZoomLevel || setZoomLevel && setZoomLevel !== t.props.setZoomLevel) {
         t.setZoomLevel(mapZoomLevel);
       }
       // 比例尺控件位置改变
@@ -4161,7 +4169,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     key: "clickMap",
     value: function clickMap(e) {
       var t = this;
-      if (typeof t.props.clickMap === 'function') {
+      if (typeof t.props.clickMap === "function") {
         var obj = t.getMapExtent();
         obj.e = e;
         obj.clickLngLat = {
@@ -4193,7 +4201,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       var url = source.getFeatureInfoUrl(event.coordinate, view.getResolution(), view.getProjection(), {
         cql_filter: sourceParam === null || sourceParam === void 0 ? void 0 : sourceParam.cql_filter,
         QUERY_LAYERS: sourceParam === null || sourceParam === void 0 ? void 0 : sourceParam.layers,
-        INFO_FORMAT: 'application/json',
+        INFO_FORMAT: "application/json",
         REQUEST: "GetFeatureInfo",
         FEATURE_COUNT: 50
       });
@@ -4222,7 +4230,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           });
         }
         return features;
-      })["catch"](function () {
+      }).catch(function () {
         return [];
       });
     }
@@ -4232,7 +4240,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     value: function mouseOverGraphic(id, e) {
       var t = this;
       if (t.state.editId == id) return false;
-      if (typeof t.props.mouseOverGraphic === 'function') {
+      if (typeof t.props.mouseOverGraphic === "function") {
         var obj = {
           e: e,
           id: id,
@@ -4251,7 +4259,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       var t = this;
       //编辑中的图元关闭其他事件返回
       if (t.state.editId == id) return false;
-      if (typeof t.props.mouseOutGraphic === 'function') {
+      if (typeof t.props.mouseOutGraphic === "function") {
         var obj = {
           e: e,
           id: id,
@@ -4268,7 +4276,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     key: "dragMapStart",
     value: function dragMapStart(e) {
       var t = this;
-      if (typeof t.props.dragMapStart === 'function') {
+      if (typeof t.props.dragMapStart === "function") {
         var obj = t.getMapExtent();
         obj.e = e;
         t.props.dragMapStart(obj);
@@ -4279,7 +4287,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     key: "dragMapEnd",
     value: function dragMapEnd(e) {
       var t = this;
-      if (typeof t.props.dragMapEnd === 'function') {
+      if (typeof t.props.dragMapEnd === "function") {
         var obj = t.getMapExtent();
         obj.e = e;
         t.props.dragMapEnd(obj);
@@ -4296,7 +4304,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         max: 100,
         visible: true,
         opacity: 0.7,
-        gradient: ['#00f', '#0ff', '#0f0', '#ff0', '#f00']
+        gradient: ["#00f", "#0ff", "#0f0", "#ff0", "#f00"]
       };
       if (d.config) {
         cg = _objectSpread(_objectSpread({}, cg), d.config);
@@ -4316,15 +4324,15 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       //     })
       // }
       var heatData = {
-        type: 'FeatureCollection',
+        type: "FeatureCollection",
         features: (d.data || []).map(function (item) {
           return {
-            type: 'Feature',
+            type: "Feature",
             properties: {
               weight: item.count ? item.count / 100 : 0.5
             },
             geometry: {
-              type: 'Point',
+              type: "Point",
               coordinates: [item.lng, item.lat]
             }
           };
@@ -4334,7 +4342,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
         features: new ol.format.GeoJSON().readFeatures(heatData)
       });
       t.heatmap = new ol.layer.Heatmap({
-        name: 'heatmap',
+        name: "heatmap",
         source: heatSource,
         radius: cg.radius,
         visible: cg.visible,
@@ -4359,7 +4367,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     key: "moveStart",
     value: function moveStart(e) {
       var t = this;
-      if (typeof t.props.moveStart === 'function') {
+      if (typeof t.props.moveStart === "function") {
         var obj = t.getMapExtent();
         obj.e = e;
         t.props.moveStart(obj);
@@ -4370,7 +4378,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     key: "moveEnd",
     value: function moveEnd(e) {
       var t = this;
-      if (typeof t.props.moveEnd === 'function') {
+      if (typeof t.props.moveEnd === "function") {
         var obj = t.getMapExtent();
         obj.e = e;
         t.props.moveEnd(obj);
@@ -4381,7 +4389,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     key: "zoomStart",
     value: function zoomStart(e) {
       var t = this;
-      if (typeof t.props.zoomStart === 'function') {
+      if (typeof t.props.zoomStart === "function") {
         var obj = t.getMapExtent();
         obj.e = e;
         t.props.zoomStart(obj);
@@ -4392,7 +4400,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
     key: "zoomEnd",
     value: function zoomEnd(e) {
       var t = this;
-      if (typeof t.props.zoomEnd === 'function') {
+      if (typeof t.props.zoomEnd === "function") {
         var obj = t.getMapExtent();
         obj.e = e;
         t.props.zoomEnd(obj);
@@ -4406,7 +4414,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       var t = this;
       //编辑中的图元关闭其他事件返回
       if (t.editId == id) return false;
-      if (typeof t.props.clickGraphic === 'function') {
+      if (typeof t.props.clickGraphic === "function") {
         var _e$pixel = _slicedToArray(e.pixel, 2),
           clientX = _e$pixel[0],
           clientY = _e$pixel[1];
@@ -4452,35 +4460,37 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       window.VtxMap && (window.VtxMap[t.state.mapId] = null);
     }
   }]);
-}(_react["default"].Component);
-var _default = exports["default"] = OlMap;
+  return OlMap;
+}(_react.default.Component);
+var _default = exports.default = OlMap;
 var Popup = /*#__PURE__*/function (_React$Component2) {
+  _inherits(Popup, _React$Component2);
+  var _super2 = _createSuper(Popup);
   function Popup(props) {
-    var _this0;
+    var _this10;
     _classCallCheck(this, Popup);
-    _this0 = _callSuper(this, Popup);
-    _this0.map = props.map;
-    _this0.position = props.position;
-    _this0.overlay = null;
-    _this0.container = null;
-    _this0.innerHTML = props.innerHTML;
-    _this0.closeble = props.close;
-    return _this0;
+    _this10 = _super2.call(this);
+    _this10.map = props.map;
+    _this10.position = props.position;
+    _this10.overlay = null;
+    _this10.container = null;
+    _this10.innerHTML = props.innerHTML;
+    _this10.closeble = props.close;
+    return _this10;
   }
 
   // 弹出框
-  _inherits(Popup, _React$Component2);
-  return _createClass(Popup, [{
+  _createClass(Popup, [{
     key: "showPopup",
     value: function showPopup() {
       var t = this;
       this.removePopup();
       // 获取弹出层DOM
       t.container = document.createElement("div");
-      t.container['className'] = "ol-popup";
+      t.container["className"] = "ol-popup";
       if (t.closeble) {
         var close = document.createElement("a");
-        close['className'] = "ol-popup-closer";
+        close["className"] = "ol-popup-closer";
         close.addEventListener("click", function (e) {
           t.removePopup();
         });
@@ -4518,16 +4528,17 @@ var Popup = /*#__PURE__*/function (_React$Component2) {
       }
     }
   }]);
-}(_react["default"].Component);
+  return Popup;
+}(_react.default.Component);
 function getRgbColor(color, opacity) {
   var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
-  if (!reg.test(color) && typeof color !== 'string') {
+  if (!reg.test(color) && typeof color !== "string") {
     return;
   }
-  var newStr = color.toLowerCase().replace(/\#/g, '');
+  var newStr = color.toLowerCase().replace(/\#/g, "");
   var len = newStr.length;
   if (len == 3) {
-    var t = '';
+    var t = "";
     for (var i = 0; i < len; i++) {
       t += newStr.slice(i, i + 1).concat(newStr.slice(i, i + 1));
     }
@@ -4536,16 +4547,16 @@ function getRgbColor(color, opacity) {
   var arr = []; //将字符串分隔，两个两个的分隔
   for (var i = 0; i < 6; i = i + 2) {
     var s = newStr.slice(i, i + 2);
-    arr.push(parseInt('0x' + s));
+    arr.push(parseInt("0x" + s));
   }
-  return 'rgba(' + arr.join(',') + ',' + opacity + ')';
+  return "rgba(" + arr.join(",") + "," + opacity + ")";
 }
 
 // 压缩图片的方法
 function canvasDataURL(path, obj, callback) {
   var img = new Image();
   img.src = path;
-  img.setAttribute("crossOrigin", 'Anonymous');
+  img.setAttribute("crossOrigin", "Anonymous");
   img.onload = function () {
     var that = this;
     // 默认按比例压缩
@@ -4556,8 +4567,8 @@ function canvasDataURL(path, obj, callback) {
     h = obj.height || w / scale;
     var quality = 0.7; // 默认图片质量为0.7
     //生成canvas
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
+    var canvas = document.createElement("canvas");
+    var ctx = canvas.getContext("2d");
     // 创建属性节点
     var anw = document.createAttribute("width");
     anw.nodeValue = w;
@@ -4571,7 +4582,7 @@ function canvasDataURL(path, obj, callback) {
       quality = obj.quality;
     }
     // quality值越小，所绘制出的图像越模糊
-    var base64 = canvas.toDataURL('image/png', quality);
+    var base64 = canvas.toDataURL("image/png", quality);
     // 回调函数返回base64的值
     callback(base64);
   };
@@ -4581,7 +4592,7 @@ var ImgCache = /*#__PURE__*/function () {
     _classCallCheck(this, ImgCache);
     this.imgs = {};
   }
-  return _createClass(ImgCache, [{
+  _createClass(ImgCache, [{
     key: "set",
     value: function set(key, value) {
       this.imgs[key] = value;
@@ -4604,6 +4615,5 @@ var ImgCache = /*#__PURE__*/function () {
       this.imgs = {};
     }
   }]);
-}();
-module.exports = exports["default"];
-//# sourceMappingURL=Map.js.map
+  return ImgCache;
+}();