@vtx/map 1.2.30 → 6.0.0-beta.1

package/lib/VtxMap/GMap/Map.js

@@ -3,47 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _MapToolFunction = require("../MapToolFunction");
 var _immutable = _interopRequireDefault(require("immutable"));
-var _default2 = _interopRequireDefault(require("../../default"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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; } } }; }
+var _default2 = _interopRequireWildcard(require("../../default"));
+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 _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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+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 _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 _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 _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 _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 _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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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 _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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _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); } //公共地址配置
-var Set = _immutable["default"].Set;
+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); } //公共地址配置
+var Set = _immutable.default.Set;
 var ArcgisMap = /*#__PURE__*/function (_React$Component) {
+  _inherits(ArcgisMap, _React$Component);
+  var _super = _createSuper(ArcgisMap);
   function ArcgisMap(props) {
     var _this;
     _classCallCheck(this, ArcgisMap);
-    _this = _callSuper(this, ArcgisMap, [props]);
+    _this = _super.call(this, props);
     _this.grwkid = 4326; //wkid 坐标系对应,全局使用.
     _this.wkid = (isNaN(parseInt(props.wkid)) ? props.wkid : parseInt(props.wkid)) || 4326; //wkid 坐标系对应,全局使用.
-    _this.wkidStr = isNaN(parseInt(props.wkid)) ? 'wkt' : 'wkid';
+    _this.wkidStr = isNaN(parseInt(props.wkid)) ? "wkt" : "wkid";
     _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,
@@ -59,9 +64,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
     _this.drawParam = {}; //缓存 绘制的数据
     _this.editToolbar = null; //编辑对象
     _this.editToolbarC = null; //编辑对象
-    _this.editId = ''; //当前编辑的图元id
+    _this.editId = ""; //当前编辑的图元id
     _this.canMoveLabel = false; //编辑点时,label跟着移动开关
-    //当前鼠标的经纬度,便捷含label点时刷新 
+    //当前鼠标的经纬度,便捷含label点时刷新
     //x,y鼠标坐标  px,py鼠标与点中心偏移坐标  isCount是否计算偏移
     _this.mouseNowPosition = {
       x: 0,
@@ -104,7 +109,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       circleIds: [],
       //地图上圆的ids
       // editId: '',//当前编辑的图元id
-      editGraphic: '',
+      editGraphic: "",
       //当前编辑完后图元所有数据
       boundaryInfo: [],
       //当前画出的边界线的id和区域名
@@ -121,47 +126,48 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   //加载地图信息
-  _inherits(ArcgisMap, _React$Component);
-  return _createClass(ArcgisMap, [{
+  _createClass(ArcgisMap, [{
     key: "loadMapJs",
     value: function loadMapJs() {
       this.loadMapComplete = new Promise(function (resolve, reject) {
-        if (window.GMap) {
-          resolve(window.GMap);
-        } else {
-          //加载 js
-          // $.getScript('http://222.92.212.126:25048/gis/html/js/arcgis_js_api/library/3.9/3.9/init.js',()=>{
-          $.getScript("".concat(_default2["default"].arcgisServerURL, "/html/js/arcgis_js_api/library/3.9/3.9/init.js"), function () {
-            var Heatmap = new Promise(function (resolve, reject) {
-              $.getScript("".concat(_default2["default"].mapServerURL, "/gisheatmap.js"), function () {
-                resolve();
+        (0, _default2.ensurejQuery)().then(function () {
+          if (window.GMap) {
+            resolve(window.GMap);
+          } else {
+            //加载 js
+            // $.getScript('http://222.92.212.126:25048/gis/html/js/arcgis_js_api/library/3.9/3.9/init.js',()=>{
+            $.getScript("".concat(_default2.default.arcgisServerURL, "/html/js/arcgis_js_api/library/3.9/3.9/init.js"), function () {
+              var Heatmap = new Promise(function (resolve, reject) {
+                $.getScript("".concat(_default2.default.mapServerURL, "/gisheatmap.js"), function () {
+                  resolve();
+                });
               });
-            });
-            var PointCollection = new Promise(function (resolve, reject) {
-              $.getScript("".concat(_default2["default"].mapServerURL, "/GPointCollection.js"), function () {
-                resolve();
+              var PointCollection = new Promise(function (resolve, reject) {
+                $.getScript("".concat(_default2.default.mapServerURL, "/GPointCollection.js"), function () {
+                  resolve();
+                });
               });
-            });
-            Promise.all([Heatmap, PointCollection]).then(function () {
-              //require是关键字 这边用window区别
-              window.require(["esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "dojo/on", 'esri/geometry/Point', 'esri/symbols/SimpleMarkerSymbol', "esri/Color", "esri/graphic", "esri/domUtils", "esri/toolbars/edit", "esri/symbols/PictureMarkerSymbol", "esri/symbols/TextSymbol", "esri/symbols/SimpleLineSymbol", "esri/toolbars/draw", "esri/layers/WMTSLayer", "esri/geometry/Extent", "esri/layers/WMTSLayerInfo", "esri/geometry/Polyline", "esri/symbols/SimpleFillSymbol", "esri/geometry/Circle", "esri/layers/TileInfo", "esri/SpatialReference", "esri/dijit/BasemapToggle"], function (Map) {
-                window.GMap = Map;
-                resolve(window.GMap);
+              Promise.all([Heatmap, PointCollection]).then(function () {
+                //require是关键字 这边用window区别
+                window.require(["esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "dojo/on", "esri/geometry/Point", "esri/symbols/SimpleMarkerSymbol", "esri/Color", "esri/graphic", "esri/domUtils", "esri/toolbars/edit", "esri/symbols/PictureMarkerSymbol", "esri/symbols/TextSymbol", "esri/symbols/SimpleLineSymbol", "esri/toolbars/draw", "esri/layers/WMTSLayer", "esri/geometry/Extent", "esri/layers/WMTSLayerInfo", "esri/geometry/Polyline", "esri/symbols/SimpleFillSymbol", "esri/geometry/Circle", "esri/layers/TileInfo", "esri/SpatialReference", "esri/dijit/BasemapToggle"], function (Map) {
+                  window.GMap = Map;
+                  resolve(window.GMap);
+                });
               });
             });
-          });
-          //加载 css
-          $("<link>").attr({
-            rel: "stylesheet",
-            type: "text/css",
-            href: "".concat(_default2["default"].arcgisServerURL, "/html/js/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css")
-          }).appendTo("head");
-          $("<link>").attr({
-            rel: "stylesheet",
-            type: "text/css",
-            href: "".concat(_default2["default"].arcgisServerURL, "/html/js/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css")
-          }).appendTo("head");
-        }
+            //加载 css
+            $("<link>").attr({
+              rel: "stylesheet",
+              type: "text/css",
+              href: "".concat(_default2.default.arcgisServerURL, "/html/js/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css")
+            }).appendTo("head");
+            $("<link>").attr({
+              rel: "stylesheet",
+              type: "text/css",
+              href: "".concat(_default2.default.arcgisServerURL, "/html/js/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css")
+            }).appendTo("head");
+          }
+        });
       });
     }
     //初始化地图数据
@@ -248,7 +254,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               //渲染優化
               if (!(tl.y < -50 || tl.x < -50 || tl.y > t.state.gis.height || tl.x > t.state.gis.width)) {
                 t.Label[i].html.css({
-                  position: 'absolute',
+                  position: "absolute",
                   top: tl.y + t.Label[i].offset.y - t.labelLayer.y,
                   left: tl.x + t.Label[i].offset.x - t.labelLayer.x
                 });
@@ -285,10 +291,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             }
             t.rangingTool.line.paths.push([].concat(lnlt));
             //处理距离展示
-            var distext = t.rangingTool.distance > 0 ? t.rangingTool.distance > 1000 ? "\u603B\u957F:".concat(Math.round(t.rangingTool.distance / 10) / 100, "\u516C\u91CC") : "\u603B\u957F:".concat(t.rangingTool.distance, "\u7C73") : '起点';
+            var distext = t.rangingTool.distance > 0 ? t.rangingTool.distance > 1000 ? "\u603B\u957F:".concat(Math.round(t.rangingTool.distance / 10) / 100, "\u516C\u91CC") : "\u603B\u957F:".concat(t.rangingTool.distance, "\u7C73") : "起点";
             //加点
             var point = {
-              id: t.rangingTool.points.length + 'vtx_g_rang_p' + Math.random(),
+              id: t.rangingTool.points.length + "vtx_g_rang_p" + Math.random(),
               longitude: lnlt[0],
               latitude: lnlt[1],
               markerContent: "\n                            <div style='z-index:1;'>\n                                <div class='vtx-g-rangingPoint'></div>\n                                <div class='vtx-g-rangingDistance'>".concat(distext, "</div>\n                            </div>\n                        "),
@@ -306,12 +312,12 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             if (t.rangingTool.line.paths.length == 2) {
               //加线
               t.rangingTool.line = {
-                id: 'vtx_g_rang_line' + Math.random(),
+                id: "vtx_g_rang_line" + Math.random(),
                 paths: _toConsumableArray(t.rangingTool.line.paths),
                 config: {
-                  color: '#ff0000',
+                  color: "#ff0000",
                   lineWidth: 2,
-                  lineType: 'solid'
+                  lineType: "solid"
                 }
               };
               t.addLine([t.rangingTool.line]);
@@ -321,13 +327,13 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               })]);
             }
             //双击 测距结束
-            if (status == 'dbl') {
+            if (status == "dbl") {
               //开启双击缩放功能
               t.state.gis.enableDoubleClickZoom();
               var rangkey = new Date().getTime() + Math.random();
               //加结束点
               var end = {
-                id: 'vtx_g_rang_end' + Math.random(),
+                id: "vtx_g_rang_end" + Math.random(),
                 longitude: lnlt[0],
                 latitude: lnlt[1],
                 markerContent: "\n                                <div>\n                                    <div class='vtx-g-rang-exit'>x</div>\n                                </div>\n                            ",
@@ -341,9 +347,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               };
               //用addpoint方法加点
               t.addPoint([end]);
-              //删除提示框  
-              t.removeGraphic('vtx-g-rang-showRangTool', 'point');
-              t.removeGraphic('vtx-g-rang-showRangTool-line', 'line');
+              //删除提示框
+              t.removeGraphic("vtx-g-rang-showRangTool", "point");
+              t.removeGraphic("vtx-g-rang-showRangTool-line", "line");
               //缓存当前这一条测距数据
               t.rangingTools[rangkey] = _objectSpread({}, t.rangingTool);
               //回调测距参数
@@ -367,11 +373,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         };
         //地图鼠标移入事件
-        t.state.gis.on('mouse-over', function (e) {
+        t.state.gis.on("mouse-over", function (e) {
           //鼠标移出地图时,删除测距显示点
           if (t.rangingTool.isRanging) {
             var rp = {
-              id: 'vtx-g-rang-showRangTool',
+              id: "vtx-g-rang-showRangTool",
               longitude: e.mapPoint.x,
               latitude: e.mapPoint.y,
               markerContent: "\n                            <div class='vtx-g-rang-showRangTool'>\u5355\u51FB\u786E\u5B9A\u8D77\u70B9</div>\n                        ",
@@ -384,18 +390,18 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         //地图鼠标移出事件
-        t.state.gis.on('mouse-out', function (e) {
+        t.state.gis.on("mouse-out", function (e) {
           //鼠标移出地图时,删除测距显示点
           if (t.rangingTool.isRanging) {
-            t.removeGraphic('vtx-g-rang-showRangTool', 'point');
+            t.removeGraphic("vtx-g-rang-showRangTool", "point");
           }
         });
         //地图鼠标移动事件
-        t.state.gis.on('mouse-move', function (e) {
+        t.state.gis.on("mouse-move", function (e) {
           //鼠标移动地图时,删除测距显示点
           if (t.rangingTool.isRanging) {
             //获取测距提示点位
-            var rp = _objectSpread({}, t.GM.getGraphicParam('vtx-g-rang-showRangTool').attributes);
+            var rp = _objectSpread({}, t.GM.getGraphicParam("vtx-g-rang-showRangTool").attributes);
             //删除多余数据,避免other层级太多
             delete rp.other;
             var rcontent = rp.markerContent;
@@ -407,16 +413,16 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               rcontent = "\n                            <div class='vtx-g-rang-showRangTool'>\n                                <div>".concat(distext, "</div>\n                                <div>\u5355\u51FB\u786E\u5B9A\u5730\u70B9,\u53CC\u51FB\u7ED3\u675F</div>\n                            </div>\n                        ");
               //测距移动的线
               var sl = {
-                id: 'vtx-g-rang-showRangTool-line',
+                id: "vtx-g-rang-showRangTool-line",
                 paths: [[t.rangingTool.points[t.rangingTool.points.length - 1].longitude, t.rangingTool.points[t.rangingTool.points.length - 1].latitude], [e.mapPoint.x, e.mapPoint.y]],
                 config: {
-                  color: '#ff0000',
+                  color: "#ff0000",
                   lineWidth: 2,
-                  lineType: 'solid',
+                  lineType: "solid",
                   pellucidity: 0.5
                 }
               };
-              if (!t.GM.getGraphic('vtx-g-rang-showRangTool-line')) {
+              if (!t.GM.getGraphic("vtx-g-rang-showRangTool-line")) {
                 t.addLine([sl]);
               } else {
                 t.updateLine([sl]);
@@ -438,12 +444,12 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         //地图双击事件
-        t.state.gis.on('dbl-click', function (e) {
+        t.state.gis.on("dbl-click", function (e) {
           /*测距功能*/
-          rangingToolFun(e, 'dbl');
+          rangingToolFun(e, "dbl");
         });
         //地图点击事件
-        t.state.gis.on('click', function (e) {
+        t.state.gis.on("click", function (e) {
           var t = _this2;
           /*测距功能*/
           rangingToolFun(e);
@@ -451,15 +457,15 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           t.clickMap(e);
         });
         //鼠标拖拽开始事件
-        t.state.gis.on('mouse-drag-start', function (e) {
+        t.state.gis.on("mouse-drag-start", function (e) {
           t.dragMapStart(e);
         });
         //鼠标拖拽结束事件
-        t.state.gis.on('mouse-drag-end', function (e) {
+        t.state.gis.on("mouse-drag-end", function (e) {
           t.dragMapEnd(e);
         });
         //1.地图移动事件
-        t.state.gis.on('pan', function (e) {
+        t.state.gis.on("pan", function (e) {
           //切换html图层位置
           $("#".concat(t.htmlPointsId)).css({
             top: t.labelLayer.y + e.delta.y,
@@ -474,11 +480,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         //地图拖动开始
-        t.state.gis.on('pan-start', function (e) {
+        t.state.gis.on("pan-start", function (e) {
           t.moveStart(e);
         });
         //地图拖动结束
-        t.state.gis.on('pan-end', function (e) {
+        t.state.gis.on("pan-end", function (e) {
           t.moveEnd(e);
           //聚合点位id存在,则执行聚合运算
           if (t.clusterMarkers.length > 0) {
@@ -494,8 +500,8 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
           //记录html图层位置
           t.labelLayer = {
-            x: eval($("#".concat(t.htmlPointsId)).css('left').replace('px', '')),
-            y: eval($("#".concat(t.htmlPointsId)).css('top').replace('px', ''))
+            x: eval($("#".concat(t.htmlPointsId)).css("left").replace("px", "")),
+            y: eval($("#".concat(t.htmlPointsId)).css("top").replace("px", ""))
           };
           //html点位 根据地图移动和zoom计算位置
           changeLabel();
@@ -513,22 +519,22 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         // 地图zoom开始
-        t.state.gis.on('zoom-start', function (e) {
+        t.state.gis.on("zoom-start", function (e) {
           t.zoomStart(e);
           //隐藏label根节点
           $("#".concat(t.htmlPointsId)).css({
-            display: 'none'
+            display: "none"
           });
           //海量点dom
           $("#".concat(t.pointCollectionId)).css({
-            display: 'none'
+            display: "none"
           });
           if (t.heatmap && !t.isHideHeatMap) {
             t.heatmap.hide();
           }
         });
         // 地图zoom结束
-        t.state.gis.on('zoom-end', function (e) {
+        t.state.gis.on("zoom-end", function (e) {
           t.zoomEnd(e);
           //聚合点位id存在,则执行聚合运算
           if (t.clusterMarkers.length > 0) {
@@ -536,11 +542,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
           //显示label根节点
           $("#".concat(t.htmlPointsId)).css({
-            display: 'inline-block'
+            display: "inline-block"
           });
           //海量点dom
           $("#".concat(t.pointCollectionId)).css({
-            display: 'inline-block'
+            display: "inline-block"
           });
           //刷新label点位位置
           changeLabel();
@@ -597,33 +603,33 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         });
         //2.图元事件
         //图元点击事件
-        t.state.gis.graphics.on('click', function (e) {
+        t.state.gis.graphics.on("click", function (e) {
           if (!e.graphic.attributes) {
             return;
           }
           var gid = e.graphic.attributes.id;
           //聚合点位不执行 图元事件
-          if (gid == 'vtx-clusterPoint') {
+          if (gid == "vtx-clusterPoint") {
             t.setVisiblePoints({
               fitView: e.graphic.attributes.ids
             });
             return false;
           }
           t.clickGraphic(gid, e);
-          if (_typeof(e.graphic.attributes) == 'object') {
+          if (_typeof(e.graphic.attributes) == "object") {
             //点击图元的id
             //判断是否点击的测距关闭点位
-            if (gid && gid.indexOf('vtx_g_rang_end') > -1) {
+            if (gid && gid.indexOf("vtx_g_rang_end") > -1) {
               var index = t.GM.getGraphicParam(gid).attributes.index;
               var ls = t.rangingTools[index].line,
                 ps = t.rangingTools[index].points;
               //删除测距线
-              t.removeGraphic(ls.id, 'line');
+              t.removeGraphic(ls.id, "line");
               //删除关闭点
-              t.removeGraphic(gid, 'point');
+              t.removeGraphic(gid, "point");
               //删除中间点
               for (var i = 0; i < ps.length; i++) {
-                t.removeGraphic(ps[i].id, 'point');
+                t.removeGraphic(ps[i].id, "point");
               }
               //清除测距数据缓存
               delete t.rangingTools[index];
@@ -631,25 +637,25 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         //图元鼠标移入事件
-        t.state.gis.graphics.on('mouse-over', function (e) {
+        t.state.gis.graphics.on("mouse-over", function (e) {
           if (!e.graphic.attributes) {
             return;
           }
           var gid = e.graphic.attributes.id;
           //聚合点位不执行 图元事件
-          if (gid == 'vtx-clusterPoint') {
+          if (gid == "vtx-clusterPoint") {
             return false;
           }
           t.mouseOverGraphic(gid, e);
         });
         //图元鼠标移除事件
-        t.state.gis.graphics.on('mouse-out', function (e) {
+        t.state.gis.graphics.on("mouse-out", function (e) {
           if (!e.graphic.attributes) {
             return;
           }
           var gid = e.graphic.attributes.id;
           //聚合点位不执行 图元事件
-          if (gid == 'vtx-clusterPoint') {
+          if (gid == "vtx-clusterPoint") {
             return false;
           }
           t.mouseOutGraphic(gid, e);
@@ -658,7 +664,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       //graphics对象存在 直接处理数据,不存在 通过load事件等待
       if (t.state.gis.graphics) {
         $("#".concat(t.props.mapId, "_gc")).css({
-          'z-index': 1
+          "z-index": 1
         });
         //添加自定义图元 图层
         $("#".concat(t.props.mapId, "_layers")).append("<div id=".concat(t.htmlPointsId, " class='vtx_gmap_html_points' ></div>"));
@@ -666,7 +672,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         $("#".concat(t.props.mapId, "_layers")).append("<div id=".concat(t.pointCollectionId, " class='vtx_gmap_html_pointCollection' ></div>"));
         //隐藏比例尺控制 (便于后期控制显示)
         $("#".concat(t.props.mapId, "_zoom_slider")).css({
-          display: 'none'
+          display: "none"
         });
         //事件监听
         event();
@@ -674,9 +680,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //处理数据
         initData();
       }
-      t.state.gis.on('load', function () {
+      t.state.gis.on("load", function () {
         $("#".concat(t.props.mapId, "_gc")).css({
-          'z-index': 1
+          "z-index": 1
         });
         //添加自定义图元 图层
         $("#".concat(t.props.mapId, "_layers")).append("<div id=".concat(t.htmlPointsId, " class='vtx_gmap_html_points' ></div>"));
@@ -684,7 +690,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         $("#".concat(t.props.mapId, "_layers")).append("<div id=".concat(t.pointCollectionId, " class='vtx_gmap_html_pointCollection' ></div>"));
         //隐藏比例尺控制 (便于后期控制显示)
         $("#".concat(t.props.mapId, "_zoom_slider")).css({
-          display: 'none'
+          display: "none"
         });
         //事件监听
         event();
@@ -729,7 +735,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         logo: false,
         isKeyboardNavigation: false,
         showAttribution: true,
-        backgroundColor: '#f1f1f1',
+        backgroundColor: "#f1f1f1",
         extent: new esri.geometry.Extent(_objectSpread(_objectSpread({}, fullExtent), {}, {
           spatialReference: _defineProperty({}, t.wkidStr, t.wkid)
         }))
@@ -756,26 +762,26 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         var url = services[im].url;
         //从新加载图层
         switch (services[im].type) {
-          case 'gis':
+          case "gis":
             for (var i = 0; i < url.length; i++) {
-              var basemap = new esri.layers[services[im].gisServer || 'ArcGISTiledMapServiceLayer'](url[i]);
+              var basemap = new esri.layers[services[im].gisServer || "ArcGISTiledMapServiceLayer"](url[i]);
               servs.push(basemap);
             }
             break;
-          case 'wmts':
+          case "wmts":
             for (var _i = 0; _i < url.length; _i++) {
               var tileInfo = new esri.layers.TileInfo({
-                "dpi": 96,
-                "format": services[im].format || "format/png",
-                "compressionQuality": 0,
-                "spatialReference": new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid || 4326)),
-                "rows": 256,
-                "cols": 256,
-                "origin": mapServer.origin || {
+                dpi: 96,
+                format: services[im].format || "format/png",
+                compressionQuality: 0,
+                spatialReference: new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid || 4326)),
+                rows: 256,
+                cols: 256,
+                origin: mapServer.origin || {
                   x: -180,
                   y: 90
                 },
-                "lods": mapServer.lods || []
+                lods: mapServer.lods || []
               });
               var tileExtent = new esri.geometry.Extent(mapServer.fullExtent.xmin, mapServer.fullExtent.ymin, mapServer.fullExtent.xmax, mapServer.fullExtent.ymax, new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid)));
               var inTileExtent = new esri.geometry.Extent(mapServer.initialExtent.xmin, mapServer.initialExtent.ymin, mapServer.initialExtent.xmax, mapServer.initialExtent.ymax, new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid)));
@@ -791,7 +797,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               var resourceInfo = {
                 version: "1.0.0",
                 layerInfos: [layerInfo],
-                copyright: ''
+                copyright: ""
               };
               var options = {
                 serviceMode: "KVP",
@@ -799,38 +805,38 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
                 layerInfo: layerInfo
               };
               var wmtsLayer = new esri.layers.WMTSLayer(url[_i], options);
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace(wmtsLayer.UrlTemplate.substring(wmtsLayer.UrlTemplate.indexOf('&FORMAT'), wmtsLayer.UrlTemplate.indexOf('&TILEMATRIXSET')), "&FORMAT=".concat(services[im].format || 'format/png'));
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('SERVICE', 'service');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&VERSION', '&version');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&REQUEST', '&request');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&LAYER', '&layer');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&STYLE', '&format');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&FORMAT', '&style');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&TILEMATRIXSET', '&tileMatrixSet');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&TILEMATRIX', '&tileMatrix');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&TILEROW', '&tileRow');
-              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace('&TILECOL', '&tileCol');
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace(wmtsLayer.UrlTemplate.substring(wmtsLayer.UrlTemplate.indexOf("&FORMAT"), wmtsLayer.UrlTemplate.indexOf("&TILEMATRIXSET")), "&FORMAT=".concat(services[im].format || "format/png"));
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("SERVICE", "service");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&VERSION", "&version");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&REQUEST", "&request");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&LAYER", "&layer");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&STYLE", "&format");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&FORMAT", "&style");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&TILEMATRIXSET", "&tileMatrixSet");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&TILEMATRIX", "&tileMatrix");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&TILEROW", "&tileRow");
+              wmtsLayer.UrlTemplate = wmtsLayer.UrlTemplate.replace("&TILECOL", "&tileCol");
               servs.push(wmtsLayer);
             }
             break;
         }
       }
       if (services.length <= 0) {
-        console.warn('!warning 图层服务必选,或图层类型暂不支持,默认天地图浙江地理wmts图层服务!');
+        console.warn("!warning 图层服务必选,或图层类型暂不支持,默认天地图浙江地理wmts图层服务!");
         for (var _im = 0; _im < _MapToolFunction.defaultWmtsMapLayers.services.length; _im++) {
           var _url = _MapToolFunction.defaultWmtsMapLayers.services[_im].url;
           var dtileInfo = new esri.layers.TileInfo({
-            "dpi": 96,
+            dpi: 96,
             // "format": "tiles",
-            "compressionQuality": 0,
-            "spatialReference": new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid || 4326)),
-            "rows": 256,
-            "cols": 256,
-            "origin": _MapToolFunction.defaultWmtsMapLayers.origin || {
+            compressionQuality: 0,
+            spatialReference: new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid || 4326)),
+            rows: 256,
+            cols: 256,
+            origin: _MapToolFunction.defaultWmtsMapLayers.origin || {
               x: -180,
               y: 90
             },
-            "lods": _MapToolFunction.defaultWmtsMapLayers.lods || []
+            lods: _MapToolFunction.defaultWmtsMapLayers.lods || []
           });
           var dtileExtent = new esri.geometry.Extent(_MapToolFunction.defaultWmtsMapLayers.fullExtent.xmin, _MapToolFunction.defaultWmtsMapLayers.fullExtent.ymin, _MapToolFunction.defaultWmtsMapLayers.fullExtent.xmax, _MapToolFunction.defaultWmtsMapLayers.fullExtent.ymax, new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid)));
           var dinTileExtent = new esri.geometry.Extent(_MapToolFunction.defaultWmtsMapLayers.initialExtent.xmin, _MapToolFunction.defaultWmtsMapLayers.initialExtent.ymin, _MapToolFunction.defaultWmtsMapLayers.initialExtent.xmax, _MapToolFunction.defaultWmtsMapLayers.initialExtent.ymax, new esri.SpatialReference(_defineProperty({}, t.wkidStr, t.wkid)));
@@ -847,7 +853,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             var dresourceInfo = {
               version: "1.0.0",
               layerInfos: [dlayerInfo],
-              copyright: ''
+              copyright: ""
             };
             var doptions = {
               serviceMode: "KVP",
@@ -855,17 +861,17 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               layerInfo: dlayerInfo
             };
             var _wmtsLayer = new esri.layers.WMTSLayer(_url[_i2], doptions);
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace(_wmtsLayer.UrlTemplate.substr(_wmtsLayer.UrlTemplate.indexOf('&FORMAT='), _wmtsLayer.UrlTemplate.substr(_wmtsLayer.UrlTemplate.indexOf('&FORMAT=') + 1).indexOf('&') + 1), "&FORMAT=".concat(_MapToolFunction.defaultWmtsMapLayers.services[_im].format || 'format/png'));
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('SERVICE', 'service');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&VERSION', '&version');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&REQUEST', '&request');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&LAYER', '&layer');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&STYLE', '&format');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&FORMAT', '&style');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&TILEMATRIXSET', '&tileMatrixSet');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&TILEMATRIX', '&tileMatrix');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&TILEROW', '&tileRow');
-            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace('&TILECOL', '&tileCol');
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace(_wmtsLayer.UrlTemplate.substr(_wmtsLayer.UrlTemplate.indexOf("&FORMAT="), _wmtsLayer.UrlTemplate.substr(_wmtsLayer.UrlTemplate.indexOf("&FORMAT=") + 1).indexOf("&") + 1), "&FORMAT=".concat(_MapToolFunction.defaultWmtsMapLayers.services[_im].format || "format/png"));
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("SERVICE", "service");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&VERSION", "&version");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&REQUEST", "&request");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&LAYER", "&layer");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&STYLE", "&format");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&FORMAT", "&style");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&TILEMATRIXSET", "&tileMatrixSet");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&TILEMATRIX", "&tileMatrix");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&TILEROW", "&tileRow");
+            _wmtsLayer.UrlTemplate = _wmtsLayer.UrlTemplate.replace("&TILECOL", "&tileCol");
             servs.push(_wmtsLayer);
           }
         }
@@ -882,7 +888,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       var t = this;
       var psids = _toConsumableArray(t.state.pointIds);
       //添加绘制点
-      if (type && type !== 'defined') {
+      if (type && type !== "defined") {
         psids = _toConsumableArray(t.state.drawIds[type]);
       }
       mapPoints.map(function (item, index) {
@@ -899,7 +905,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         var cg = {
           width: 30,
           height: 30,
-          labelContent: '',
+          labelContent: "",
           labelPixelX: 0,
           labelPixelY: 34,
           BAnimationType: 3,
@@ -934,7 +940,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         if (item.markerContent) {
           //html点位
           //添加透明点(便于事件处理)
-          var markerSymbol = new esri.symbol.PictureMarkerSymbol("".concat(_default2["default"].mapServerURL, "/images/touming.png"), cg.width, cg.height);
+          var markerSymbol = new esri.symbol.PictureMarkerSymbol("".concat(_default2.default.mapServerURL, "/images/touming.png"), cg.width, cg.height);
           //设置偏移点的位置到左上角(原来在中心)
           markerSymbol.setOffset(cg.markerContentX + cg.width / 2, -(cg.markerContentY + cg.height / 2));
           marker = new esri.Graphic(position, markerSymbol, {
@@ -951,7 +957,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           };
         } else {
           //图片点位
-          var _markerSymbol = new esri.symbol.PictureMarkerSymbol(item.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"), cg.width, cg.height);
+          var _markerSymbol = new esri.symbol.PictureMarkerSymbol(item.url || "".concat(_default2.default.mapServerURL, "/images/defaultMarker.png"), cg.width, cg.height);
           _markerSymbol.setAngle(cg.deg);
           //设置偏移点的位置到左上角(原来在中心)
           _markerSymbol.setOffset(cg.markerContentX + cg.width / 2, -(cg.markerContentY + cg.height / 2));
@@ -962,10 +968,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           //添加label
           if (item.canShowLabel && cg.labelContent) {
             //label默认样式
-            var labelClass = 'label-content';
+            var labelClass = "label-content";
             //接受label自定义样式
             if (item.labelClass) {
-              labelClass = item.labelClass.split(',').join(' ');
+              labelClass = item.labelClass.split(",").join(" ");
             }
             //设置label的数据,用于label加点到地图
             label = {
@@ -997,15 +1003,15 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
           }),
-          geometryType: 'point',
+          geometryType: "point",
           geometry: {
-            type: 'point',
+            type: "point",
             x: item.longitude,
             y: item.latitude
           }
         });
       });
-      if (type !== 'defined') {
+      if (type !== "defined") {
         //添加绘制点
         if (type) {
           t.state.drawIds = _objectSpread(_objectSpread({}, t.state.drawIds), {}, _defineProperty({}, type, psids));
@@ -1044,7 +1050,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           var cg = {
             width: 30,
             height: 30,
-            labelContent: '',
+            labelContent: "",
             labelPixelX: 0,
             labelPixelY: 34,
             BAnimationType: 3,
@@ -1078,7 +1084,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           if (item.markerContent) {
             //symbol 样式信息修改
             if (gc.symbol) {
-              gc.symbol.setUrl("".concat(_default2["default"].mapServerURL, "/images/touming.png"));
+              gc.symbol.setUrl("".concat(_default2.default.mapServerURL, "/images/touming.png"));
             }
             //设置markercontent的数据,用于label加点到地图
             label = {
@@ -1092,16 +1098,16 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           } else {
             //symbol 样式信息修改
             if (gc.symbol) {
-              gc.symbol.setUrl(item.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"));
+              gc.symbol.setUrl(item.url || "".concat(_default2.default.mapServerURL, "/images/defaultMarker.png"));
             }
             gc.symbol.setAngle(cg.deg);
             //添加label
             if (item.canShowLabel && cg.labelContent) {
               //label默认样式
-              var labelClass = 'label-content';
+              var labelClass = "label-content";
               //接受label自定义样式
               if (item.labelClass) {
-                labelClass = item.labelClass.split(',').join(' ');
+                labelClass = item.labelClass.split(",").join(" ");
               }
               //设置label的数据,用于label加点到地图
               label = {
@@ -1161,9 +1167,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
             }),
-            geometryType: 'point',
+            geometryType: "point",
             geometry: {
-              type: 'point',
+              type: "point",
               x: item.longitude,
               y: item.latitude
             }
@@ -1182,7 +1188,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
     value: function addLine(mapLines, type) {
       var t = this;
       var lsids = _toConsumableArray(t.state.lineIds);
-      if (type && type !== 'defined') {
+      if (type && type !== "defined") {
         lsids = _toConsumableArray(t.state.drawIds[type]);
       }
       //遍历添加线(图元)
@@ -1199,10 +1205,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         }
         //初始化默认参数
         var cg = {
-          color: '#277ffa',
+          color: "#277ffa",
           pellucidity: 0.9,
           lineWidth: 5,
-          lineType: 'solid',
+          lineType: "solid",
           isHidden: false
         };
         //合并参数
@@ -1219,10 +1225,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //线类型
         var style = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
         switch (cg.lineType) {
-          case 'solid':
+          case "solid":
             style = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
             break;
-          case 'dashed':
+          case "dashed":
             style = esri.symbol.SimpleLineSymbol.STYLE_DASH;
             break;
         }
@@ -1250,14 +1256,14 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             paths: item.paths,
             other: item
           }),
-          geometryType: 'polyline',
+          geometryType: "polyline",
           geometry: {
-            type: 'polyline',
+            type: "polyline",
             paths: item.paths
           }
         });
       });
-      if (type !== 'defined') {
+      if (type !== "defined") {
         //添加绘制点
         if (type) {
           t.state.drawIds = _objectSpread(_objectSpread({}, t.state.drawIds), {}, _defineProperty({}, type, lsids));
@@ -1296,10 +1302,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         var gc = t.GM.getGraphic(item.id);
         //初始化默认参数
         var cg = {
-          color: '#277ffa',
+          color: "#277ffa",
           pellucidity: 0.9,
           lineWidth: 5,
-          lineType: 'solid',
+          lineType: "solid",
           //'solid'  'dashed'
           isHidden: false
         };
@@ -1326,10 +1332,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //设置线类型
         var style = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
         switch (cg.lineType) {
-          case 'solid':
+          case "solid":
             style = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
             break;
-          case 'dashed':
+          case "dashed":
             style = esri.symbol.SimpleLineSymbol.STYLE_DASH;
             break;
         }
@@ -1347,9 +1353,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             paths: item.paths,
             other: item
           }),
-          geometryType: 'polyline',
+          geometryType: "polyline",
           geometry: {
-            type: 'polyline',
+            type: "polyline",
             paths: item.paths
           }
         });
@@ -1380,11 +1386,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         }
         //初始化参数
         var cg = {
-          lineType: 'solid',
+          lineType: "solid",
           lineWidth: 5,
-          lineColor: '#277ffa',
+          lineColor: "#277ffa",
           lineOpacity: 1,
-          color: '#fff',
+          color: "#fff",
           pellucidity: 0.5
           // isHidden: false  //后期需要再加
         };
@@ -1406,10 +1412,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //线类型
         var lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
         switch (cg.lineType) {
-          case 'solid':
+          case "solid":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
             break;
-          case 'dashed':
+          case "dashed":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_DASH;
             break;
         }
@@ -1440,9 +1446,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             rings: item.rings,
             other: item
           }),
-          geometryType: 'polygon',
+          geometryType: "polygon",
           geometry: {
-            type: 'polygon',
+            type: "polygon",
             rings: item.rings
           }
         });
@@ -1484,11 +1490,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         var gc = t.GM.getGraphic(item.id);
         //初始化参数
         var cg = {
-          lineType: 'solid',
+          lineType: "solid",
           lineWidth: 5,
-          lineColor: '#277ffa',
+          lineColor: "#277ffa",
           lineOpacity: 1,
-          color: '#fff',
+          color: "#fff",
           pellucidity: 0.5
           // isHidden: false  //后期需要再加
         };
@@ -1515,10 +1521,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //线类型
         var lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
         switch (cg.lineType) {
-          case 'solid':
+          case "solid":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
             break;
-          case 'dashed':
+          case "dashed":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_DASH;
             break;
         }
@@ -1538,9 +1544,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             rings: item.rings,
             other: item
           }),
-          geometryType: 'polygon',
+          geometryType: "polygon",
           geometry: {
-            type: 'polygon',
+            type: "polygon",
             rings: item.rings
           }
         });
@@ -1569,11 +1575,11 @@ var ArcgisMap = /*#__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  //后期需要在加
         };
@@ -1589,10 +1595,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //线类型
         var lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
         switch (cg.lineType) {
-          case 'solid':
+          case "solid":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
             break;
-          case 'dashed':
+          case "dashed":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_DASH;
             break;
         }
@@ -1621,9 +1627,9 @@ var ArcgisMap = /*#__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)
@@ -1667,11 +1673,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         var gc = t.GM.getGraphic(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  //后期需要在加
         };
@@ -1687,10 +1693,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //线类型
         var lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
         switch (cg.lineType) {
-          case 'solid':
+          case "solid":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
             break;
-          case 'dashed':
+          case "dashed":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_DASH;
             break;
         }
@@ -1715,9 +1721,9 @@ var ArcgisMap = /*#__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)
@@ -1881,7 +1887,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       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,
@@ -1918,7 +1924,7 @@ var ArcgisMap = /*#__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 = {
@@ -1937,7 +1943,7 @@ var ArcgisMap = /*#__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);
@@ -1948,7 +1954,7 @@ var ArcgisMap = /*#__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);
@@ -1959,7 +1965,7 @@ var ArcgisMap = /*#__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);
@@ -1970,7 +1976,7 @@ var ArcgisMap = /*#__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);
@@ -1981,7 +1987,7 @@ var ArcgisMap = /*#__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);
@@ -1992,7 +1998,7 @@ var ArcgisMap = /*#__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);
@@ -2030,10 +2036,10 @@ var ArcgisMap = /*#__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) {
@@ -2043,27 +2049,27 @@ var ArcgisMap = /*#__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;
       }
@@ -2073,14 +2079,14 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         for (var i = 0; i < ary.length; i++) {
           var g = t.GM.getGraphicParam(ary[i]);
           switch (g.geometry.type) {
-            case 'point':
-            case 'circle':
+            case "point":
+            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;
           }
@@ -2094,9 +2100,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         var ext = new esri.geometry.Extent(_objectSpread(_objectSpread({}, _extent), {}, {
           spatialReference: _defineProperty({}, t.wkidStr, t.wkid)
         }));
-        if (!type || type == 'all' || type == 'zoom') {
+        if (!type || type == "all" || type == "zoom") {
           t.state.gis.setExtent(ext);
-        } else if (type == 'center') {
+        } else if (type == "center") {
           t.state.gis.centerAt(ext.getCenter());
         }
       }
@@ -2150,7 +2156,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         lng = 0,
         lat = 0;
       switch (gp.geometryType) {
-        case 'point':
+        case "point":
           lng = gg.geometry.x;
           lat = gg.geometry.y;
           p = _objectSpread(_objectSpread({}, gp), {}, {
@@ -2169,7 +2175,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-        case 'polyline':
+        case "polyline":
           pts = gg.geometry.paths[0];
           p = _objectSpread(_objectSpread({}, gp), {}, {
             mapLayer: gg,
@@ -2184,7 +2190,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-        case 'polygon':
+        case "polygon":
           pts = gg.geometry.rings[0];
           p = _objectSpread(_objectSpread({}, gp), {}, {
             mapLayer: gg,
@@ -2200,7 +2206,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             area: (0, _MapToolFunction.getPolygonArea)(pts)
           });
           break;
-        case 'circle':
+        case "circle":
           lng = gg.geometry.center.x;
           lat = gg.geometry.center.y;
           var radius = 0;
@@ -2297,19 +2303,19 @@ var ArcgisMap = /*#__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);
           }
@@ -2342,7 +2348,7 @@ var ArcgisMap = /*#__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);
@@ -2374,19 +2380,19 @@ var ArcgisMap = /*#__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 _i3 = 0; _i3 < ls.length; _i3++) {
-        t.removeGraphic(ls[_i3], 'line');
+        t.removeGraphic(ls[_i3], "line");
       }
       // 删除面
       for (var _i4 = 0; _i4 < pgs.length; _i4++) {
-        t.removeGraphic(pgs[_i4], 'polygon');
+        t.removeGraphic(pgs[_i4], "polygon");
       }
       // 删除圆
       for (var _i5 = 0; _i5 < cs.length; _i5++) {
-        t.removeGraphic(cs[_i5], 'circle');
+        t.removeGraphic(cs[_i5], "circle");
       }
       //删除绘制的点
       var point = drawIds.point,
@@ -2406,8 +2412,8 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       for (var _i9 = 0; _i9 < circle.length; _i9++) {
         t.removeGraphic(circle[_i9]);
       }
-      for (var _i0 = 0; _i0 < rectangle.length; _i0++) {
-        t.removeGraphic(rectangle[_i0]);
+      for (var _i10 = 0; _i10 < rectangle.length; _i10++) {
+        t.removeGraphic(rectangle[_i10]);
       }
     }
     //展示比例尺
@@ -2415,7 +2421,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
     key: "showControl",
     value: function showControl() {
       var t = this,
-        type = '',
+        type = "",
         location = {
           top: 20,
           left: 20
@@ -2427,7 +2433,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         w = t.state.gis.width,
         h = t.state.gis.height;
       switch (t.props.showControl.location) {
-        case 'tl':
+        case "tl":
           location = {
             top: 20,
             left: 20
@@ -2443,7 +2449,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             };
           }
           break;
-        case 'bl':
+        case "bl":
           location = {
             top: h - 83,
             left: 20
@@ -2459,7 +2465,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             };
           }
           break;
-        case 'tr':
+        case "tr":
           location = {
             top: 20,
             left: w - 52
@@ -2475,7 +2481,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             };
           }
           break;
-        case 'br':
+        case "br":
           location = {
             top: h - 83,
             left: w - 52
@@ -2528,12 +2534,12 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         $("#".concat(t.props.mapId, "_root")).append(sliderShow);
       }
       switch (t.props.showControl.type) {
-        case 'all':
-        case 'small':
-        case 'pan':
-        case 'zoom':
+        case "all":
+        case "small":
+        case "pan":
+        case "zoom":
           $("#".concat(t.props.mapId, "_zoom_slider")).css(_objectSpread(_objectSpread({}, location), {}, {
-            display: 'block'
+            display: "block"
           }));
         default:
           $("#".concat(t.props.mapId, "_zoom_slider_show")).css(_objectSpread({}, ls));
@@ -2549,7 +2555,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         t.editToolbar = new esri.toolbars.Edit(t.state.gis);
         t.editToolbarC = new esri.toolbars.Edit(t.state.gis);
         var changeLabel = function changeLabel(point, eid, gcparam) {
-          var label = '',
+          var label = "",
             cg = gcparam.attributes.config;
           //判断是不是html点
           if (!!gcparam.attributes.markerContent) {
@@ -2581,15 +2587,15 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         };
         /*点位编辑事件*/
         //编辑关闭事件
-        t.editToolbar.on('deactivate', function (e) {
+        t.editToolbar.on("deactivate", function (e) {
           var eid = e.graphic.attributes.id;
           var gcparam = t.GM.getGraphicParam(eid);
           //关闭label移动限制开关
           t.canMoveLabel = false;
           t.mouseNowPosition.isCount = false;
-          if ('editGraphicChange' in t.props && typeof t.props.editGraphicChange == 'function') {
+          if ("editGraphicChange" in t.props && typeof t.props.editGraphicChange == "function") {
             var obj = {};
-            if (eid == 'vtx-circleMove') {
+            if (eid == "vtx-circleMove") {
               var param = t.getGraphic(t.editId);
               obj = {
                 area: Math.PI * Math.pow(t.GM.getGraphic(t.editId).geometry.radius, 2),
@@ -2607,13 +2613,13 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
                 geometry: e.graphic.geometry
               };
               switch (obj.geometry.type) {
-                case 'polyline':
+                case "polyline":
                   obj.geometry = _objectSpread(_objectSpread({}, obj.geometry), {}, {
                     paths: obj.geometry.paths[0]
                   });
                   obj.distance = t.calculateDistance(obj.geometry.paths);
                   break;
-                case 'polygon':
+                case "polygon":
                   obj.geometry = _objectSpread(_objectSpread({}, obj.geometry), {}, {
                     rings: obj.geometry.rings[0]
                   });
@@ -2623,28 +2629,28 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             }
             t.props.editGraphicChange(obj);
           }
-          if (eid == 'vtx-circleMove') {
-            t.removeGraphic('vtx-circleMove', 'point');
-            t.removeGraphic('vtx-circleRadius', 'point');
-            if (t.zIndexGraphics.indexOf('vtx-circleMove') > -1) {
-              t.zIndexGraphics.splice(t.zIndexGraphics.indexOf('vtx-circleMove'), 1);
+          if (eid == "vtx-circleMove") {
+            t.removeGraphic("vtx-circleMove", "point");
+            t.removeGraphic("vtx-circleRadius", "point");
+            if (t.zIndexGraphics.indexOf("vtx-circleMove") > -1) {
+              t.zIndexGraphics.splice(t.zIndexGraphics.indexOf("vtx-circleMove"), 1);
             }
-            if (t.zIndexGraphics.indexOf('vtx-circleRadius') > -1) {
-              t.zIndexGraphics.splice(t.zIndexGraphics.indexOf('vtx-circleRadius'), 1);
+            if (t.zIndexGraphics.indexOf("vtx-circleRadius") > -1) {
+              t.zIndexGraphics.splice(t.zIndexGraphics.indexOf("vtx-circleRadius"), 1);
             }
           }
           if (t.zIndexGraphics.indexOf(eid) > -1) {
             t.zIndexGraphics.splice(t.zIndexGraphics.indexOf(eid), 1);
           }
-          t.editId = '';
+          t.editId = "";
         });
         //移动开始事件 开启开关
-        t.editToolbar.on('graphic-move-start', function (e) {
+        t.editToolbar.on("graphic-move-start", function (e) {
           //label可以跟着点位移动,避免label直接跟着鼠标移动
           t.canMoveLabel = true;
         });
         //移动中事件
-        t.editToolbar.on('graphic-move', function (e) {
+        t.editToolbar.on("graphic-move", function (e) {
           //计算鼠标点 与中心点的偏移值
           if (!t.mouseNowPosition.isCount) {
             t.mouseNowPosition.isCount = true;
@@ -2660,14 +2666,14 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               }
             });
           //圆中心点的移动
-          if (eid == 'vtx-circleMove') {
-            t.GM.getGraphic('vtx-circleMove').setGeometry(position);
+          if (eid == "vtx-circleMove") {
+            t.GM.getGraphic("vtx-circleMove").setGeometry(position);
             var circleCenter = new esri.geometry.Circle({
               center: position,
               radius: t.GM.getGraphic(t.editId).geometry.radius
             });
             t.GM.getGraphic(t.editId).setGeometry(circleCenter);
-            t.GM.getGraphic('vtx-circleRadius').setGeometry(new esri.geometry.Point({
+            t.GM.getGraphic("vtx-circleRadius").setGeometry(new esri.geometry.Point({
               longitude: t.mouseNowPosition.x - t.mouseNowPosition.px - t.circleEditPXY.px,
               latitude: t.mouseNowPosition.y - t.mouseNowPosition.py - t.circleEditPXY.py,
               spatialReference: {
@@ -2681,25 +2687,25 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           changeLabel(position, eid, gcparam);
         });
         //移动结束后事件
-        t.editToolbar.on('graphic-move-stop', function (e) {
+        t.editToolbar.on("graphic-move-stop", function (e) {
           var eid = e.graphic.attributes.id;
           var gcparam = t.GM.getGraphicParam(eid);
           //关闭label移动限制开关
           t.canMoveLabel = false;
           t.mouseNowPosition.isCount = false;
           //判断是不是点
-          if (gcparam.geometryType == 'point') {
+          if (gcparam.geometryType == "point") {
             changeLabel(e.graphic.geometry, eid, gcparam);
           }
           //圆中心点的移动
-          if (eid == 'vtx-circleMove') {
-            t.GM.getGraphic('vtx-circleMove').setGeometry(e.graphic.geometry);
+          if (eid == "vtx-circleMove") {
+            t.GM.getGraphic("vtx-circleMove").setGeometry(e.graphic.geometry);
             var circleCenter = new esri.geometry.Circle({
               center: e.graphic.geometry,
               radius: t.GM.getGraphic(t.editId).geometry.radius
             });
             t.GM.getGraphic(t.editId).setGeometry(circleCenter);
-            t.GM.getGraphic('vtx-circleRadius').setGeometry(new esri.geometry.Point({
+            t.GM.getGraphic("vtx-circleRadius").setGeometry(new esri.geometry.Point({
               longitude: e.graphic.geometry.x - t.circleEditPXY.px,
               latitude: e.graphic.geometry.y - t.circleEditPXY.py,
               spatialReference: {
@@ -2707,7 +2713,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               }
             }));
             t.state.gis.graphics.refresh();
-            if ('editGraphicChange' in t.props && typeof t.props.editGraphicChange == 'function') {
+            if ("editGraphicChange" in t.props && typeof t.props.editGraphicChange == "function") {
               var param = t.getGraphic(t.editId);
               t.props.editGraphicChange({
                 area: Math.PI * Math.pow(t.GM.getGraphic(t.editId).geometry.radius, 2),
@@ -2719,7 +2725,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             }
             return false;
           }
-          if ('editGraphicChange' in t.props && typeof t.props.editGraphicChange == 'function') {
+          if ("editGraphicChange" in t.props && typeof t.props.editGraphicChange == "function") {
             var _param2 = t.getGraphic(eid);
             t.props.editGraphicChange({
               e: e.graphic,
@@ -2730,10 +2736,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         //多折线 多边形  圆事件处理
-        t.editToolbar.on('vertex-move-stop', function (e) {
+        t.editToolbar.on("vertex-move-stop", function (e) {
           var eid = e.graphic.attributes.id;
           var gcparam = t.GM.getGraphicParam(eid);
-          if ('editGraphicChange' in t.props && typeof t.props.editGraphicChange == 'function') {
+          if ("editGraphicChange" in t.props && typeof t.props.editGraphicChange == "function") {
             var param = t.getGraphic(eid);
             var obj = {
               e: e.graphic,
@@ -2742,13 +2748,13 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               geometry: e.graphic.geometry
             };
             switch (obj.geometry.type) {
-              case 'polyline':
+              case "polyline":
                 obj.geometry = _objectSpread(_objectSpread({}, obj.geometry), {}, {
                   paths: obj.geometry.paths[0]
                 });
                 obj.distance = t.calculateDistance(obj.geometry.paths);
                 break;
-              case 'polygon':
+              case "polygon":
                 obj.geometry = _objectSpread(_objectSpread({}, obj.geometry), {}, {
                   rings: obj.geometry.rings[0]
                 });
@@ -2759,12 +2765,12 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
         });
         //移动开始事件 开启开关 [圆半径]
-        t.editToolbarC.on('graphic-move-start', function (e) {
+        t.editToolbarC.on("graphic-move-start", function (e) {
           //label可以跟着点位移动,避免label直接跟着鼠标移动
           t.canMoveLabel = true;
         });
         //移动中事件 [圆半径]
-        t.editToolbarC.on('graphic-move', function (e) {
+        t.editToolbarC.on("graphic-move", function (e) {
           //计算鼠标点 与中心点的偏移值
           if (!t.mouseNowPosition.isCount) {
             t.mouseNowPosition.isCount = true;
@@ -2789,11 +2795,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             center: new esri.geometry.Point(cgc.geometry.center.x, cgc.geometry.center.y),
             radius: radius
           }));
-          t.GM.getGraphic('vtx-circleRadius').setGeometry(position);
+          t.GM.getGraphic("vtx-circleRadius").setGeometry(position);
           t.state.gis.graphics.refresh();
         });
         //移动结束后事件 [圆半径]
-        t.editToolbarC.on('graphic-move-stop', function (e) {
+        t.editToolbarC.on("graphic-move-stop", function (e) {
           t.canMoveLabel = false;
           t.mouseNowPosition.isCount = false;
           var cgc = t.GM.getGraphic(t.editId),
@@ -2814,9 +2820,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             center: new esri.geometry.Point(cgc.geometry.center.x, cgc.geometry.center.y),
             radius: radius
           }));
-          t.GM.getGraphic('vtx-circleRadius').setGeometry(position);
+          t.GM.getGraphic("vtx-circleRadius").setGeometry(position);
           t.state.gis.graphics.refresh();
-          if ('editGraphicChange' in t.props && typeof t.props.editGraphicChange == 'function') {
+          if ("editGraphicChange" in t.props && typeof t.props.editGraphicChange == "function") {
             var param = t.getGraphic(t.editId);
             t.props.editGraphicChange({
               area: Math.PI * Math.pow(t.GM.getGraphic(t.editId).geometry.radius, 2),
@@ -2838,7 +2844,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       var gp = t.GM.getGraphicParam(id);
       if (!gc) return;
       switch (gp.geometryType) {
-        case 'point':
+        case "point":
           //将编辑的图元放在最上面
           t.czIndex(id);
           if (t.zIndexGraphics.indexOf(id) == -1) {
@@ -2846,17 +2852,17 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
           t.editToolbar.activate(esri.toolbars.Edit.MOVE, gc);
           break;
-        case 'polyline':
-        case 'polygon':
+        case "polyline":
+        case "polygon":
           t.editToolbar.activate(esri.toolbars.Edit.EDIT_VERTICES, gc);
           break;
-        case 'circle':
+        case "circle":
           // 移动圆的中心点   和  移动圆的半径点
           t.addPoint([{
-            id: 'vtx-circleMove',
+            id: "vtx-circleMove",
             longitude: gc.geometry.center.x,
             latitude: gc.geometry.center.y,
-            url: 'http://api0.map.bdimg.com/images/node.gif',
+            url: "http://api0.map.bdimg.com/images/node.gif",
             config: {
               width: 11,
               height: 11,
@@ -2864,10 +2870,10 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               markerContentX: -5.5
             }
           }, {
-            id: 'vtx-circleRadius',
+            id: "vtx-circleRadius",
             longitude: gc.geometry.rings[0][0][0],
             latitude: gc.geometry.rings[0][0][1],
-            url: 'http://api0.map.bdimg.com/images/node.gif',
+            url: "http://api0.map.bdimg.com/images/node.gif",
             config: {
               width: 11,
               height: 11,
@@ -2879,16 +2885,16 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             px: gc.geometry.center.x - gc.geometry.rings[0][0][0],
             py: gc.geometry.center.y - gc.geometry.rings[0][0][1]
           };
-          t.czIndex('vtx-circleMove');
-          t.czIndex('vtx-circleRadius');
-          if (t.zIndexGraphics.indexOf('vtx-circleMove') == -1) {
-            t.zIndexGraphics.push('vtx-circleMove');
+          t.czIndex("vtx-circleMove");
+          t.czIndex("vtx-circleRadius");
+          if (t.zIndexGraphics.indexOf("vtx-circleMove") == -1) {
+            t.zIndexGraphics.push("vtx-circleMove");
           }
-          if (t.zIndexGraphics.indexOf('vtx-circleRadius') == -1) {
-            t.zIndexGraphics.push('vtx-circleRadius');
+          if (t.zIndexGraphics.indexOf("vtx-circleRadius") == -1) {
+            t.zIndexGraphics.push("vtx-circleRadius");
           }
-          t.editToolbar.activate(esri.toolbars.Edit.MOVE, t.GM.getGraphic('vtx-circleMove'));
-          t.editToolbarC.activate(esri.toolbars.Edit.MOVE, t.GM.getGraphic('vtx-circleRadius'));
+          t.editToolbar.activate(esri.toolbars.Edit.MOVE, t.GM.getGraphic("vtx-circleMove"));
+          t.editToolbarC.activate(esri.toolbars.Edit.MOVE, t.GM.getGraphic("vtx-circleRadius"));
           break;
       }
       //开启点编辑功能
@@ -2913,43 +2919,43 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           drawTime: 90,
           showTooltips: false
         });
-        t.drawToolbar.on('draw-complete', function (e) {
+        t.drawToolbar.on("draw-complete", function (e) {
           //关闭绘制事件
           t.closeDraw();
           //返回参数
           var param = {};
           // 绘制内部管理的图元
-          if (t.drawParam.geometryType == 'point') {
+          if (t.drawParam.geometryType == "point") {
             t.addPoint([{
               id: t.drawParam.data.id,
               longitude: e.geometry.x,
               latitude: e.geometry.y,
-              url: t.drawParam.parameter.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"),
+              url: t.drawParam.parameter.url || "".concat(_default2.default.mapServerURL, "/images/defaultMarker.png"),
               config: _objectSpread({}, t.drawParam.parameter)
-            }], 'point');
+            }], "point");
             //处理点返回参数
             param = {
               id: t.drawParam.data.id,
               attributes: {
                 id: t.drawParam.data.id,
-                url: t.drawParam.parameter.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"),
+                url: t.drawParam.parameter.url || "".concat(_default2.default.mapServerURL, "/images/defaultMarker.png"),
                 config: {
                   width: t.drawParam.parameter.width || 30,
                   height: t.drawParam.parameter.height || 30
                 }
               },
               geometry: e.geometry,
-              geometryType: 'point',
+              geometryType: "point",
               mapLayer: t.GM.getGraphic(t.drawParam.data.id)
             };
           }
           //线
-          if (t.drawParam.geometryType == 'polyline') {
+          if (t.drawParam.geometryType == "polyline") {
             t.addLine([{
               id: t.drawParam.data.id,
               paths: e.geometry.paths[0],
               config: _objectSpread({}, t.drawParam.parameter)
-            }], 'polyline');
+            }], "polyline");
             //处理线返回参数
             var _t$dealData4 = t.dealData(e.geometry.paths[0]),
               lnglatAry = _t$dealData4.lnglatAry,
@@ -2966,11 +2972,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
                 config: _objectSpread({}, t.drawParam.parameter)
               },
               distance: t.calculateDistance(e.geometry.paths[0]),
-              geometryType: 'polyline',
+              geometryType: "polyline",
               mapLayer: t.GM.getGraphic(t.drawParam.data.id)
             };
           }
-          if (t.drawParam.geometryType == 'polygon' || t.drawParam.geometryType == 'rectangle') {
+          if (t.drawParam.geometryType == "polygon" || t.drawParam.geometryType == "rectangle") {
             var rs = _toConsumableArray(e.geometry.rings[0]);
             rs.pop();
             t.addPolygon([{
@@ -2999,7 +3005,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               mapLayer: t.GM.getGraphic(t.drawParam.data.id)
             };
           }
-          if (t.drawParam.geometryType == 'circle') {
+          if (t.drawParam.geometryType == "circle") {
             if (e.geometry._extent) {
               var radius = (0, _MapToolFunction.getDistance)([e.geometry._extent.xmin, e.geometry._extent.ymin], [e.geometry._extent.xmax, e.geometry._extent.ymax], t.state.gis, t.grwkid) / 2;
               radius = Math.sqrt(Math.pow(radius, 2) * 2) / 2;
@@ -3029,7 +3035,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           }
           // t.GM.setGraphicParam(t.drawParam.data.id,param);
           //绘制返回
-          if ('drawEnd' in t.props && typeof t.props.drawEnd == 'function') {
+          if ("drawEnd" in t.props && typeof t.props.drawEnd == "function") {
             t.props.drawEnd(param);
           }
         });
@@ -3037,11 +3043,11 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       //避免连点
       t.closeDraw();
       $("#".concat(t.props.mapId, "_container")).css({
-        cursor: 'crosshair'
+        cursor: "crosshair"
       });
       var drawParam = {};
       //初始化参数
-      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());
@@ -3056,21 +3062,21 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       }
       var lineSymbol = null,
         fillSymbol = null;
-      if (drawParam.geometryType !== 'point') {
+      if (drawParam.geometryType !== "point") {
         //线类型
         var lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
         switch (drawParam.parameter.lineType) {
-          case 'solid':
+          case "solid":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_SOLID;
             break;
-          case 'dashed':
+          case "dashed":
             lineStyle = esri.symbol.SimpleLineSymbol.STYLE_DASH;
             break;
         }
         //处理边框线颜色和透明度  使用rgba处理透明度
         var lineColor = null;
         //线和面圆的线透明参数不同
-        if (drawParam.geometryType == 'polyline') {
+        if (drawParam.geometryType == "polyline") {
           lineColor = new esri.Color(drawParam.parameter.color);
           lineColor.a = drawParam.parameter.pellucidity;
         } else {
@@ -3081,13 +3087,13 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         lineSymbol = new esri.symbol.SimpleLineSymbol(lineStyle, lineColor, drawParam.parameter.lineWidth);
       } else {
         //点的样式
-        var markerSymbol = new esri.symbol.PictureMarkerSymbol(drawParam.parameter.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"), drawParam.parameter.width || 30, drawParam.parameter.height || 30);
+        var markerSymbol = new esri.symbol.PictureMarkerSymbol(drawParam.parameter.url || "".concat(_default2.default.mapServerURL, "/images/defaultMarker.png"), drawParam.parameter.width || 30, drawParam.parameter.height || 30);
         //设置点偏移
         markerSymbol.setOffset((drawParam.parameter.markerContentX || -15) + (drawParam.parameter.width || 30) / 2, -((drawParam.parameter.markerContentY || -15) + (drawParam.parameter.height || 30) / 2));
         t.drawToolbar.setMarkerSymbol(markerSymbol);
       }
       //处理面 矩形 圆的样式
-      if (drawParam.geometryType == 'polygon' || drawParam.geometryType == 'circle' || drawParam.geometryType == 'rectangle') {
+      if (drawParam.geometryType == "polygon" || drawParam.geometryType == "circle" || drawParam.geometryType == "rectangle") {
         //创建面对象
         fillSymbol = new esri.symbol.SimpleFillSymbol();
         //添加边框线数据
@@ -3103,21 +3109,21 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       //重新设置绘制类型和数据
       var geometryType = esri.toolbars.Draw.POINT;
       switch (drawParam.geometryType) {
-        case 'point':
+        case "point":
           geometryType = esri.toolbars.Draw.POINT;
           break;
-        case 'polyline':
+        case "polyline":
           geometryType = esri.toolbars.Draw.POLYLINE;
           //添加线的样式
           t.drawToolbar.setLineSymbol(lineSymbol);
           break;
-        case 'polygon':
+        case "polygon":
           geometryType = esri.toolbars.Draw.POLYGON;
           break;
-        case 'circle':
+        case "circle":
           geometryType = esri.toolbars.Draw.CIRCLE;
           break;
-        case 'rectangle':
+        case "rectangle":
           geometryType = esri.toolbars.Draw.RECTANGLE;
           break;
       }
@@ -3130,7 +3136,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       var t = this;
       if (t.drawToolbar) {
         $("#".concat(t.props.mapId, "_container")).css({
-          cursor: 'default'
+          cursor: "default"
         });
         //先关闭上次绘制的事件
         t.drawToolbar.finishDrawing();
@@ -3161,23 +3167,23 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         t.state.gis.graphics.remove(t.clusterPt[i].graphic);
         t.state.gis.graphics.remove(t.clusterPt[i].graphicText);
       }
-      for (var _i1 = 0; _i1 < t.clusterMarkers.length; _i1++) {
-        t.clusterMarkers[_i1].isCluster = false;
+      for (var _i11 = 0; _i11 < t.clusterMarkers.length; _i11++) {
+        t.clusterMarkers[_i11].isCluster = false;
       }
       //处理后的聚合点位数据
-      for (var _i10 = 0; _i10 < t.clusterMarkers.length; _i10++) {
-        var gc = t.clusterMarkers[_i10].marker,
+      for (var _i12 = 0; _i12 < t.clusterMarkers.length; _i12++) {
+        var gc = t.clusterMarkers[_i12].marker,
           distance = 4000000,
           newCluster = null;
         //过滤不是点的图元id
-        if (gc.geometry.type !== 'point') {
+        if (gc.geometry.type !== "point") {
           console.warning("\u8BBE\u7F6E\u805A\u5408\u7684\u56FE\u5143\u4E0D\u7B26\u53F7\u7C7B\u578B!");
         } else {
           //过滤窗口视线外的点位
           if (ext.contains(gc.geometry)) {
             //聚合点集合空时 创建一个集合
             if (t.clusterPs.length === 0) {
-              t.createCluster(t.clusterMarkers[_i10]);
+              t.createCluster(t.clusterMarkers[_i12]);
             } else {
               for (var j = 0; j < t.clusterPs.length; j++) {
                 //判断点是否在聚合点范围内
@@ -3190,23 +3196,23 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               }
               //存在聚合 就添加进聚合  没有聚合就新建一个自己的聚合
               if (newCluster && newCluster.extent.contains(gc.geometry)) {
-                t.clusterMarkers[_i10].isCluster = true;
-                newCluster.markers.push(t.clusterMarkers[_i10]);
+                t.clusterMarkers[_i12].isCluster = true;
+                newCluster.markers.push(t.clusterMarkers[_i12]);
                 newCluster.isreal = true;
               } else {
-                t.createCluster(t.clusterMarkers[_i10]);
+                t.createCluster(t.clusterMarkers[_i12]);
               }
             }
           }
         }
       }
       //添加cluster聚合点
-      for (var _i11 = 0; _i11 < t.clusterPs.length; _i11++) {
-        if (t.clusterPs[_i11].isreal) {
+      for (var _i13 = 0; _i13 < t.clusterPs.length; _i13++) {
+        if (t.clusterPs[_i13].isreal) {
           //添加聚合集合点
-          t.addClusterPoint(t.clusterPs[_i11]);
+          t.addClusterPoint(t.clusterPs[_i13]);
         } else {
-          var m = t.clusterPs[_i11].markers[0];
+          var m = t.clusterPs[_i13].markers[0];
           if (!m.marker.getNode()) {
             //存在html的label处理
             if (m.html) {
@@ -3225,22 +3231,22 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       var t = this;
       var len = cluster.markers.length,
         ids = [];
-      var url = 'http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m4.png',
+      var url = "http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m4.png",
         w = 90;
       if (len < 50) {
-        url = 'http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m3.png';
+        url = "http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m3.png";
         w = 78;
       }
       if (len < 30) {
-        url = 'http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m2.png';
+        url = "http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m2.png";
         w = 66;
       }
       if (len < 20) {
-        url = 'http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m1.png';
+        url = "http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m1.png";
         w = 56;
       }
       if (len < 10) {
-        url = 'http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m0.png';
+        url = "http://api.map.baidu.com/library/TextIconOverlay/1.2/src/images/m0.png";
         w = 53;
       }
       //处理聚合中点位
@@ -3256,17 +3262,17 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       //添加聚合点
       var markerSymbol = new esri.symbol.PictureMarkerSymbol(url, w, w);
       //设置文字点位(记录聚合点数量)
-      var text = new esri.symbol.TextSymbol(len).setColor(new esri.Color('#fff'));
+      var text = new esri.symbol.TextSymbol(len).setColor(new esri.Color("#fff"));
       //文字居中
       text.setOffset(0.5, -5);
       //创建点位对象
       var graphic = new esri.Graphic(cluster.center, markerSymbol, {
-          id: 'vtx-clusterPoint',
+          id: "vtx-clusterPoint",
           ids: ids,
           cluster: cluster
         }),
         graphicText = new esri.Graphic(cluster.center, text, {
-          id: 'vtx-clusterPoint',
+          id: "vtx-clusterPoint",
           ids: ids,
           cluster: cluster
         });
@@ -3325,10 +3331,10 @@ var ArcgisMap = /*#__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(",");
         }
       }
       var markerList = [];
@@ -3375,7 +3381,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         return;
       }
       // if(t.containsExtent(t.areaRestriction,e.extent)){
-      //    return; 
+      //    return;
       // }
       var _t$areaRestriction = t.areaRestriction,
         xmin1 = _t$areaRestriction.xmin,
@@ -3499,7 +3505,7 @@ var ArcgisMap = /*#__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
           });
@@ -3567,8 +3573,8 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         });
         var nowMovePoints = t.movePoints.slice(0, 10),
           deleteIndex = [];
-        for (var _i12 = 0; _i12 < nowMovePoints.length; _i12++) {
-          var _nowMovePoints$_i = nowMovePoints[_i12],
+        for (var _i14 = 0; _i14 < nowMovePoints.length; _i14++) {
+          var _nowMovePoints$_i = nowMovePoints[_i14],
             id = _nowMovePoints$_i.id,
             rx = _nowMovePoints$_i.rx,
             ry = _nowMovePoints$_i.ry,
@@ -3600,7 +3606,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               var tl = t.state.gis.toScreen(lglt);
               //设置label的位置(通过定位来实现)
               t.Label[id].html.css({
-                position: 'absolute',
+                position: "absolute",
                 top: tl.y + (t.Label[id].offset.y || 0) - t.labelLayer.y,
                 left: tl.x + (t.Label[id].offset.x || 0) - t.labelLayer.x
               });
@@ -3608,17 +3614,17 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
             t.GM.setGraphicParam(id, _objectSpread(_objectSpread({}, t.GM.getGraphicParam(id)), {}, {
               deg: ddeg
             }));
-            t.movePoints[_i12].waitTime = 0;
+            t.movePoints[_i14].waitTime = 0;
             if (deleteTime <= 0) {
-              deleteIndex.push(_i12);
+              deleteIndex.push(_i14);
             }
           }
         }
         deleteIndex.sort(function (a, b) {
           return b - a;
         });
-        for (var _i13 = 0; _i13 < deleteIndex.length; _i13++) {
-          t.movePoints.splice(deleteIndex[_i13], 1);
+        for (var _i15 = 0; _i15 < deleteIndex.length; _i15++) {
+          t.movePoints.splice(deleteIndex[_i15], 1);
         }
         if (nowMovePoints.length == 0) {
           clearInterval(t.moveToTimer);
@@ -3720,7 +3726,7 @@ var ArcgisMap = /*#__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));
     }
     //数据解析(分析,新增,更新,删除对应的数据)
   }, {
@@ -3796,12 +3802,12 @@ var ArcgisMap = /*#__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%',
-          backgroundColor: '#f1f1f1'
+          width: "100%",
+          height: "100%",
+          backgroundColor: "#f1f1f1"
         }
       });
     }
@@ -3879,7 +3885,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         if (!t.mapCreated) return;
         /*添加海量点*/
         if (mapPointCollection instanceof Array && t.props.mapPointCollection instanceof Array && !t.deepEqual(mapPointCollection, t.props.mapPointCollection)) {
-          var _t$dataMatch = t.dataMatch(t.props.mapPointCollection, mapPointCollection, 'id'),
+          var _t$dataMatch = t.dataMatch(t.props.mapPointCollection, mapPointCollection, "id"),
             deletedDataIDs = _t$dataMatch.deletedDataIDs,
             addedData = _t$dataMatch.addedData,
             updatedData = _t$dataMatch.updatedData;
@@ -3887,14 +3893,14 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           t.addPointCollection(addedData);
           t.updatePointCollection(updatedData);
         }
-        if (typeof isclearAllPointCollection == 'boolean' && isclearAllPointCollection || isclearAllPointCollection && isclearAllPointCollection !== t.props.isclearAllPointCollection) {
+        if (typeof isclearAllPointCollection == "boolean" && isclearAllPointCollection || isclearAllPointCollection && isclearAllPointCollection !== t.props.isclearAllPointCollection) {
           t.clearAllPointCollection();
         }
         /*点数据处理
-            pointData[2]相同的点,执行刷新
-            pointData[1]的数据在idsForGraphicId中不存在的,执行新增
-            pointData[0]数据中多余的id,执行删除
-        */
+                  pointData[2]相同的点,执行刷新
+                  pointData[1]的数据在idsForGraphicId中不存在的,执行新增
+                  pointData[0]数据中多余的id,执行删除
+              */
         if (mapPoints instanceof Array && t.props.mapPoints instanceof Array && !t.deepEqual(mapPoints, t.props.mapPoints)) {
           var oldMapPoints = t.props.mapPoints;
           var newMapPoints = mapPoints;
@@ -3907,7 +3913,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               return item.id !== editGraphicId;
             });
           }
-          var _t$dataMatch2 = t.dataMatch(oldMapPoints, newMapPoints, 'id'),
+          var _t$dataMatch2 = t.dataMatch(oldMapPoints, newMapPoints, "id"),
             _deletedDataIDs = _t$dataMatch2.deletedDataIDs,
             _addedData = _t$dataMatch2.addedData,
             _updatedData = _t$dataMatch2.updatedData;
@@ -3923,7 +3929,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               var id = _step.value;
-              t.removeGraphic(id, 'point');
+              t.removeGraphic(id, "point");
             }
             //增加
           } catch (err) {
@@ -3936,9 +3942,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           t.updatePoint([].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;
@@ -3950,7 +3956,7 @@ var ArcgisMap = /*#__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;
@@ -3966,7 +3972,7 @@ var ArcgisMap = /*#__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) {
@@ -3979,9 +3985,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           t.updatePolygon([].concat(_toConsumableArray(_upds), _toConsumableArray(_otherupds)));
         }
         /*
-            圆数据处理
-            先全删除,再新增
-        */
+                  圆数据处理
+                  先全删除,再新增
+              */
         if (mapCircles instanceof Array && t.props.mapCircles instanceof Array && !t.deepEqual(mapCircles, t.props.mapCircles)) {
           var oldMapCircles = t.props.mapCircles;
           var newMapCircles = mapCircles;
@@ -3993,7 +3999,7 @@ var ArcgisMap = /*#__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;
@@ -4009,7 +4015,7 @@ var ArcgisMap = /*#__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) {
@@ -4022,9 +4028,9 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           t.updateCircle([].concat(_toConsumableArray(_upds2), _toConsumableArray(_otherupds2)));
         }
         /*
-            线数据处理
-            先全删除,再新增
-        */
+                  线数据处理
+                  先全删除,再新增
+              */
         if (mapLines instanceof Array && t.props.mapLines instanceof Array && !t.deepEqual(mapLines, t.props.mapLines)) {
           var oldMapLines = t.props.mapLines;
           var newMapLines = mapLines;
@@ -4036,7 +4042,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
               return item.id !== editGraphicId;
             });
           }
-          var _t$dataMatch5 = t.dataMatch(oldMapLines, newMapLines, 'id'),
+          var _t$dataMatch5 = t.dataMatch(oldMapLines, newMapLines, "id"),
             _deletedDataIDs4 = _t$dataMatch5.deletedDataIDs,
             _addedData4 = _t$dataMatch5.addedData,
             _updatedData4 = _t$dataMatch5.updatedData;
@@ -4052,7 +4058,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           try {
             for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
               var _id3 = _step4.value;
-              t.removeGraphic(_id3, 'line');
+              t.removeGraphic(_id3, "line");
             }
             //增加
           } catch (err) {
@@ -4066,7 +4072,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         }
         //画其他特例线专用
         if (customizedBoundary instanceof Array && t.props.customizedBoundary instanceof Array && !t.deepEqual(customizedBoundary, t.props.customizedBoundary)) {
-          var _t$dataMatch6 = t.dataMatch(t.props.customizedBoundary, customizedBoundary, 'id'),
+          var _t$dataMatch6 = t.dataMatch(t.props.customizedBoundary, customizedBoundary, "id"),
             _deletedDataIDs5 = _t$dataMatch6.deletedDataIDs,
             _addedData5 = _t$dataMatch6.addedData,
             _updatedData5 = _t$dataMatch6.updatedData;
@@ -4076,7 +4082,7 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           try {
             for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
               var _id4 = _step5.value;
-              t.removeGraphic(_id4, 'line');
+              t.removeGraphic(_id4, "line");
             }
           } catch (err) {
             _iterator5.e(err);
@@ -4100,39 +4106,39 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
           t.heatMapOverlay(heatMapData);
         }
         //图元编辑调用
-        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 setCenter == 'boolean' && setCenter || setCenter && setCenter !== t.props.setCenter) {
+        if (typeof setCenter == "boolean" && setCenter || setCenter && setCenter !== t.props.setCenter) {
           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 (typeof setZoomLevel == 'boolean' && setZoomLevel || setZoomLevel && setZoomLevel !== t.props.setZoomLevel) {
+        if (typeof setZoomLevel == "boolean" && setZoomLevel || setZoomLevel && setZoomLevel !== t.props.setZoomLevel) {
           t.setZoomLevel(mapZoomLevel);
         }
         //设置最优视野
-        if (typeof setVisiblePoints == 'boolean' && setVisiblePoints || setVisiblePoints && setVisiblePoints !== t.props.setVisiblePoints) {
+        if (typeof setVisiblePoints == "boolean" && setVisiblePoints || setVisiblePoints && setVisiblePoints !== t.props.setVisiblePoints) {
           t.setVisiblePoints(mapVisiblePoints);
         }
         //测距工具调用
-        if (typeof isRangingTool == 'boolean' && isRangingTool || isRangingTool && isRangingTool !== t.props.isRangingTool) {
+        if (typeof isRangingTool == "boolean" && isRangingTool || isRangingTool && isRangingTool !== t.props.isRangingTool) {
           t.vtxRangingTool(mapRangingTool);
         }
         // //开关路况
@@ -4142,19 +4148,19 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
         //     t.hideTrafficInfo();
         // }
         //设置区域限制
-        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 isClearAll == 'boolean' && isClearAll || isClearAll && isClearAll !== t.props.isClearAll) {
+        if (typeof isClearAll == "boolean" && isClearAll || isClearAll && isClearAll !== t.props.isClearAll) {
           t.clearAll();
         }
         //删除指定图元
-        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);
           });
@@ -4189,7 +4195,6 @@ var ArcgisMap = /*#__PURE__*/function (_React$Component) {
       window.VtxMap[t.state.mapId] = null;
     }
   }]);
-}(_react["default"].Component);
-var _default = exports["default"] = ArcgisMap;
-module.exports = exports["default"];
-//# sourceMappingURL=Map.js.map
+  return ArcgisMap;
+}(_react.default.Component);
+var _default = exports.default = ArcgisMap;