@vtx/map 1.2.22 → 1.2.24

package/lib/VtxMap/TMap/TMap.js

@@ -1,130 +1,72 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = require("react-dom");
-
 var _MapToolFunction = require("../MapToolFunction");
-
 var _immutable = _interopRequireDefault(require("immutable"));
-
 var _default2 = _interopRequireWildcard(require("../../default"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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; } } }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Set = _immutable["default"].Set; //公共地址配置
-
+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 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 _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 _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;
+//公共地址配置
 var TMap = /*#__PURE__*/function (_React$Component) {
-  _inherits(TMap, _React$Component);
-
-  var _super = _createSuper(TMap);
-
   function TMap(props) {
     var _this;
-
     _classCallCheck(this, TMap);
-
-    _this = _super.call(this, props); //初始化 图元管理方法
-
+    _this = _callSuper(this, TMap, [props]);
+    //初始化 图元管理方法
     _this.GM = new _MapToolFunction.graphicManage();
     _this.getPolygonArea = _MapToolFunction.getPolygonArea;
     _this.pointCollectionId = 'vtx_gmap_html_pointCollection'; //海量点canvas点位容器id class管理
-
     _this.isNotClickMap = false; //阻止点击事件冒泡到地图
-
     _this.isZoom = false; //阻止 zoom事件后触发的移动事件
-
     _this.mapLeft = 0; //地图offset的Left值
-
     _this.mapTop = 0; //地图offset的Top值
-
     _this.clusterObj = null; //聚合对象
-
     _this.clusterMarkers = null; //聚合的点集合
-
     _this.markerTool = null; //绘制点对象
-
     _this.polylineTool = null; //绘制线对象
-
     _this.polygonTool = null; //绘制面对象
-
     _this.rectangleTool = null; //绘制矩形对象
-
     _this.circleTool = null; //绘制圆对象
-
     _this.isEditId = null; //记录当前编辑的id,过滤移入移出事件
-
     _this.moveToTimer = null; //moveTo时间对象
-
     _this.timer = 10; //动画播放频率
-
     _this.movePoints = []; //move点的对象集合
-
     _this.morepoints = []; //海量点集合
-
     _this.heatmap = null; //热力图对象
-
     _this.animTimer = {}; //点位跳动动画
-
     _this.animCount = {}; //点位跳动动画 位置记录
-
     _this.waitInit = null; //等加载定时
-
     _this.isLoading = false; //是否加载完
-
     _this.waitReceive = null; //等初始化,更新定时
-
     _this.mapCreated = false;
     _this.state = {
       gis: null,
@@ -157,13 +99,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       controlStyle: 'lt'
     };
     _this.frameSelectProps = {};
-
     _this.loadMapJs();
-
     return _this;
   }
-
-  _createClass(TMap, [{
+  _inherits(TMap, _React$Component);
+  return _createClass(TMap, [{
     key: "loadMapJs",
     value: function loadMapJs() {
       var t = this;
@@ -194,19 +134,16 @@ var TMap = /*#__PURE__*/function (_React$Component) {
                 $.getScript("".concat(_default2["default"].mapServerURL, "/TImageOverlay.js"), function () {
                   resolve();
                 });
-              }); // let components = new Promise((resolve,reject)=>{
+              });
+              // let components = new Promise((resolve,reject)=>{
               //     $.getScript(`${configUrl.mapServerURL}/T_toolComponents.js`,()=>{
               //         resolve();
               //     })
               // });
-
-              Promise.all([Heatmap, PointCollection, ImageOverlays, HeatmapNew
-              /*,components*/
-              ]).then(function () {
+              Promise.all([Heatmap, PointCollection, ImageOverlays, HeatmapNew /*,components*/]).then(function () {
                 if (t.waitInit) {
                   clearInterval(t.waitInit);
                 }
-
                 t.waitInit = setInterval(function () {
                   if (T.Tool) {
                     clearInterval(t.waitInit);
@@ -224,120 +161,105 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     value: function init() {
       var t = this;
       var _t$props = t.props,
-          mapPoints = _t$props.mapPoints,
-          mapLines = _t$props.mapLines,
-          mapPolygons = _t$props.mapPolygons,
-          mapCircles = _t$props.mapCircles,
-          setVisiblePoints = _t$props.setVisiblePoints,
-          mapVisiblePoints = _t$props.mapVisiblePoints,
-          mapCenter = _t$props.mapCenter,
-          mapZoomLevel = _t$props.mapZoomLevel,
-          mapCluster = _t$props.mapCluster,
-          mapPointCollection = _t$props.mapPointCollection,
-          showControl = _t$props.showControl,
-          boundaryName = _t$props.boundaryName,
-          areaRestriction = _t$props.areaRestriction,
-          heatMapData = _t$props.heatMapData,
-          imageOverlays = _t$props.imageOverlays,
-          coverageType = _t$props.coverageType,
-          infoWindowData = _t$props.infoWindowData; //创建地图
-
-      t.createMap(); // 切换地图矢量图和卫星图背景
-
+        mapPoints = _t$props.mapPoints,
+        mapLines = _t$props.mapLines,
+        mapPolygons = _t$props.mapPolygons,
+        mapCircles = _t$props.mapCircles,
+        setVisiblePoints = _t$props.setVisiblePoints,
+        mapVisiblePoints = _t$props.mapVisiblePoints,
+        mapCenter = _t$props.mapCenter,
+        mapZoomLevel = _t$props.mapZoomLevel,
+        mapCluster = _t$props.mapCluster,
+        mapPointCollection = _t$props.mapPointCollection,
+        showControl = _t$props.showControl,
+        boundaryName = _t$props.boundaryName,
+        areaRestriction = _t$props.areaRestriction,
+        heatMapData = _t$props.heatMapData,
+        imageOverlays = _t$props.imageOverlays,
+        coverageType = _t$props.coverageType,
+        infoWindowData = _t$props.infoWindowData;
+      //创建地图
+      t.createMap();
+      // 切换地图矢量图和卫星图背景
       if (coverageType) {
         t.setMapType(coverageType);
-      } //添加点
-
-
+      }
+      //添加点
       if (mapPoints instanceof Array) {
         t.addPoint(mapPoints);
-      } //添加线
-
-
+      }
+      //添加线
       if (mapLines instanceof Array) {
         t.addLine(mapLines);
-      } // //添加面
-
-
+      }
+      // //添加面
       if (mapPolygons instanceof Array) {
         t.addPolygon(mapPolygons);
-      } //添加圆
-
-
+      }
+      //添加圆
       if (mapCircles instanceof Array) {
         t.addCircle(mapCircles);
-      } //添加图片图层
-
-
+      }
+      //添加图片图层
       if (imageOverlays instanceof Array) {
         t.imageUrlOverlay(imageOverlays);
       }
       /*设置指定图元展示*/
-
-
       if (mapVisiblePoints) {
         t.setVisiblePoints(mapVisiblePoints);
-      } // 画热力图
-
-
+      }
+      // 画热力图
       if (heatMapData) {
         t.heatMapOverlay(heatMapData);
-      } // 打开信息窗体
-
-
+      }
+      // 打开信息窗体
       if (infoWindowData) {
         t.infoWindow(infoWindowData);
-      } //添加海量点
-
-
+      }
+      //添加海量点
       if (mapPointCollection instanceof Array) {
         setTimeout(function () {
           t.addPointCollection(mapPointCollection);
         }, 100);
-      } //设置比例尺
-
-
+      }
+      //设置比例尺
       if (mapZoomLevel) {
         t.setZoomLevel(mapZoomLevel);
-      } //设置点聚合
-
-
+      }
+      //设置点聚合
       if (mapCluster) {
         t.cluster(mapCluster);
-      } // //展示比例尺
-
-
+      }
+      // //展示比例尺
       if (showControl) {
         t.showControl();
-      } //添加地图类型控件
-
-
+      }
+      //添加地图类型控件
       if (t.props.satelliteSwitch) {
         t.showMapTypeControl();
-      } // //画边界线
+      }
+      // //画边界线
       // if(boundaryName instanceof Array && boundaryName.length>0){
       //     t.addBaiduBoundary(boundaryName);
       // }
-      //设置区域限制
-
 
+      //设置区域限制
       if (areaRestriction && !!areaRestriction[0] && !!areaRestriction[1]) {
         t.setAreaRestriction(areaRestriction);
-      } //初始化地图拖拽开始事件
-
-
-      t.dragMapStart(); //初始化地图拖拽结束事件
-
-      t.dragMapEnd(); //初始化地图移动开始事件
-
-      t.moveStart(); //初始化地图移动结束事件
-
-      t.moveEnd(); //初始化地图zoom改变开始事件
-
-      t.zoomStart(); //初始化地图zoom改变结束事件
-
-      t.zoomEnd(); //初始化地图点击事件
-
+      }
+      //初始化地图拖拽开始事件
+      t.dragMapStart();
+      //初始化地图拖拽结束事件
+      t.dragMapEnd();
+      //初始化地图移动开始事件
+      t.moveStart();
+      //初始化地图移动结束事件
+      t.moveEnd();
+      //初始化地图zoom改变开始事件
+      t.zoomStart();
+      //初始化地图zoom改变结束事件
+      t.zoomEnd();
+      //初始化地图点击事件
       t.clickMap();
       this.mapCreated = true;
     }
@@ -346,19 +268,17 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     value: function createMap() {
       var t = this;
       var _t$props2 = t.props,
-          mapStyle = _t$props2.mapStyle,
-          _t$props2$mapCenter = _t$props2.mapCenter,
-          mapCenter = _t$props2$mapCenter === void 0 ? [] : _t$props2$mapCenter,
-          mapId = _t$props2.mapId,
-          mapZoomLevel = _t$props2.mapZoomLevel,
-          minZoom = _t$props2.minZoom,
-          maxZoom = _t$props2.maxZoom;
-
+        mapStyle = _t$props2.mapStyle,
+        _t$props2$mapCenter = _t$props2.mapCenter,
+        mapCenter = _t$props2$mapCenter === void 0 ? [] : _t$props2$mapCenter,
+        mapId = _t$props2.mapId,
+        mapZoomLevel = _t$props2.mapZoomLevel,
+        minZoom = _t$props2.minZoom,
+        maxZoom = _t$props2.maxZoom;
       if (!window.VtxMap) {
         window.VtxMap = {};
-      } // 控件位置常量
-
-
+      }
+      // 控件位置常量
       t.AnchorConstant = {
         tr: T_ANCHOR_TOP_RIGHT,
         tl: T_ANCHOR_TOP_LEFT,
@@ -373,12 +293,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         minZoom: minZoom || 1,
         maxZoom: maxZoom || 18
       });
-
       if (mapStyle) {
         t.state.gis.setStyle(mapStyle);
-      } //海量点图元容器
-
-
+      }
+      //海量点图元容器
       t.pointCollectionId = "".concat(mapId, "_").concat(t.pointCollectionId);
       var pointCollectionDiv = document.createElement('div');
       pointCollectionDiv.id = t.pointCollectionId;
@@ -386,58 +304,50 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       pointCollectionDiv.className = 'vtx_gmap_html_pointCollection_t';
       $(t.state.gis.getPanes().mapPane.children[0]).before(pointCollectionDiv);
       t.initPropsForUser();
-    } // 初始化对外方法
-
+    }
+    // 初始化对外方法
   }, {
     key: "initPropsForUser",
     value: function initPropsForUser() {
       var t = this;
-
       t.state.gis["fitView"] = function (arr) {
         t.fitView(arr);
       };
-
       t.state.gis["frameSelect"] = function () {
         var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var callback = arguments.length > 1 ? arguments[1] : undefined;
         return t.frameSelect(obj, callback);
       };
-
       t.state.gis["clearFrameSelect"] = function () {
         return t.clearFrameSelect();
       };
-
       t.state.gis["clearFrameSelectById"] = function (id) {
         return t.clearFrameSelectById(id);
       };
-
       t.state.gis["showInfoWindow"] = function (obj) {
         return t.showInfoWindow(obj);
       };
-
       t.state.gis["hideInfoWindow"] = function () {
         return t.hideInfoWindow();
       };
-    } // 框选
-
+    }
+    // 框选
   }, {
     key: "frameSelect",
     value: function frameSelect(_ref, callback) {
       var geometryType = _ref.geometryType,
-          _ref$parameter = _ref.parameter,
-          parameter = _ref$parameter === void 0 ? {} : _ref$parameter,
-          _ref$data = _ref.data,
-          data = _ref$data === void 0 ? {} : _ref$data;
-
+        _ref$parameter = _ref.parameter,
+        parameter = _ref$parameter === void 0 ? {} : _ref$parameter,
+        _ref$data = _ref.data,
+        data = _ref$data === void 0 ? {} : _ref$data;
       if (!['polygon', 'circle', 'rectangle'].includes(geometryType)) {
         message.warn("传入的类型不支持框选！");
         return false;
       }
-
       var t = this;
       var params = {},
-          type = geometryType || 'polygon',
-          id = data.id || "frameSelectFeature_".concat(Math.random());
+        type = geometryType || 'polygon',
+        id = data.id || "frameSelectFeature_".concat(Math.random());
       params.color = parameter.color || 'red';
       params.lineColor = parameter.lineColor || 'red';
       params.lineOpacity = parameter.lineOpacity || 1;
@@ -456,18 +366,17 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         id: id,
         type: geometryType
       };
-    } // 清除框选
-
+    }
+    // 清除框选
   }, {
     key: "clearFrameSelect",
     value: function clearFrameSelect() {
       for (var key in this.frameSelectProps) {
         this.removeGraphic(this.frameSelectProps[key].id, this.frameSelectProps[key].type);
       }
-
       this.frameSelectProps = {};
-    } // 清除框选ById
-
+    }
+    // 清除框选ById
   }, {
     key: "clearFrameSelectById",
     value: function clearFrameSelectById(id) {
@@ -482,67 +391,62 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         case 'sl':
           this.state.gis.setMapType(TMAP_NORMAL_MAP);
           break;
-
         case 'wx':
           this.state.gis.setMapType(TMAP_HYBRID_MAP);
           break;
       }
-    } //增加图片图层
-
+    }
+    //增加图片图层
   }, {
     key: "imageUrlOverlay",
     value: function imageUrlOverlay(imageAry) {
       var t = this;
       imageAry.map(function (item, index) {
         var sw = item.sw,
-            ne = item.ne,
-            url = item.url,
-            opacity = item.opacity,
-            displayOnMinLevel = item.displayOnMinLevel,
-            displayOnMaxLevel = item.displayOnMaxLevel;
-
+          ne = item.ne,
+          url = item.url,
+          opacity = item.opacity,
+          displayOnMinLevel = item.displayOnMinLevel,
+          displayOnMaxLevel = item.displayOnMaxLevel;
         if (!url) {
           console.warn("\u56FE\u7247\u56FE\u5C42url\u6570\u636E\u9519\u8BEF");
           return false;
         }
-
         if (sw && ne && Array.isArray(sw) && Array.isArray(ne) && sw[0] && sw[1] && ne[0] && ne[1]) {
           var swnep = new T.LngLatBounds(new T.LngLat(sw[0], sw[1]), new T.LngLat(ne[0], ne[1])),
-              imageUrlOverlay = new T.ImageOverlay(url, swnep, {
-            minZoom: displayOnMinLevel || 3,
-            maxZoom: displayOnMaxLevel || 18
-          });
-          t.state.gis.addOverLay(imageUrlOverlay);
+            _imageUrlOverlay = new T.ImageOverlay(url, swnep, {
+              minZoom: displayOnMinLevel || 3,
+              maxZoom: displayOnMaxLevel || 18
+            });
+          t.state.gis.addOverLay(_imageUrlOverlay);
         } else {
           console.warn("\u533A\u57DF\u7ECF\u7EAC\u5EA6sw/ne\u6570\u636E\u9519\u8BEF");
           return false;
         }
       });
-    } //清空地图所有图元
-
+    }
+    //清空地图所有图元
   }, {
     key: "clearAll",
     value: function clearAll() {
-      var t = this; //清空热力图
-
+      var t = this;
+      //清空热力图
       if (t.heatmap) {
         t.heatmap.clear();
       }
-
-      t.heatmap = null; //先清除所有标记
-
+      t.heatmap = null;
+      //先清除所有标记
       if (t.clusterMarkers) {
         t.clusterObj.removeMarkers(t.clusterMarkers);
       }
-
-      t.clearAllPointCollection(); //清空点
-
+      t.clearAllPointCollection();
+      //清空点
       t.state.gis.getOverlays().map(function (item, index) {
         t.state.gis.removeOverLay(item);
-      }); //清空缓存数据
-
-      t.GM.clearAll(); //清空历史数据记录
-
+      });
+      //清空缓存数据
+      t.GM.clearAll();
+      //清空历史数据记录
       t.setState({
         pointIds: [],
         lineIds: [],
@@ -560,16 +464,13 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     }
     /*set方法*/
     //设置地图中心位置 lng/经度  lat/纬度
-
   }, {
     key: "setCenter",
     value: function setCenter(gt) {
       var t = this;
-
       if (!t.state.gis) {
         return;
       }
-
       if (gt) {
         t.state.gis.centerAndZoom(new T.LngLat(gt[0], gt[1]), t.state.gis.getZoom());
       } else {
@@ -577,7 +478,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       }
     }
     /*地图区域限制*/
-
   }, {
     key: "setAreaRestriction",
     value: function setAreaRestriction(sw_ne) {
@@ -589,19 +489,18 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     key: "clearAreaRestriction",
     value: function clearAreaRestriction() {
       this.state.gis.setMaxBounds(null);
-    } //设置指定图元展示   高德只有zoom和center全适应,单适应暂时无法实现
-
+    }
+    //设置指定图元展示   高德只有zoom和center全适应,单适应暂时无法实现
   }, {
     key: "setVisiblePoints",
     value: function setVisiblePoints(obj) {
       var t = this;
       var ls = [];
       var _t$state = t.state,
-          pointIds = _t$state.pointIds,
-          lineIds = _t$state.lineIds,
-          polygonIds = _t$state.polygonIds,
-          circleIds = _t$state.circleIds;
-
+        pointIds = _t$state.pointIds,
+        lineIds = _t$state.lineIds,
+        polygonIds = _t$state.polygonIds,
+        circleIds = _t$state.circleIds;
       var getLngLats = function getLngLats(ids) {
         var alnglat = [];
         t.GM.getMoreGraphic(ids).map(function (item, index) {
@@ -611,55 +510,44 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             case 2:
               alnglat.push(item.getLngLat());
               break;
-
             case 4:
               alnglat.push.apply(alnglat, _toConsumableArray(item.getLngLats()));
               break;
-
             case 5:
               //多边形 返回的是 三维数组
               alnglat.push.apply(alnglat, _toConsumableArray(item.getLngLats()[0]));
               break;
-
             case 8:
               alnglat.push(item.getCenter());
               break;
           }
         });
         return alnglat;
-      }; //算出 要展示的图元点位
-
-
+      };
+      //算出 要展示的图元点位
       switch (obj.fitView) {
         case 'point':
           ls = getLngLats(pointIds);
           break;
-
         case 'line':
           ls = getLngLats(lineIds);
           break;
-
         case 'polygon':
           ls = getLngLats(polygonIds);
           break;
-
         case 'circle':
           ls = getLngLats(circleIds);
           break;
-
         case 'all':
           ls = getLngLats([].concat(_toConsumableArray(pointIds), _toConsumableArray(lineIds), _toConsumableArray(polygonIds), _toConsumableArray(circleIds)));
           break;
-
         default:
           var ids = [];
-
           if (obj.fitView instanceof Array) {
             ids = obj.fitView;
           } else if (typeof obj.fitView === 'string') {
             ids = obj.fitView.split(',');
           }
-
           if (ids[0] instanceof Array) {
             ls = ids.map(function (item) {
               return new T.LngLat(item[0], item[1]);
@@ -667,15 +555,12 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           } else {
             ls = getLngLats(ids);
           }
-
           break;
       }
-
       if (ls.length >= 1) {
         var _t$state$gis$getViewp = t.state.gis.getViewport(ls),
-            center = _t$state$gis$getViewp.center,
-            zoom = _t$state$gis$getViewp.zoom;
-
+          center = _t$state$gis$getViewp.center,
+          zoom = _t$state$gis$getViewp.zoom;
         if (obj.type == 'zoom') {
           t.setZoomLevel(zoom);
         } else if (obj.type == 'center') {
@@ -684,28 +569,29 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           t.state.gis.centerAndZoom(center, zoom);
         }
       }
-    } // 设置最佳视野
+    }
 
+    // 设置最佳视野
   }, {
     key: "fitView",
     value: function fitView() {
       var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var t = this;
-
       if ((arr === null || arr === void 0 ? void 0 : arr.length) > 0) {
         t.state.gis.setViewport(arr.map(function (item) {
           return new T.LngLat(item[0], item[1]);
         }));
       }
-    } //设置地图比例尺
+    }
 
+    //设置地图比例尺
   }, {
     key: "setZoomLevel",
     value: function setZoomLevel(zoom) {
       var t = this;
       t.state.gis.centerAndZoom(t.state.gis.getCenter(), zoom);
-    } //获取当前地图的中心位置
-
+    }
+    //获取当前地图的中心位置
   }, {
     key: "getCurrentCenter",
     value: function getCurrentCenter() {
@@ -714,15 +600,15 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         lat: t.state.gis.getCenter().lat,
         lng: t.state.gis.getCenter().lng
       };
-    } //获取当前比例尺
-
+    }
+    //获取当前比例尺
   }, {
     key: "getZoomLevel",
     value: function getZoomLevel() {
       var t = this;
       return t.state.gis.getZoom();
-    } //获取当前地图边框左右边角经纬度,中心点位置,和比例尺,半径距离
-
+    }
+    //获取当前地图边框左右边角经纬度,中心点位置,和比例尺,半径距离
   }, {
     key: "getMapExtent",
     value: function getMapExtent() {
@@ -746,14 +632,13 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       };
       obj.radius = t.calculatePointsDistance([obj.nowCenter.lng, obj.nowCenter.lat], [gis.getBounds().getNorthEast().getLng(), gis.getBounds().getNorthEast().getLat()]);
       return obj;
-    } //聚合地图图元(arg为空时聚合全部点)
-
+    }
+    //聚合地图图元(arg为空时聚合全部点)
   }, {
     key: "cluster",
     value: function cluster(arg) {
       var t = this;
       var ary = [];
-
       if (!arg) {
         var pointIds = t.state.pointIds;
         ary = pointIds;
@@ -764,19 +649,18 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           ary = arg.split(',');
         }
       }
-
       var ms = this.GM.getMoreGraphic(ary).filter(function (item, index) {
         // return !item && item != 0 ? false : true;
         return item && item.getType() === 2 && !item.label;
-      }); //聚合的对象,便于后期清除时调用
-
+      });
+      //聚合的对象,便于后期清除时调用
       this.clusterObj = new T.MarkerClusterer(t.state.gis, {
         markers: ms
-      }); //记录聚合的点,便于后期清除
-
+      });
+      //记录聚合的点,便于后期清除
       this.clusterMarkers = ms;
-    } // 清除聚合
-
+    }
+    // 清除聚合
   }, {
     key: "removeCluster",
     value: function removeCluster(arg) {
@@ -785,47 +669,44 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       t.clusterObj.removeMarkers(t.clusterObj.options.markers);
       ids.map(function (id) {
         t.GM.removeGraphic(id);
-      }); // 重新加点
-
+      });
+      // 重新加点
       t.addPoint(t.props.mapPoints);
-    } //设置比例尺
-
+    }
+    //设置比例尺
   }, {
     key: "showControl",
     value: function showControl(props) {
       var t = this,
-          location = t.AnchorConstant['tr'],
-          offset = null,
-          scaleOffset = null;
+        location = t.AnchorConstant['tr'],
+        offset = null,
+        scaleOffset = null;
       var config = props || t.props;
-
       if (t.scaleControl) {
         t.state.gis.removeControl(t.scaleControl);
       }
-
       if (t.navigationControl) {
         t.state.gis.removeControl(t.navigationControl);
       }
-
       if (config.showControl.location) {
         location = t.AnchorConstant[config.showControl.location];
-      } // 添加比例尺
-
-
+      }
+      // 添加比例尺
       var control = new T.Control.Scale({
         position: location,
         offset: scaleOffset
       });
       t.state.gis.addControl(control);
-      t.scaleControl = control; // 缩放地图
-
+      t.scaleControl = control;
+      // 缩放地图
       var navigation = new T.Control.Zoom({
         position: location,
         offset: offset
       });
       t.state.gis.addControl(navigation);
-      t.navigationControl = navigation; // TODO不支持偏移，手动偏移
+      t.navigationControl = navigation;
 
+      // TODO不支持偏移，手动偏移
       if (config.showControl.offset && config.showControl.offset.length > 0) {
         if (location == "topright") {
           $('div.tdt-top.tdt-right').css({
@@ -849,48 +730,46 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           });
         }
       }
-    } // 移除比例尺
+    }
 
+    // 移除比例尺
   }, {
     key: "removeControl",
     value: function removeControl() {
       var t = this;
-
       if (t.scaleControl) {
         t.state.gis.removeControl(t.scaleControl);
         t.scaleControl = null;
       }
-
       if (t.navigationControl) {
         t.state.gis.removeControl(t.navigationControl);
         t.navigationControl = null;
       }
-    } //展示地图切换控件
+    }
 
+    //展示地图切换控件
   }, {
     key: "showMapTypeControl",
     value: function showMapTypeControl(props) {
       var t = this,
-          location = t.AnchorConstant['br'],
-          offset = null;
+        location = t.AnchorConstant['br'],
+        offset = null;
       var config = props || t.props;
-
       if (t.mapTypeControl) {
         t.state.gis.removeControl(t.mapTypeControl);
       }
-
       if (config.satelliteSwitch.location) {
         location = t.AnchorConstant[config.satelliteSwitch.location];
-      } // 地图切换控件
-
-
+      }
+      // 地图切换控件
       var control = new T.Control.MapType({
         position: location,
         offset: offset
       });
       t.state.gis.addControl(control);
-      t.mapTypeControl = control; // TODO不支持偏移，手动偏移
+      t.mapTypeControl = control;
 
+      // TODO不支持偏移，手动偏移
       if (config.satelliteSwitch.offset && config.satelliteSwitch.offset.length > 0) {
         if (location == "topright") {
           $('div.tdt-top.tdt-right').css({
@@ -914,23 +793,22 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           });
         }
       }
-    } //测距
-
+    }
+    //测距
   }, {
     key: "vtxRangingTool",
     value: function vtxRangingTool() {
       var _this2 = this;
-
-      var t = this; //将map对象放到全局中.是因为天地图api中使用了全局map.(坑B)
-
-      window.map = t.state.gis; //创建标注工具对象
-
+      var t = this;
+      //将map对象放到全局中.是因为天地图api中使用了全局map.(坑B)
+      window.map = t.state.gis;
+      //创建标注工具对象
       var lineTool = new T.PolylineTool(t.state.gis, {
         showLabel: true
       });
       lineTool.open();
-      this.isNotClickMap = true; //监听每次点击事件,阻止地图点击事件冒泡
-
+      this.isNotClickMap = true;
+      //监听每次点击事件,阻止地图点击事件冒泡
       lineTool.addEventListener('addpoint', function () {
         _this2.isNotClickMap = true;
       });
@@ -944,29 +822,24 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           });
         }
       });
-    } //获取图元数据
-
+    }
+    //获取图元数据
   }, {
     key: "getGraphic",
     value: function getGraphic(id) {
       var t = this;
-
       if (!id) {
         return false;
       }
-
       var gp = t.GM.getGraphicParam(id);
       var gg = t.GM.getGraphic(id);
-
       if (!gg) {
         return false;
       }
-
       var p = {},
-          pts = [],
-          lng = 0,
-          lat = 0;
-
+        pts = [],
+        lng = 0,
+        lat = 0;
       switch (gp.geometryType) {
         case 'point':
           lng = gg.getLngLat().getLng();
@@ -987,7 +860,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-
         case 'polyline':
           pts = gg.getLngLats().map(function (item, index) {
             return [item.lng, item.lat];
@@ -1005,7 +877,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-
         case 'polygon':
           pts = gg.getLngLats()[0].map(function (item, index) {
             return [item.lng, item.lat];
@@ -1023,7 +894,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-
         case 'circle':
           lng = gg.getCenter().getLng();
           lat = gg.getCenter().getLat();
@@ -1048,19 +918,15 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           });
           break;
       }
-
       return p;
-    } //添加点
-
+    }
+    //添加点
   }, {
     key: "addPoint",
     value: function addPoint(mapPoints, type) {
       var _this3 = this;
-
       var t = this;
-
       var psids = _toConsumableArray(t.state.pointIds);
-
       mapPoints.map(function (item, index) {
         var cg = {
           width: 33,
@@ -1072,19 +938,17 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           markerContentY: -33,
           zIndex: 100,
           deg: 0
-        }; //如果id重复,直接跳过不执行.
-
+        };
+        //如果id重复,直接跳过不执行.
         if (_this3.GM.isRepetition(item.id)) {
           console.warn("\u52A0\u70B9id: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        } //点位数据不符合,直接跳过
-
-
+        }
+        //点位数据不符合,直接跳过
         if (!item.longitude || !item.latitude) {
           console.warn("\u70B9 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
           return false;
         }
-
         if (item.markerContent) {
           cg = _objectSpread(_objectSpread({}, cg), {}, {
             markerContentX: 0,
@@ -1092,57 +956,52 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             width: 100,
             height: 30
           });
-        } //初始化默认数据
-
-
+        }
+        //初始化默认数据
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
-        } //覆盖物参数
-
-
+        }
+        //覆盖物参数
         var markerOption = {
           zIndexOffset: cg.zIndex,
           opacity: 1
         };
-        var marker = null; //判断html还是图片
-
+        var marker = null;
+        //判断html还是图片
         if (!!item.markerContent) {
           markerOption.icon = new T.Icon({
             iconUrl: item.url || "".concat(_default2["default"].mapServerURL, "/images/touming.png"),
             iconSize: new T.Point(cg.width, cg.height),
             iconAnchor: new T.Point(-cg.markerContentX, -cg.markerContentY)
           });
-
           if (cg.zIndex !== undefined || cg.zIndex !== null) {
             markerOption.zIndexOffset = cg.zIndex;
-          } //获得覆盖物对象
-
-
+          }
+          //获得覆盖物对象
           marker = new T.Marker(new T.LngLat(item.longitude, item.latitude), markerOption);
-          t.state.gis.addOverLay(marker); //-12,+15测试的阈值
-
+          t.state.gis.addOverLay(marker);
+          //-12,+15测试的阈值
           marker.label = new T.Label({
             text: item.markerContent,
             offset: new T.Point(cg.markerContentX - 12, cg.markerContentY + 15)
           });
-          marker.showLabel(); //统一加点
+          marker.showLabel();
+          //统一加点
         } else {
           markerOption.icon = new T.Icon({
             iconUrl: item.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"),
             iconSize: new T.Point(cg.width, cg.height),
             iconAnchor: new T.Point(-cg.markerContentX, -cg.markerContentY)
           });
-
           if (cg.zIndex !== undefined || cg.zIndex !== null) {
             markerOption.zIndexOffset = cg.zIndex;
-          } //获得覆盖物对象
-
-
-          marker = new T.Marker(new T.LngLat(item.longitude, item.latitude), markerOption); //添加点击事件
+          }
+          //获得覆盖物对象
+          marker = new T.Marker(new T.LngLat(item.longitude, item.latitude), markerOption);
+          //添加点击事件
           //统一加点
-
-          t.state.gis.addOverLay(marker); //是否展示label
-
+          t.state.gis.addOverLay(marker);
+          //是否展示label
           if (item.canShowLabel) {
             var labelClass = item.labelClass || 'label-content';
             marker.label = new T.Label({
@@ -1151,20 +1010,17 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             });
             marker.showLabel();
           }
-        } //点跳动动画
-
-
+        }
+        //点跳动动画
         if (!item.markerContent && cg.BAnimationType == 0) {
           t.pointAnimation(item.id, marker);
         } else {
           t.pointAnimation(item.id, null);
         }
-
         if (cg.deg) {
           marker.getElement().style.transform = marker.getElement().style.transform + " rotate(".concat(cg.deg, "deg)");
           marker.getElement().style['-ms-transform'] = " rotate(".concat(cg.deg, "deg)");
         }
-
         marker.addEventListener('click', function (e) {
           t.clickGraphic(item.id, e);
         });
@@ -1174,8 +1030,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         marker.addEventListener('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
         });
-        psids.push(item.id); //缓存图元的数据,偏于后期操作
-
+        psids.push(item.id);
+        //缓存图元的数据,偏于后期操作
         _this3.GM.setGraphic(item.id, marker).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
@@ -1189,19 +1045,18 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           deg: cg.deg
         });
       });
-
       if (type !== 'defined') {
-        t.state.pointIds = psids; // t.setState({
+        t.state.pointIds = psids;
+        // t.setState({
         //     pointIds: psids
         // });
       }
-    } //更新点
-
+    }
+    //更新点
   }, {
     key: "updatePoint",
     value: function updatePoint(mapPoints) {
       var _this4 = this;
-
       var t = this;
       mapPoints.map(function (item, index) {
         //判断图元是否存在.
@@ -1210,13 +1065,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           if (!item.longitude || !item.latitude) {
             console.warn("\u70B9 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
             return false;
-          } //获取原有的图元
-
-
+          }
+          //获取原有的图元
           var gc = _this4.GM.getGraphic(item.id);
-
           var cg = null;
-
           if (!!item.markerContent) {
             cg = {
               markerContentX: (item.config || {}).markerContentX || gc.getIcon().options.iconSize.x,
@@ -1224,20 +1076,17 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               //暂时不设置旋转角度,后期维护设置吧
               // deg: item.config.deg,
               zIndex: (item.config || {}).zIndex || gc.options.zIndexOffset
-            }; //设置点的标记添加顺序
+            };
+            //设置点的标记添加顺序
             // gc.setZindex(cg.zIndex);
-
             gc.setZIndexOffset(cg.zIndex);
-
             if (!(item.config || {}).isAnimation) {
               //修改经纬度
               gc.setLngLat(new T.LngLat(item.longitude, item.latitude));
             }
-
             if (gc.label) {
               _this4.state.gis.removeOverLay(gc.label);
             }
-
             gc.label = new T.Label({
               text: item.markerContent,
               offset: new T.Point(cg.markerContentX - 12, cg.markerContentY + 15)
@@ -1263,54 +1112,46 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               iconSize: new T.Point(cg.width, cg.height),
               iconAnchor: new T.Point(-cg.markerContentX, -cg.markerContentY)
             }));
-
             if (!(item.config || {}).isAnimation) {
               //修改经纬度
               gc.setLngLat(new T.LngLat(item.longitude, item.latitude));
-            } //是否展示label
-
-
+            }
+            //是否展示label
             if (item.canShowLabel) {
               if (gc.label) {
                 _this4.state.gis.removeOverLay(gc.label);
-              } // cg.labelPixelX= (item.config || {}).labelPixelX?(item.config || {}).labelPixelX - (cg.width/2):gc.getLabel().options.offset.x;
+              }
+              // cg.labelPixelX= (item.config || {}).labelPixelX?(item.config || {}).labelPixelX - (cg.width/2):gc.getLabel().options.offset.x;
               // cg.labelPixelY= (item.config || {}).labelPixelY?(item.config || {}).labelPixelY + (cg.markerContentY + cg.height/2):gc.getLabel().options.offset.y;
               // cg.labelContent= (item.config || {}).labelContent || gc.getLabel().options.text;
-
-
               cg.labelPixelX = (item.config || {}).labelPixelX ? (item.config || {}).labelPixelX - cg.width / 2 : cg.labelPixelX - cg.width / 2;
               cg.labelPixelY = (item.config || {}).labelPixelY ? (item.config || {}).labelPixelY + (cg.markerContentY + cg.height / 2) : cg.labelPixelY + (cg.markerContentY + cg.height / 2);
               cg.labelContent = (item.config || {}).labelContent || '';
-              var labelClass = item.labelClass || 'label-content'; //更新label
-
+              var labelClass = item.labelClass || 'label-content';
+              //更新label
               gc.label = new T.Label({
                 text: "<div class='".concat(labelClass, "'>").concat(cg.labelContent, "</div>"),
                 offset: new T.Point(cg.labelPixelX, cg.labelPixelY)
               });
               gc.showLabel();
-            } //设置点的标记添加顺序
-
-
+            }
+            //设置点的标记添加顺序
             gc.setZIndexOffset(cg.zIndex);
-          } //点跳动动画
-
-
+          }
+          //点跳动动画
           if (!item.markerContent && cg.BAnimationType == 0) {
             t.pointAnimation(item.id, gc);
           } else {
             t.pointAnimation(item.id, null);
           }
-
           if (cg.deg) {
             gc.getElement().style.transform = gc.getElement().style.transform + " rotate(".concat(cg.deg, "deg)");
             gc.getElement().style['-ms-transform'] = " rotate(".concat(cg.deg, "deg)");
-          } //动画效果会延迟执行经纬度的切换
-
-
+          }
+          //动画效果会延迟执行经纬度的切换
           if ((item.config || {}).isAnimation) {
             t.moveTo(item.id, [item.longitude, item.latitude], (item.config || {}).animationDelay, (item.config || {}).autoRotation, item.url, item.urlleft);
           }
-
           _this4.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
@@ -1329,18 +1170,15 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         }
       });
       t.moveAnimation();
-    } //添加线
-
+    }
+    //添加线
   }, {
     key: "addLine",
     value: function addLine(mapLines, type) {
       var _this5 = this;
-
       var t = this;
-
-      var lsids = _toConsumableArray(t.state.lineIds); //遍历添加线(图元)
-
-
+      var lsids = _toConsumableArray(t.state.lineIds);
+      //遍历添加线(图元)
       mapLines.map(function (item, index) {
         var cg = {
           color: '#277ffa',
@@ -1348,41 +1186,37 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           lineWidth: 5,
           lineType: 'solid',
           isHidden: false
-        }; //如果id重复,直接跳过不执行.
-
+        };
+        //如果id重复,直接跳过不执行.
         if (_this5.GM.isRepetition(item.id)) {
           console.warn("\u591A\u6298\u7EBFid: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        } //多折线点位数据不符合,直接跳过
-
-
+        }
+        //多折线点位数据不符合,直接跳过
         if (!(item.paths && item.paths.length >= 2)) {
           console.warn("\u591A\u6298\u7EBFpaths\u6570\u636E\u9519\u8BEF");
           return false;
         }
-
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
         }
-
         var lineOption = {
           color: cg.color,
           opacity: cg.pellucidity,
           weight: cg.lineWidth,
           lineStyle: cg.lineType,
           path: item.paths || []
-        }; //天地图没有hidden方法,所以用weight为0来实现
-
+        };
+        //天地图没有hidden方法,所以用weight为0来实现
         if (cg.isHidden) {
           lineOption.weight = 0;
         }
-
         var p = lineOption.path.map(function (itm, ind) {
           return new T.LngLat(itm[0], itm[1]);
         });
         var polyline = new T.Polyline(p, lineOption);
-        t.state.gis.addOverLay(polyline); // 添加点击事件
-
+        t.state.gis.addOverLay(polyline);
+        // 添加点击事件
         polyline.addEventListener('click', function (e) {
           t.isNotClickMap = true;
           t.clickGraphic(item.id, e);
@@ -1392,12 +1226,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         });
         polyline.addEventListener('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
-        }); //缓存图元的数据,便于后期操作
-
+        });
+        //缓存图元的数据,便于后期操作
         var pts = item.paths.map(function (itm, ind) {
           return _toConsumableArray(itm);
         });
-
         _this5.GM.setGraphic(item.id, polyline).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             paths: [pts],
@@ -1409,26 +1242,24 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             paths: [pts]
           }
         });
-
-        lsids.push(item.id); //state中缓存 line的id...用于数据判断
-
+        lsids.push(item.id);
+        //state中缓存 line的id...用于数据判断
         t.state.lineIds.push(item.id);
       });
-
       if (type !== 'defined') {
-        t.state.lineIds = lsids; // t.setState({
+        t.state.lineIds = lsids;
+        // t.setState({
         //     lineIds: lsids
         // });
       }
-    } //更新线
-
+    }
+    //更新线
   }, {
     key: "updateLine",
     value: function updateLine(mapLines) {
       var _this6 = this;
-
-      var t = this; //遍历添加线(图元)
-
+      var t = this;
+      //遍历添加线(图元)
       mapLines.map(function (item, index) {
         //判断图元是否存在.
         if (_this6.GM.isRepetition(item.id)) {
@@ -1436,44 +1267,38 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           if (!(item.paths && item.paths.length >= 2)) {
             console.warn("\u591A\u6298\u7EBFpaths\u6570\u636E\u9519\u8BEF");
             return false;
-          } //获取原有的图元
-
-
-          var gc = _this6.GM.getGraphic(item.id); //获取原有的线属性,转换key值
-
-
+          }
+          //获取原有的图元
+          var gc = _this6.GM.getGraphic(item.id);
+          //获取原有的线属性,转换key值
           var cg = {
             color: gc.getColor(),
             pellucidity: gc.getOpacity(),
             lineWidth: gc.getWeight(),
             lineType: gc.getLineStyle()
-          }; //重新初始化值
-
+          };
+          //重新初始化值
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
-          } //更新线
-
-
+          }
+          //更新线
           gc.setColor(cg.color);
           gc.setOpacity(cg.pellucidity);
-          gc.setLineStyle(cg.lineType); //根据参数判断是否显示多折线
-
+          gc.setLineStyle(cg.lineType);
+          //根据参数判断是否显示多折线
           gc.setWeight(cg.lineWidth || 5);
-
           if (item.config && item.config.isHidden) {
             gc.setWeight(0);
-          } //更新经纬度
-
-
+          }
+          //更新经纬度
           var p = item.paths.map(function (itm, ind) {
             return new T.LngLat(itm[0], itm[1]);
           });
-          gc.setLngLats(p); //处理数据  用于其他事件返回
-
+          gc.setLngLats(p);
+          //处理数据  用于其他事件返回
           var pts = item.paths.map(function (itm, ind) {
             return _toConsumableArray(itm);
           });
-
           _this6.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               paths: [pts],
@@ -1490,18 +1315,15 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           return false;
         }
       });
-    } //添加面
-
+    }
+    //添加面
   }, {
     key: "addPolygon",
     value: function addPolygon(mapPolygons) {
       var _this7 = this;
-
       var t = this;
-
-      var pgsids = _toConsumableArray(t.state.polygonIds); //遍历添加面(图元)
-
-
+      var pgsids = _toConsumableArray(t.state.polygonIds);
+      //遍历添加面(图元)
       mapPolygons.map(function (item, index) {
         var cg = {
           lineType: 'solid',
@@ -1509,25 +1331,22 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           lineColor: '#277ffa',
           lineOpacity: 1,
           color: '#fff',
-          pellucidity: 0.5 // isHidden: false  //后期跟百度一起加
-
-        }; //如果id重复,直接跳过不执行.
-
+          pellucidity: 0.5
+          // isHidden: false  //后期跟百度一起加
+        };
+        //如果id重复,直接跳过不执行.
         if (_this7.GM.isRepetition(item.id)) {
           console.warn("\u591A\u8FB9\u5F62id: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        } //多边形点位数据不符合,直接跳过
-
-
+        }
+        //多边形点位数据不符合,直接跳过
         if (!(item.rings && item.rings.length >= 3)) {
           console.warn("\u591A\u8FB9\u5F62rings\u6570\u636E\u9519\u8BEF");
           return false;
         }
-
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
         }
-
         var polygonOption = {
           color: cg.lineColor,
           opacity: cg.lineOpacity,
@@ -1541,10 +1360,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           return new T.LngLat(itm[0], itm[1]);
         });
         var polygon = new T.Polygon(r, polygonOption);
-
-        _this7.state.gis.addOverLay(polygon); //添加点击事件
-
-
+        _this7.state.gis.addOverLay(polygon);
+        //添加点击事件
         polygon.on('click', function (e) {
           t.isNotClickMap = true;
           t.clickGraphic(item.id, e);
@@ -1554,12 +1371,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         });
         polygon.on('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
-        }); //缓存图元的数据,便于后期操作
-
+        });
+        //缓存图元的数据,便于后期操作
         var pts = item.rings.map(function (itm, ind) {
           return _toConsumableArray(itm);
         });
-
         _this7.GM.setGraphic(item.id, polygon).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             rings: pts,
@@ -1571,19 +1387,18 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             rings: pts
           }
         });
-
         pgsids.push(item.id);
       });
-      t.state.polygonIds = pgsids; // t.setState({
+      t.state.polygonIds = pgsids;
+      // t.setState({
       //     polygonIds: pgsids
       // })
-    } //更新面
-
+    }
+    //更新面
   }, {
     key: "updatePolygon",
     value: function updatePolygon(mapPolygons) {
       var _this8 = this;
-
       var t = this;
       mapPolygons.map(function (item, index) {
         //判断图元是否存在.
@@ -1592,12 +1407,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           if (!(item.rings && item.rings.length >= 3)) {
             console.warn("\u591A\u8FB9\u5F62rings\u6570\u636E\u9519\u8BEF");
             return false;
-          } //获取原有的图元
-
-
-          var gc = _this8.GM.getGraphic(item.id); //获取原有的面属性,转换key值
-
-
+          }
+          //获取原有的图元
+          var gc = _this8.GM.getGraphic(item.id);
+          //获取原有的面属性,转换key值
           var cg = {
             lineType: gc.getLineStyle(),
             lineWidth: gc.getWeight(),
@@ -1605,12 +1418,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             lineOpacity: gc.getOpacity(),
             color: gc.getFillColor(),
             pellucidity: gc.getFillOpacity()
-          }; //重新初始化值
-
+          };
+          //重新初始化值
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
           }
-
           gc.setLineStyle(cg.lineType);
           gc.setWeight(cg.lineWidth);
           gc.setColor(cg.lineColor);
@@ -1624,7 +1436,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           var pts = item.rings.map(function (itm, ind) {
             return _toConsumableArray(itm);
           });
-
           _this8.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               rings: pts,
@@ -1641,17 +1452,14 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           return false;
         }
       });
-    } //添加圆  circle
-
+    }
+    //添加圆  circle
   }, {
     key: "addCircle",
     value: function addCircle(mapCircles) {
       var _this9 = this;
-
       var t = this;
-
       var ccsids = _toConsumableArray(t.state.circleIds);
-
       mapCircles.map(function (item, index) {
         var cg = {
           lineType: 'solid',
@@ -1659,26 +1467,23 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           lineColor: '#277ffa',
           lineOpacity: 1,
           color: '#fff',
-          pellucidity: 0.5 // isHidden: false  //后期跟百度一起加
-
-        }; //如果id重复,直接跳过不执行.
-
+          pellucidity: 0.5
+          // isHidden: false  //后期跟百度一起加
+        };
+        //如果id重复,直接跳过不执行.
         if (_this9.GM.isRepetition(item.id)) {
           console.warn("\u5706id: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        } //圆 点位数据不符合,直接跳过
-
-
+        }
+        //圆 点位数据不符合,直接跳过
         if (!item.longitude || !item.latitude) {
           console.warn("\u5706 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
           return false;
         }
-
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
-        } //初始化配置数据
-
-
+        }
+        //初始化配置数据
         var circleOption = {
           color: cg.lineColor,
           opacity: cg.lineOpacity,
@@ -1686,13 +1491,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           lineStyle: cg.lineType,
           fillColor: cg.color,
           fillOpacity: cg.pellucidity
-        }; //创建圆对象
-
+        };
+        //创建圆对象
         var circle = new T.Circle(new T.LngLat(item.longitude, item.latitude), item.radius, circleOption);
-
-        _this9.state.gis.addOverLay(circle); //添加点击事件
-
-
+        _this9.state.gis.addOverLay(circle);
+        //添加点击事件
         circle.on('click', function (e) {
           t.isNotClickMap = true;
           t.clickGraphic(item.id, e);
@@ -1702,8 +1505,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         });
         circle.on('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
-        }); //缓存图元的数据,便于后期操作
-
+        });
+        //缓存图元的数据,便于后期操作
         _this9.GM.setGraphic(item.id, circle).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
@@ -1716,33 +1519,30 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             radius: item.radius
           }
         });
-
         ccsids.push(item.id);
       });
-      t.state.circleIds = ccsids; // t.setState({
+      t.state.circleIds = ccsids;
+      // t.setState({
       //     circleIds: ccsids
       // })
-    } //更新圆
-
+    }
+    //更新圆
   }, {
     key: "updateCircle",
     value: function updateCircle(mapCircles) {
-      var _this10 = this;
-
+      var _this0 = this;
       var t = this;
       mapCircles.map(function (item, index) {
         //判断图元是否存在.
-        if (_this10.GM.isRepetition(item.id)) {
+        if (_this0.GM.isRepetition(item.id)) {
           //圆 点位数据不符合,直接跳过
           if (!item.longitude || !item.latitude) {
             console.warn("\u5706 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
             return false;
-          } //获取原有的图元
-
-
-          var gc = _this10.GM.getGraphic(item.id); //获取原有的面属性,转换key值
-
-
+          }
+          //获取原有的图元
+          var gc = _this0.GM.getGraphic(item.id);
+          //获取原有的面属性,转换key值
           var cg = {
             lineType: gc.getLineStyle(),
             lineWidth: gc.getWeight(),
@@ -1750,12 +1550,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             lineOpacity: gc.getOpacity(),
             color: gc.getFillColor(),
             pellucidity: gc.getFillOpacity()
-          }; //重新初始化值
-
+          };
+          //重新初始化值
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
           }
-
           gc.setLineStyle(cg.lineType);
           gc.setWeight(cg.lineWidth);
           gc.setColor(cg.lineColor);
@@ -1763,9 +1562,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           gc.setFillColor(cg.color);
           gc.setFillOpacity(cg.pellucidity);
           gc.setRadius(item.radius || 0);
-          gc.setCenter(new T.LngLat(item.longitude, item.latitude)); //缓存图元的数据,便于后期操作
+          gc.setCenter(new T.LngLat(item.longitude, item.latitude));
 
-          _this10.GM.setGraphicParam(item.id, {
+          //缓存图元的数据,便于后期操作
+          _this0.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
             }),
@@ -1782,8 +1582,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           return false;
         }
       });
-    } //添加海量点
-
+    }
+    //添加海量点
   }, {
     key: "addPointCollection",
     value: function addPointCollection() {
@@ -1803,8 +1603,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           width: t.state.gis.getSize().x,
           height: t.state.gis.getSize().y,
           mapId: t.props.mapId
-        }; //和arcgis使用同一个海量点
-
+        };
+        //和arcgis使用同一个海量点
         var VotexpointCollection = new GMapLib.PointCollection(points, options);
         t.morepoints.push({
           id: d.id,
@@ -1812,8 +1612,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         });
         VotexpointCollection.draw();
       });
-    } //更新海量点
-
+    }
+    //更新海量点
   }, {
     key: "updatePointCollection",
     value: function updatePointCollection() {
@@ -1838,8 +1638,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           }
         });
       });
-    } //清空单个海量点
-
+    }
+    //清空单个海量点
   }, {
     key: "clearPointCollection",
     value: function clearPointCollection(ids) {
@@ -1851,8 +1651,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           }
         });
       });
-    } //清空海量点
-
+    }
+    //清空海量点
   }, {
     key: "clearAllPointCollection",
     value: function clearAllPointCollection() {
@@ -1860,8 +1660,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       t.morepoints.map(function (item, index) {
         item.value.clear();
       });
-    } //热力图
-
+    }
+    //热力图
   }, {
     key: "heatMapOverlay",
     value: function heatMapOverlay() {
@@ -1873,11 +1673,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         visible: true,
         opacity: 0.7
       };
-
       if (d.config) {
         cg = _objectSpread(_objectSpread({}, cg), d.config);
       }
-
       if (!t.heatmap) {
         if (T.HeatmapOverlay) {
           t.heatmap = new T.HeatmapOverlay({
@@ -1891,24 +1689,20 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           t.heatmap.initialize(t.state.gis, t.pointCollectionId);
         }
       }
-
       var option = {
         radius: cg.radius,
         //百度是1-100,高德是0-1
         opacity: eval(cg.opacity) * 100,
         visible: cg.visible
       };
-
       if (cg.gradient) {
         option.gradient = cg.gradient;
       }
-
       t.heatmap.setOptions(option);
       t.heatmap.setDataSet({
         max: cg.max,
         data: d.data || []
       });
-
       if (cg.visible) {
         t.isHideHeatMap = false;
         t.heatmap.show();
@@ -1916,8 +1710,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         t.isHideHeatMap = true;
         t.heatmap.hide();
       }
-    } //信息窗体
-
+    }
+    //信息窗体
   }, {
     key: "infoWindow",
     value: function infoWindow() {
@@ -1927,22 +1721,18 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         width: 300,
         height: 172
       };
-
       if (d.config) {
         cg = _objectSpread(_objectSpread({}, cg), d.config);
       }
-
       var sContent = document.createElement('div');
       var infowindow = new T.InfoWindow();
       infowindow.setMinWidth(cg.width);
       infowindow.setMaxHeight(cg.height);
-
       if (d.onClose instanceof Function) {
         infowindow.addEventListener("clickclose", function (e) {
           d.onClose(e);
         });
       }
-
       if (d.lat && d.lng && d.content) {
         (0, _reactDom.render)(d.content, sContent);
         infowindow.setContent(sContent);
@@ -1956,15 +1746,13 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     value: function showInfoWindow() {
       var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var _params$width = params.width,
-          width = _params$width === void 0 ? 260 : _params$width,
-          _params$height = params.height,
-          height = _params$height === void 0 ? 500 : _params$height;
+        width = _params$width === void 0 ? 260 : _params$width,
+        _params$height = params.height,
+        height = _params$height === void 0 ? 500 : _params$height;
       var t = this;
-
       if (t.popupWindow) {
         t.hideInfoWindow();
       }
-
       var sContent = document.createElement('div');
       t.popupWindow = new T.InfoWindow();
       t.popupWindow.setMinWidth(width);
@@ -1977,11 +1765,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     key: "hideInfoWindow",
     value: function hideInfoWindow() {
       var t = this;
-
       if (t.popupWindow) {
         t.state.gis.closeInfoWindow();
       }
-
       t.popupWindow = null;
     }
     /*
@@ -1990,51 +1776,42 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         parameter 样式 默认null 对象{}写入方式跟add方法一样(对应点线圆面)
         data //初始化数据   默认{id:'add'}
     */
-
   }, {
     key: "draw",
     value: function draw(obj) {
       var t = this,
-          drawParam = {}; //初始化参数
-
+        drawParam = {};
+      //初始化参数
       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()); //判断id是否存在
-
+      drawParam.data.id = (obj.data || {}).id || "draw".concat(new Date().getTime());
+      //判断id是否存在
       var len = t.state.drawIds[drawParam.geometryType].indexOf(drawParam.data.id);
-
       if (len > -1) {
         //如果id存在 删除存在的图元,清除drawId中的id数据
         switch (drawParam.geometryType) {
           case 'point':
             this.markerTool.clear();
             break;
-
           case 'polyline':
             this.polylineTool.clear();
             break;
-
           case 'polygon':
             this.polygonTool.clear();
             break;
-
           case 'circle':
             this.circleTool.clear();
             break;
-
           case 'rectangle':
             this.rectangleTool.clear();
             break;
         }
-
         t.state.drawIds[drawParam.geometryType].splice(len, 1);
       }
-
       var param = {};
       var paramgcr = {};
       window.map = this.state.gis;
-
       if (drawParam.geometryType == 'polygon' || drawParam.geometryType == 'circle' || drawParam.geometryType == 'rectangle') {
         paramgcr.fillColor = drawParam.parameter.color;
         paramgcr.color = drawParam.parameter.lineColor;
@@ -2056,7 +1833,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           type: drawParam.geometryType
         };
       }
-
       switch (drawParam.geometryType) {
         case 'point':
           param.icon = new T.Icon({
@@ -2070,10 +1846,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           this.markerTool.open();
           this.markerTool.addEventListener('mouseup', function (ob) {
             var type = ob.type,
-                target = ob.target,
-                currentLnglat = ob.currentLnglat,
-                currentMarker = ob.currentMarker,
-                allMarkers = ob.allMarkers;
+              target = ob.target,
+              currentLnglat = ob.currentLnglat,
+              currentMarker = ob.currentMarker,
+              allMarkers = ob.allMarkers;
             t.GM.setGraphic(drawParam.data.id, currentMarker);
             var backobj = {
               id: drawParam.data.id,
@@ -2092,8 +1868,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               },
               geometryType: 'point',
               mapLayer: currentMarker
-            }; //添加点击事件
-
+            };
+            //添加点击事件
             currentMarker.on('click', function (e) {
               t.isNotClickMap = true;
               t.clickGraphic(drawParam.data.id, e);
@@ -2105,13 +1881,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
             t.GM.setGraphicParam(drawParam.data.id, backobj);
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
           });
           break;
-
         case 'polyline':
           param.color = drawParam.parameter.color;
           param.opacity = drawParam.parameter.pellucidity;
@@ -2121,11 +1895,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           this.polylineTool.open();
           this.polylineTool.addEventListener('draw', function (ob) {
             var type = ob.type,
-                target = ob.target,
-                currentLnglats = ob.currentLnglats,
-                currentDistance = ob.currentDistance,
-                currentPolyline = ob.currentPolyline,
-                allPolylines = ob.allPolylines;
+              target = ob.target,
+              currentLnglats = ob.currentLnglats,
+              currentDistance = ob.currentDistance,
+              currentPolyline = ob.currentPolyline,
+              allPolylines = ob.allPolylines;
             var lnglatAry = (currentLnglats || []).map(function (item, index) {
               return {
                 lngX: item.lng,
@@ -2152,8 +1926,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
                 paths: (0, _MapToolFunction.getMaxMin)(currentLnglats).path
               },
               lnglatAry: lnglatAry
-            }; //添加点击事件
-
+            };
+            //添加点击事件
             currentPolyline.on('click', function (e) {
               t.isNotClickMap = true;
               t.clickGraphic(drawParam.data.id, e);
@@ -2165,26 +1939,23 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
             t.GM.setGraphicParam(drawParam.data.id, backobj);
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
           });
           break;
-
         case 'polygon':
           if (this.polygonTool) this.polygonTool.close();
           this.polygonTool = new T.PolygonTool(this.state.gis, paramgcr);
           this.polygonTool.open();
           this.polygonTool.addEventListener('draw', function (ob) {
             var _t$frameSelectProps$b;
-
             var type = ob.type,
-                target = ob.target,
-                currentLnglats = ob.currentLnglats,
-                currentArea = ob.currentArea,
-                currentPolygon = ob.currentPolygon,
-                allPolygons = ob.allPolygons;
+              target = ob.target,
+              currentLnglats = ob.currentLnglats,
+              currentArea = ob.currentArea,
+              currentPolygon = ob.currentPolygon,
+              allPolygons = ob.allPolygons;
             t.GM.setGraphic(drawParam.data.id, currentPolygon);
             var lnglatAry = (currentLnglats || []).map(function (item, index) {
               return {
@@ -2215,8 +1986,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               },
               lnglatAry: lnglatAry,
               area: currentArea
-            }; //添加点击事件
-
+            };
+            //添加点击事件
             currentPolygon.on('click', function (e) {
               t.isNotClickMap = true;
               t.clickGraphic(drawParam.data.id, e);
@@ -2228,30 +1999,26 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
             t.GM.setGraphicParam(drawParam.data.id, backobj);
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
-
             if (((_t$frameSelectProps$b = t.frameSelectProps[backobj.id]) === null || _t$frameSelectProps$b === void 0 ? void 0 : _t$frameSelectProps$b.callback) instanceof Function) {
               t.frameSelectProps[backobj.id].callback(backobj);
             }
           });
           break;
-
         case 'circle':
           if (this.circleTool) this.circleTool.close();
           this.circleTool = new T.CircleTool(this.state.gis, paramgcr);
           this.circleTool.open();
           this.circleTool.addEventListener('drawend', function (ob) {
             var _t$frameSelectProps$b2;
-
             var type = ob.type,
-                target = ob.target,
-                currentCenter = ob.currentCenter,
-                currentRadius = ob.currentRadius,
-                currentCircle = ob.currentCircle,
-                allCircles = ob.allCircles;
+              target = ob.target,
+              currentCenter = ob.currentCenter,
+              currentRadius = ob.currentRadius,
+              currentCircle = ob.currentCircle,
+              allCircles = ob.allCircles;
             t.GM.setGraphic(drawParam.data.id, currentCircle);
             var area = Math.PI * Math.pow(currentRadius, 2);
             var backobj = {
@@ -2276,8 +2043,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
                 area: area
               },
               area: area
-            }; //添加点击事件
-
+            };
+            //添加点击事件
             currentCircle.on('click', function (e) {
               t.isNotClickMap = true;
               t.clickGraphic(drawParam.data.id, e);
@@ -2289,29 +2056,25 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
             t.GM.setGraphicParam(drawParam.data.id, backobj);
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
-
             if (((_t$frameSelectProps$b2 = t.frameSelectProps[backobj.id]) === null || _t$frameSelectProps$b2 === void 0 ? void 0 : _t$frameSelectProps$b2.callback) instanceof Function) {
               t.frameSelectProps[backobj.id].callback(backobj);
             }
           });
           break;
-
         case 'rectangle':
           if (this.rectangleTool) this.rectangleTool.close();
           this.rectangleTool = new T.RectangleTool(this.state.gis, paramgcr);
           this.rectangleTool.open();
           this.rectangleTool.addEventListener('draw', function (ob) {
             var _t$frameSelectProps$b3;
-
             var type = ob.type,
-                target = ob.target,
-                currentBounds = ob.currentBounds,
-                currentRectangle = ob.currentRectangle,
-                allRectangles = ob.allRectangles;
+              target = ob.target,
+              currentBounds = ob.currentBounds,
+              currentRectangle = ob.currentRectangle,
+              allRectangles = ob.allRectangles;
             t.GM.setGraphic(drawParam.data.id, currentRectangle);
             var currentLnglats = [currentBounds.getNorthEast(), {
               lng: currentBounds.getSouthWest().lng,
@@ -2350,8 +2113,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               },
               lnglatAry: lnglatAry,
               area: area
-            }; //添加点击事件
-
+            };
+            //添加点击事件
             currentRectangle.on('click', function (e) {
               t.isNotClickMap = true;
               t.clickGraphic(drawParam.data.id, e);
@@ -2363,77 +2126,63 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
             t.GM.setGraphicParam(drawParam.data.id, backobj);
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
-
             if (((_t$frameSelectProps$b3 = t.frameSelectProps[backobj.id]) === null || _t$frameSelectProps$b3 === void 0 ? void 0 : _t$frameSelectProps$b3.callback) instanceof Function) {
               t.frameSelectProps[backobj.id].callback(backobj);
             }
           });
           break;
-      } //保存绘制图元的id便于后期比对
-
-
+      }
+      //保存绘制图元的id便于后期比对
       t.state.drawIds[drawParam.geometryType].push(drawParam.data.id);
-    } //关闭绘制图元
-
+    }
+    //关闭绘制图元
   }, {
     key: "closeDraw",
     value: function closeDraw() {
       if (this.markerTool) {
         this.markerTool.close();
       }
-
       if (this.polylineTool) {
         this.polylineTool.close();
       }
-
       if (this.polygonTool) {
         this.polygonTool.close();
       }
-
       if (this.rectangleTool) {
         this.rectangleTool.close();
       }
-
       if (this.circleTool) {
         this.circleTool.close();
       }
     }
-    /*根据图元id,使图元变成可编辑状态*/
 
+    /*根据图元id,使图元变成可编辑状态*/
   }, {
     key: "doEdit",
     value: function doEdit(id) {
       var t = this;
       var ms = t.getGraphic(id);
-
       if (!ms) {
         return false;
       }
-
       if (ms.getType === 1) {
         return false;
       }
-
       if (!!t.state.editId) {
         t.endEdit();
       }
-
       this.isEditId = id;
-
       switch (ms.geometryType) {
         case 'point':
-          ms.mapLayer.enableDragging(); // ms.mapLayer.addEventListener('dragend',t.editGraphicChange);
-
+          ms.mapLayer.enableDragging();
+          // ms.mapLayer.addEventListener('dragend',t.editGraphicChange);
           if (ms.mapLayer.label) {
             ms.mapLayer.addEventListener('drag', t.showLabel);
           }
-
           break;
-
         case 'polyline':
         case 'polygon':
         case 'rectangle':
@@ -2441,29 +2190,25 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           ms.mapLayer.enableEdit();
           break;
       }
-
       t.setState({
         editId: id
       });
-    } //关闭编辑
-
+    }
+    //关闭编辑
   }, {
     key: "endEdit",
     value: function endEdit() {
       var t = this;
       var ms = t.getGraphic(t.state.editId);
       this.isEditId = null;
-
       switch (ms.geometryType) {
         case 'point':
-          ms.mapLayer.disableDragging(); // ms.mapLayer.removeEventListener('dragend',t.editGraphicChange);
-
+          ms.mapLayer.disableDragging();
+          // ms.mapLayer.removeEventListener('dragend',t.editGraphicChange);
           if (ms.mapLayer.label) {
             ms.mapLayer.removeEventListener('drag', t.showLabel);
           }
-
           break;
-
         case 'polyline':
         case 'polygon':
         case 'rectangle':
@@ -2471,7 +2216,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           ms.mapLayer.disableEdit();
           break;
       }
-
       t.editGraphicChange(t.state.editId);
       t.setState({
         editId: '',
@@ -2483,8 +2227,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     value: function showLabel() {
       //这里的this指向调用的 点的对象
       this.showLabel();
-    } //编辑变动后
-
+    }
+    //编辑变动后
   }, {
     key: "editGraphicChange",
     value: function editGraphicChange(id) {
@@ -2494,149 +2238,121 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       var obj = {
         id: id
       };
-
       switch (ms.geometryType) {
         case 'point':
           obj.geometry = ms.geometry;
           obj.param = ms;
           break;
-
         case 'polyline':
           ms.geometry._extent = (0, _MapToolFunction.getMaxMin)(ms.mapLayer.getLngLats())._extent;
           obj.geometry = ms.geometry;
           obj.param = ms;
           obj.distance = t.calculateDistance(ms.mapLayer.getLngLats());
           break;
-
         case 'polygon':
         case 'rectangle':
           ms.geometry._extent = (0, _MapToolFunction.getMaxMin)(ms.mapLayer.getLngLats()[0])._extent;
           obj.geometry = ms.geometry;
-          obj.param = ms; // obj.area = getPolygonArea(ms.mapLayer.getLngLats()[0]);
+          obj.param = ms;
+          // obj.area = getPolygonArea(ms.mapLayer.getLngLats()[0]);
           // obj.area = t.polygonTool.getArea(ms.mapLayer.getLngLats()[0]);
           // 关闭多边形多个听绘制后，回显报错
-
           break;
-
         case 'circle':
           obj.geometry = ms.geometry;
           obj.param = ms;
           obj.area = Math.PI * Math.pow(ms.geometry.radius, 2);
           break;
       }
-
       t.props.editGraphicChange(obj);
-    } //删除图元
-
+    }
+    //删除图元
   }, {
     key: "removeGraphic",
     value: function removeGraphic(id, type) {
       var t = this;
-
       if (!!this.GM.getGraphic(id)) {
         //清除聚合点 避免异常
         if (t.clusterObj) {
           t.clusterObj.removeMarker(this.GM.getGraphic(id));
-        } //清除地图中图元
-
-
-        this.state.gis.removeOverLay(this.GM.getGraphic(id)); //删除含 label点的label(天地图的坑)
-
+        }
+        //清除地图中图元
+        this.state.gis.removeOverLay(this.GM.getGraphic(id));
+        //删除含 label点的label(天地图的坑)
         if (type === 'point' && this.GM.getGraphic(id).label) {
           this.state.gis.removeOverLay(this.GM.getGraphic(id).getLabel());
-        } //清除对应id的图元数据缓存
-
-
+        }
+        //清除对应id的图元数据缓存
         this.GM.removeGraphic(id);
         this.GM.removeGraphicParam(id);
       } else {
         return false;
       }
-
       for (var i = 0; i < t.movePoints.length; i++) {
         if (t.movePoints[i].id == id) {
           t.movePoints.splice(i, 1);
           continue;
         }
-      } //清除 state中id的缓存
-
-
+      }
+      //清除 state中id的缓存
       var ids = [];
-
       switch (type) {
         case 'point':
           ids = t.state.pointIds;
           break;
-
         case 'line':
           ids = t.state.lineIds;
           break;
-
         case 'polygon':
           ids = t.state.polygonIds;
           break;
-
         case 'circle':
           ids = t.state.circleIds;
           break;
-
         case 'draw':
           if (t.state.drawIds.point.indexOf(id) > -1) {
             t.state.drawIds.point.splice(t.state.drawIds.point.indexOf(id), 1);
           }
-
           if (t.state.drawIds.polyline.indexOf(id) > -1) {
             t.state.drawIds.polyline.splice(t.state.drawIds.polyline.indexOf(id), 1);
           }
-
           if (t.state.drawIds.polygon.indexOf(id) > -1) {
             t.state.drawIds.polygon.splice(t.state.drawIds.polygon.indexOf(id), 1);
           }
-
           if (t.state.drawIds.circle.indexOf(id) > -1) {
             t.state.drawIds.circle.splice(t.state.drawIds.circle.indexOf(id), 1);
           }
-
           if (t.state.drawIds.rectangle.indexOf(id) > -1) {
             t.state.drawIds.rectangle.splice(t.state.drawIds.rectangle.indexOf(id), 1);
           }
-
           break;
-
         default:
           if (t.state.pointIds.indexOf(id) > -1) {
             t.state.pointIds.splice(t.state.pointIds.indexOf(id), 1);
           }
-
           if (t.state.lineIds.indexOf(id) > -1) {
             t.state.lineIds.splice(t.state.lineIds.indexOf(id), 1);
           }
-
           if (t.state.polygonIds.indexOf(id) > -1) {
             t.state.polygonIds.splice(t.state.polygonIds.indexOf(id), 1);
           }
-
           if (t.state.circleIds.indexOf(id) > -1) {
             t.state.circleIds.splice(t.state.circleIds.indexOf(id), 1);
           }
-
           break;
       }
-
       if (id == t.state.editId) {
         t.state.editId = '';
       }
-
       if (ids.indexOf(id) != -1) {
         ids.splice(ids.indexOf(id), 1);
       }
-    } //点击图元事件
-
+    }
+    //点击图元事件
   }, {
     key: "clickGraphic",
     value: function clickGraphic(id, e) {
       var t = this;
-
       if (typeof t.props.clickGraphic === "function") {
         var param = t.getGraphic(id);
         var obj = {
@@ -2654,18 +2370,16 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         };
         t.props.clickGraphic(obj);
       }
-    } //图元鼠标悬浮事件
-
+    }
+    //图元鼠标悬浮事件
   }, {
     key: "mouseOverGraphic",
     value: function mouseOverGraphic(id, e) {
       var t = this;
-
       if (typeof t.props.mouseOverGraphic === 'function') {
         if (id === t.isEditId) {
           return false;
         }
-
         var obj = {
           e: e,
           id: id,
@@ -2676,18 +2390,16 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         };
         t.props.mouseOverGraphic(obj);
       }
-    } //图元鼠标移开事件
-
+    }
+    //图元鼠标移开事件
   }, {
     key: "mouseOutGraphic",
     value: function mouseOutGraphic(id, e) {
       var t = this;
-
       if (typeof t.props.mouseOutGraphic === "function") {
         if (id === t.isEditId) {
           return false;
         }
-
         var obj = {
           e: e,
           id: id,
@@ -2698,105 +2410,95 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         };
         t.props.mouseOutGraphic(obj);
       }
-    } //拖拽地图开始
-
+    }
+    //拖拽地图开始
   }, {
     key: "dragMapStart",
     value: function dragMapStart() {
       var t = this;
-
       if (typeof t.props.dragMapStart === "function") {
         t.state.gis.addEventListener('dragstart', function (e) {
           var obj = t.getMapExtent();
-          obj.e = e; //处理下数据,符合拖拽事件
-
+          obj.e = e;
+          //处理下数据,符合拖拽事件
           t.props.dragMapStart(obj);
         });
       }
-    } //拖拽地图结束事件
-
+    }
+    //拖拽地图结束事件
   }, {
     key: "dragMapEnd",
     value: function dragMapEnd() {
       var t = this;
-
       if (typeof t.props.dragMapEnd === "function") {
         t.state.gis.addEventListener('dragend', function (e) {
           var obj = t.getMapExtent();
-          obj.e = e; //处理下数据,符合拖拽事件
-
+          obj.e = e;
+          //处理下数据,符合拖拽事件
           t.props.dragMapEnd(obj);
         });
       }
-    } //地图移动开始事件
-
+    }
+    //地图移动开始事件
   }, {
     key: "moveStart",
     value: function moveStart() {
       var t = this;
-
       if (typeof t.props.moveStart === "function") {
         t.state.gis.addEventListener('movestart', function (e) {
           if (!t.isZoom) {
             var obj = t.getMapExtent();
-            obj.e = e; //处理下数据,符合拖拽事件
-
+            obj.e = e;
+            //处理下数据,符合拖拽事件
             t.props.moveStart(obj);
           }
         });
       }
-    } //地图移动结束事件
-
+    }
+    //地图移动结束事件
   }, {
     key: "moveEnd",
     value: function moveEnd() {
       var t = this;
-
       if (typeof t.props.moveEnd === "function") {
         t.state.gis.addEventListener('moveend', function (e) {
           var xylist = [],
-              mapPane = t.state.gis.getPanes().mapPane;
-
+            mapPane = t.state.gis.getPanes().mapPane;
           if (mapPane.style.top) {
             xylist = [mapPane.style.left, mapPane.style.top];
           } else {
             var matchList = mapPane.style.transform.match(/translate\((-?\d*)+px,\s*(-?\d*)+px\)/) || mapPane.style.transform.match(/translate3d\((-?\d*)+px,\s*(-?\d*)+px,\s*(-?\d*)+px\)/) || [];
             xylist = [matchList[1], matchList[2]];
-          } //重画海量点
-
-
+          }
+          //重画海量点
           $("#".concat(t.pointCollectionId)).css({
             top: "".concat(-xylist[1], "px"),
             left: "".concat(-xylist[0], "px")
           });
-
           if (t.morepoints.length > 0) {
             t.updatePointCollection(t.props.mapPointCollection);
           }
-
           if (t.isZoom) {
             t.isZoom = false;
           } else {
             var obj = t.getMapExtent();
-            obj.e = e; //处理下数据,符合拖拽事件
-
+            obj.e = e;
+            //处理下数据,符合拖拽事件
             t.props.moveEnd(obj);
           }
         });
       }
-    } //地图更改缩放级别开始时触发触发此事件
-
+    }
+    //地图更改缩放级别开始时触发触发此事件
   }, {
     key: "zoomStart",
     value: function zoomStart() {
       var t = this;
-
       if (typeof t.props.zoomStart === "function") {
         t.state.gis.addEventListener('zoomstart', function (e) {
           if (t.heatmap && !t.isHideHeatMap) {
             t.heatmap.hide();
           }
-
           $("#".concat(t.pointCollectionId)).css({
             display: 'none'
           });
@@ -2806,49 +2508,43 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           t.props.zoomStart(obj);
         });
       }
-    } //地图更改缩放级别结束时触发触发此事件
-
+    }
+    //地图更改缩放级别结束时触发触发此事件
   }, {
     key: "zoomEnd",
     value: function zoomEnd() {
       var t = this;
-
       if (typeof t.props.zoomEnd === "function") {
         t.state.gis.addEventListener('zoomend', function (e) {
           //重画热力图
           if (t.heatmap && !t.isHideHeatMap) {
             t.heatmap.show();
             t.heatmap.draw();
-          } //重画海量点
-
-
+          }
+          //重画海量点
           $("#".concat(t.pointCollectionId)).css({
             display: 'inline-block'
           });
-
           if (t.morepoints.length > 0) {
             t.updatePointCollection(t.props.mapPointCollection);
-          } //避免zoom切换后,chrome的旋转角度被替换
-
-
+          }
+          //避免zoom切换后,chrome的旋转角度被替换
           for (var i in t.GM.allParam) {
             if (t.GM.allParam[i].geometryType == 'point' && t.GM.allParam[i].deg) {
               t.GM.getGraphic(i).getElement().style.transform = t.GM.getGraphic(i).getElement().style.transform + " rotate(".concat(t.GM.allParam[i].deg, "deg)");
             }
           }
-
           var obj = t.getMapExtent();
           obj.e = e;
           t.props.zoomEnd(obj);
         });
       }
-    } //地图点击事件
-
+    }
+    //地图点击事件
   }, {
     key: "clickMap",
     value: function clickMap() {
       var t = this;
-
       if (typeof t.props.clickMap === "function") {
         t.state.gis.addEventListener('click', function (e) {
           if (t.isNotClickMap) {
@@ -2862,24 +2558,22 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
-    } //点的跳动动画
-
+    }
+    //点的跳动动画
   }, {
     key: "pointAnimation",
     value: function pointAnimation(id, marker) {
-      var t = this; //null时关闭跳动
-
+      var t = this;
+      //null时关闭跳动
       if (!!marker) {
         if (t.animTimer[id]) {
           clearInterval(t.animTimer[id]);
         }
-
         t.animTimer[id] = setInterval(function () {
           //点被隐藏时,没有执行,定时不关
           if (marker.getIcon()) {
-            var shape = _objectSpread({}, marker.getIcon().getIconAnchor()); //初始数据  点位有变动,重新刷新数据
-
-
+            var shape = _objectSpread({}, marker.getIcon().getIconAnchor());
+            //初始数据  点位有变动,重新刷新数据
             if (!t.animCount[id] || shape.y != t.animCount[id].now) {
               t.animCount[id] = {
                 start: shape.y,
@@ -2887,15 +2581,12 @@ var TMap = /*#__PURE__*/function (_React$Component) {
                 notation: -1
               };
             }
-
             if (t.animCount[id].now - t.animCount[id].start == 20) {
               t.animCount[id].notation = -1;
             }
-
             if (t.animCount[id].now - t.animCount[id].start == 0) {
               t.animCount[id].notation = 1;
             }
-
             shape.y = t.animCount[id].now = t.animCount[id].now + t.animCount[id].notation * 2;
             marker.getIcon().setIconAnchor(shape);
           }
@@ -2907,85 +2598,70 @@ var TMap = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "moveAnimation",
     value: function moveAnimation() {
-      var _this11 = this;
-
+      var _this1 = this;
       var t = this;
-
       if (t.moveToTimer) {
         clearInterval(t.moveToTimer);
       }
-
       t.moveToTimer = setInterval(function () {
         for (var i = 0; i < t.movePoints.length; i++) {
-          t.movePoints[i].waitTime += _this11.timer;
-          t.movePoints[i].deleteTime -= _this11.timer;
+          t.movePoints[i].waitTime += _this1.timer;
+          t.movePoints[i].deleteTime -= _this1.timer;
         }
-
         t.movePoints.sort(function (x, y) {
           return y.waitTime - x.waitTime;
         });
         var nowMovePoints = t.movePoints.slice(0, 10),
-            deleteIndex = [];
-
+          deleteIndex = [];
         for (var _i = 0; _i < nowMovePoints.length; _i++) {
           var _nowMovePoints$_i = nowMovePoints[_i],
-              id = _nowMovePoints$_i.id,
-              oleLng = _nowMovePoints$_i.oleLng,
-              oldLat = _nowMovePoints$_i.oldLat,
-              rx = _nowMovePoints$_i.rx,
-              ry = _nowMovePoints$_i.ry,
-              deleteTime = _nowMovePoints$_i.deleteTime,
-              totalTime = _nowMovePoints$_i.totalTime,
-              ddeg = _nowMovePoints$_i.ddeg;
+            id = _nowMovePoints$_i.id,
+            oleLng = _nowMovePoints$_i.oleLng,
+            oldLat = _nowMovePoints$_i.oldLat,
+            rx = _nowMovePoints$_i.rx,
+            ry = _nowMovePoints$_i.ry,
+            deleteTime = _nowMovePoints$_i.deleteTime,
+            totalTime = _nowMovePoints$_i.totalTime,
+            ddeg = _nowMovePoints$_i.ddeg;
           var gc = t.GM.getGraphic(id);
-
           if (!gc) {
             clearInterval(t.moveToTimer[id]);
           } else {
-            var tx = oleLng + rx * ((totalTime - deleteTime) / _this11.timer),
-                ty = oldLat + ry * ((totalTime - deleteTime) / _this11.timer);
+            var tx = oleLng + rx * ((totalTime - deleteTime) / _this1.timer),
+              ty = oldLat + ry * ((totalTime - deleteTime) / _this1.timer);
             var lglt = new T.LngLat(tx, ty);
-
             if (t.movePoints[_i].url) {
               gc.getIcon().setIconUrl(t.movePoints[_i].url);
             }
-
             gc.setLngLat(lglt);
             t.GM.setGraphicParam(id, _objectSpread(_objectSpread({}, t.GM.getGraphicParam(id)), {}, {
               deg: ddeg
-            })); //旋转角度
-
+            }));
+            //旋转角度
             gc.getElement().style.transform = gc.getElement().style.transform + " rotate(".concat(ddeg, "deg)");
             gc.getElement().style['-ms-transform'] = " rotate(".concat(ddeg, "deg)");
-
             if (gc.label) {
               gc.showLabel();
-            } // 移动过的 放后面再动
-
-
+            }
+            // 移动过的 放后面再动
             t.movePoints[_i].waitTime = 0;
-
             if (deleteTime <= 0) {
               deleteIndex.push(_i);
             }
           }
         }
-
         deleteIndex.sort(function (a, b) {
           return b - a;
         });
-
         for (var _i2 = 0; _i2 < deleteIndex.length; _i2++) {
           t.movePoints.splice(deleteIndex[_i2], 1);
         }
-
         if (nowMovePoints.length == 0) {
           clearInterval(t.moveToTimer);
         }
       }, 10);
     }
     /*公共方法*/
-
   }, {
     key: "moveTo",
     value: function moveTo(id, lnglat, delay, autoRotation, urlright, urlleft) {
@@ -2993,33 +2669,29 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       var t = this;
       delay = eval(delay) * 1000;
       var count = delay / this.timer,
-          gc = this.GM.getGraphic(id);
+        gc = this.GM.getGraphic(id);
       var s = gc.getLngLat(),
-          e = new T.LngLat(lnglat[0], lnglat[1]);
-
+        e = new T.LngLat(lnglat[0], lnglat[1]);
       if (s.equals(e)) {
         return false;
       } else {
         var ddeg = 0,
-            url = null; //计算角度,旋转
-
+          url = null;
+        //计算角度,旋转
         if (autoRotation) {
           //自己实现旋转
           ddeg = t.rotateDeg(gc.getLngLat(), lnglat);
-
           if (urlleft && ddeg < -90 && ddeg > -270) {
             ddeg += 180;
             url = urlleft;
           } else {
             url = urlright;
           }
-        } //拆分延迟移动定位
-
-
+        }
+        //拆分延迟移动定位
         var rx = (e.lng - s.lng) / count,
-            ry = (e.lat - s.lat) / count;
+          ry = (e.lat - s.lat) / count;
         var isHave = false;
-
         for (var i = 0; i < t.movePoints.length; i++) {
           if (t.movePoints[i].id == id) {
             t.movePoints.splice(i, 1, {
@@ -3037,7 +2709,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             isHave = true;
           }
         }
-
         if (!isHave) {
           t.movePoints.push({
             oleLng: s.lng,
@@ -3053,34 +2724,30 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           });
         }
       }
-    } //点位角度旋转(以指向东(右)为0°)
-
+    }
+    //点位角度旋转(以指向东(右)为0°)
   }, {
     key: "rotateDeg",
     value: function rotateDeg(sp, ep) {
       var t = this;
       var spLngLat = sp;
-
       if (Array.isArray(sp)) {
         spLngLat = new AMap.LngLat(sp[0], sp[1]);
       }
-
       var s = t.state.gis.lngLatToLayerPoint(spLngLat),
-          //获取当前点位的经纬度
-      e = t.state.gis.lngLatToLayerPoint(new T.LngLat(ep[0], ep[1])),
-          deg = 0;
-
+        //获取当前点位的经纬度
+        e = t.state.gis.lngLatToLayerPoint(new T.LngLat(ep[0], ep[1])),
+        deg = 0;
       if (e.x != s.x) {
         var tan = (e.y - s.y) / (e.x - s.x),
-            atan = Math.atan(tan);
-        deg = atan * 360 / (2 * Math.PI); //degree  correction;
-
+          atan = Math.atan(tan);
+        deg = atan * 360 / (2 * Math.PI);
+        //degree  correction;
         if (e.x < s.x) {
           deg = -deg + 90 + 90;
         } else {
           deg = -deg;
         }
-
         deg = -deg;
       } else {
         var disy = e.y - s.y;
@@ -3089,16 +2756,15 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         if (disy == 0) bias = 0;
         deg = -bias * 90;
       }
-
       return deg;
-    } //对比对象数据是否相等
-
+    }
+    //对比对象数据是否相等
   }, {
     key: "deepEqual",
     value: function deepEqual(a, b) {
       return _immutable["default"].is(_immutable["default"].fromJS(a), _immutable["default"].fromJS(b));
-    } //计算2点间距离 单位m 精确到个位
-
+    }
+    //计算2点间距离 单位m 精确到个位
   }, {
     key: "calculatePointsDistance",
     value: function calculatePointsDistance(f, s) {
@@ -3110,12 +2776,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     key: "calculateDistance",
     value: function calculateDistance(ps) {
       var t = this,
-          totalDistance = 0;
-
+        totalDistance = 0;
       if (ps.length < 0) {
         return false;
       }
-
       for (var i = 0; i < ps.length; i++) {
         if (i < ps.length - 1) {
           if ('distanceTo' in ps[i]) {
@@ -3125,10 +2789,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           }
         }
       }
-
       return Math.round(totalDistance * 100) / 100;
-    } //数据解析(分析,新增,更新,删除对应的数据)
-
+    }
+    //数据解析(分析,新增,更新,删除对应的数据)
   }, {
     key: "dataMatch",
     value: function dataMatch(oldData, newData, type) {
@@ -3159,14 +2822,13 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         updatedData: updatedData,
         replacedData: replacedData
       };
-    } //处理需要增加图元的数据(避免意外问题)
-
+    }
+    //处理需要增加图元的数据(避免意外问题)
   }, {
     key: "dealAdd",
     value: function dealAdd(ary, ids) {
       var ads = [],
-          otherupds = [];
-
+        otherupds = [];
       for (var i = 0; i < ary.length; i++) {
         if (ids.indexOf(ary[i].id) > -1) {
           otherupds.push(ary[i]);
@@ -3174,19 +2836,17 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           ads.push(ary[i]);
         }
       }
-
       return {
         ads: ads,
         otherupds: otherupds
       };
-    } //处理需要更新图元的数据(避免意外问题)
-
+    }
+    //处理需要更新图元的数据(避免意外问题)
   }, {
     key: "dealUpdate",
     value: function dealUpdate(ary, ids) {
       var upds = [],
-          otherads = [];
-
+        otherads = [];
       for (var i = 0; i < ary.length; i++) {
         if (ids.indexOf(ary[i].id) > -1) {
           upds.push(ary[i]);
@@ -3194,7 +2854,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           otherads.push(ary[i]);
         }
       }
-
       return {
         upds: upds,
         otherads: otherads
@@ -3218,7 +2877,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             } else {
               var list = result.pois.map(function (r) {
                 var lnglat = {};
-
                 if (r.lonlat.indexOf(",") > -1) {
                   lnglat = {
                     longitude: r.lonlat.split(',')[0],
@@ -3230,7 +2888,6 @@ var TMap = /*#__PURE__*/function (_React$Component) {
                     latitude: r.lonlat.split(' ')[1]
                   };
                 }
-
                 return _objectSpread(_objectSpread({
                   id: r.hotPointID
                 }, lnglat), {}, {
@@ -3245,8 +2902,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               resolve(list);
             }
           }
-        }; //创建搜索对象
-
+        };
+        //创建搜索对象
         var localsearch = new T.LocalSearch(t.state.gis, searchConfig);
         localsearch.search(searchValue);
       });
@@ -3271,8 +2928,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       this.loadMapComplete.then(function () {
         t.mapLeft = document.getElementById(t.props.mapId).offsetLeft;
         t.mapTop = document.getElementById(t.props.mapId).offsetTop;
-        t.init(); //初始化完成后,再走更新
-
+        t.init();
+        //初始化完成后,再走更新
         t.isLoading = true;
       });
     }
@@ -3287,105 +2944,99 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     value: function UNSAFE_componentWillReceiveProps(nextProps, prevProps) {
       //已加载组件，收到新的参数时调用
       var t = this;
-
       var receive = function receive() {
         //点/线旧数据
         var _t$state2 = t.state,
-            pointIds = _t$state2.pointIds,
-            lineIds = _t$state2.lineIds,
-            polygonIds = _t$state2.polygonIds,
-            circleIds = _t$state2.circleIds,
-            drawIds = _t$state2.drawIds;
+          pointIds = _t$state2.pointIds,
+          lineIds = _t$state2.lineIds,
+          polygonIds = _t$state2.polygonIds,
+          circleIds = _t$state2.circleIds,
+          drawIds = _t$state2.drawIds;
         var point = drawIds.point,
-            polyline = drawIds.polyline,
-            polygon = drawIds.polygon,
-            circle = drawIds.circle,
-            rectangle = drawIds.rectangle; //点/线新数据
-
+          polyline = drawIds.polyline,
+          polygon = drawIds.polygon,
+          circle = drawIds.circle,
+          rectangle = drawIds.rectangle;
+        //点/线新数据
         var _nextProps$mapPoints = nextProps.mapPoints,
-            mapPoints = _nextProps$mapPoints === void 0 ? [] : _nextProps$mapPoints,
-            _nextProps$mapLines = nextProps.mapLines,
-            mapLines = _nextProps$mapLines === void 0 ? [] : _nextProps$mapLines,
-            _nextProps$mapPolygon = nextProps.mapPolygons,
-            mapPolygons = _nextProps$mapPolygon === void 0 ? [] : _nextProps$mapPolygon,
-            _nextProps$mapCircles = nextProps.mapCircles,
-            mapCircles = _nextProps$mapCircles === void 0 ? [] : _nextProps$mapCircles,
-            _nextProps$customized = nextProps.customizedBoundary,
-            customizedBoundary = _nextProps$customized === void 0 ? [] : _nextProps$customized,
-            isOpenTrafficInfo = nextProps.isOpenTrafficInfo,
-            boundaryName = nextProps.boundaryName,
-            heatMapData = nextProps.heatMapData,
-            imageOverlays = nextProps.imageOverlays,
-            mapVisiblePoints = nextProps.mapVisiblePoints,
-            setVisiblePoints = nextProps.setVisiblePoints,
-            setCenter = nextProps.setCenter,
-            mapCenter = nextProps.mapCenter,
-            setZoomLevel = nextProps.setZoomLevel,
-            mapZoomLevel = nextProps.mapZoomLevel,
-            setCluster = nextProps.setCluster,
-            mapCluster = nextProps.mapCluster,
-            isRangingTool = nextProps.isRangingTool,
-            mapRangingTool = nextProps.mapRangingTool,
-            isRemove = nextProps.isRemove,
-            mapRemove = nextProps.mapRemove,
-            mapDraw = nextProps.mapDraw,
-            isDraw = nextProps.isDraw,
-            isCloseDraw = nextProps.isCloseDraw,
-            editGraphicId = nextProps.editGraphicId,
-            isDoEdit = nextProps.isDoEdit,
-            isEndEdit = nextProps.isEndEdit,
-            mapPointCollection = nextProps.mapPointCollection,
-            isclearAllPointCollection = nextProps.isclearAllPointCollection,
-            isClearAll = nextProps.isClearAll,
-            mapStyle = nextProps.mapStyle,
-            isSetAreaRestriction = nextProps.isSetAreaRestriction,
-            areaRestriction = nextProps.areaRestriction,
-            isClearAreaRestriction = nextProps.isClearAreaRestriction,
-            coverageType = nextProps.coverageType,
-            infoWindowData = nextProps.infoWindowData; // 等待地图加载
-
-        if (!t.mapCreated) return; // 设置地图样式
-
+          mapPoints = _nextProps$mapPoints === void 0 ? [] : _nextProps$mapPoints,
+          _nextProps$mapLines = nextProps.mapLines,
+          mapLines = _nextProps$mapLines === void 0 ? [] : _nextProps$mapLines,
+          _nextProps$mapPolygon = nextProps.mapPolygons,
+          mapPolygons = _nextProps$mapPolygon === void 0 ? [] : _nextProps$mapPolygon,
+          _nextProps$mapCircles = nextProps.mapCircles,
+          mapCircles = _nextProps$mapCircles === void 0 ? [] : _nextProps$mapCircles,
+          _nextProps$customized = nextProps.customizedBoundary,
+          customizedBoundary = _nextProps$customized === void 0 ? [] : _nextProps$customized,
+          isOpenTrafficInfo = nextProps.isOpenTrafficInfo,
+          boundaryName = nextProps.boundaryName,
+          heatMapData = nextProps.heatMapData,
+          imageOverlays = nextProps.imageOverlays,
+          mapVisiblePoints = nextProps.mapVisiblePoints,
+          setVisiblePoints = nextProps.setVisiblePoints,
+          setCenter = nextProps.setCenter,
+          mapCenter = nextProps.mapCenter,
+          setZoomLevel = nextProps.setZoomLevel,
+          mapZoomLevel = nextProps.mapZoomLevel,
+          setCluster = nextProps.setCluster,
+          mapCluster = nextProps.mapCluster,
+          isRangingTool = nextProps.isRangingTool,
+          mapRangingTool = nextProps.mapRangingTool,
+          isRemove = nextProps.isRemove,
+          mapRemove = nextProps.mapRemove,
+          mapDraw = nextProps.mapDraw,
+          isDraw = nextProps.isDraw,
+          isCloseDraw = nextProps.isCloseDraw,
+          editGraphicId = nextProps.editGraphicId,
+          isDoEdit = nextProps.isDoEdit,
+          isEndEdit = nextProps.isEndEdit,
+          mapPointCollection = nextProps.mapPointCollection,
+          isclearAllPointCollection = nextProps.isclearAllPointCollection,
+          isClearAll = nextProps.isClearAll,
+          mapStyle = nextProps.mapStyle,
+          isSetAreaRestriction = nextProps.isSetAreaRestriction,
+          areaRestriction = nextProps.areaRestriction,
+          isClearAreaRestriction = nextProps.isClearAreaRestriction,
+          coverageType = nextProps.coverageType,
+          infoWindowData = nextProps.infoWindowData;
+
+        // 等待地图加载
+        if (!t.mapCreated) return;
+        // 设置地图样式
         if (!t.deepEqual(mapStyle, t.props.mapStyle)) {
           if (mapStyle) {
             t.state.gis.setStyle(mapStyle);
           } else {
             t.state.gis.removeStyle();
           }
-        } // 切换地图矢量图和卫星图背景
-
-
+        }
+        // 切换地图矢量图和卫星图背景
         if (coverageType && !t.deepEqual(coverageType, t.props.coverageType)) {
           t.setMapType(coverageType);
         }
         /*添加海量点*/
-
-
         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'),
-              deletedDataIDs = _t$dataMatch.deletedDataIDs,
-              addedData = _t$dataMatch.addedData,
-              updatedData = _t$dataMatch.updatedData;
-
+            deletedDataIDs = _t$dataMatch.deletedDataIDs,
+            addedData = _t$dataMatch.addedData,
+            updatedData = _t$dataMatch.updatedData;
           t.clearPointCollection(deletedDataIDs);
           t.addPointCollection(addedData);
           t.updatePointCollection(updatedData);
         }
-
         if (typeof isclearAllPointCollection == 'boolean' && isclearAllPointCollection || isclearAllPointCollection && isclearAllPointCollection !== t.props.isclearAllPointCollection) {
           t.clearAllPointCollection();
         }
+
         /*点数据处理
             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; //过滤编辑的图元
-
+          var newMapPoints = mapPoints;
+          //过滤编辑的图元
           if (!!t.state.editId) {
             oldMapPoints = t.props.mapPoints.filter(function (item) {
               return item.id !== editGraphicId;
@@ -3394,50 +3045,41 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               return item.id !== editGraphicId;
             });
           }
-
           var _t$dataMatch2 = t.dataMatch(oldMapPoints, newMapPoints, 'id'),
-              _deletedDataIDs = _t$dataMatch2.deletedDataIDs,
-              _addedData = _t$dataMatch2.addedData,
-              _updatedData = _t$dataMatch2.updatedData;
-
+            _deletedDataIDs = _t$dataMatch2.deletedDataIDs,
+            _addedData = _t$dataMatch2.addedData,
+            _updatedData = _t$dataMatch2.updatedData;
           var _t$dealAdd = t.dealAdd(_addedData, [].concat(_toConsumableArray(pointIds), _toConsumableArray(point))),
-              ads = _t$dealAdd.ads,
-              otherupds = _t$dealAdd.otherupds;
-
+            ads = _t$dealAdd.ads,
+            otherupds = _t$dealAdd.otherupds;
           var _t$dealUpdate = t.dealUpdate(_updatedData, [].concat(_toConsumableArray(pointIds), _toConsumableArray(point))),
-              upds = _t$dealUpdate.upds,
-              otherads = _t$dealUpdate.otherads; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
-
-
+            upds = _t$dealUpdate.upds,
+            otherads = _t$dealUpdate.otherads;
+          //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
           var _iterator = _createForOfIteratorHelper(_deletedDataIDs),
-              _step;
-
+            _step;
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               var id = _step.value;
               t.removeGraphic(id, 'point');
-            } //增加
-
+            }
+            //增加
           } catch (err) {
             _iterator.e(err);
           } finally {
             _iterator.f();
           }
-
-          t.addPoint([].concat(_toConsumableArray(ads), _toConsumableArray(otherads))); //更新
-
+          t.addPoint([].concat(_toConsumableArray(ads), _toConsumableArray(otherads)));
+          //更新
           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;
-
           if (!!t.state.editId) {
             oldMapPolygons = t.props.mapPolygons.filter(function (item) {
               return item.id !== editGraphicId;
@@ -3446,50 +3088,41 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               return item.id !== editGraphicId;
             });
           }
-
           var _t$dataMatch3 = t.dataMatch(oldMapPolygons, newMapPolygons, 'id'),
-              _deletedDataIDs2 = _t$dataMatch3.deletedDataIDs,
-              _addedData2 = _t$dataMatch3.addedData,
-              _updatedData2 = _t$dataMatch3.updatedData;
-
+            _deletedDataIDs2 = _t$dataMatch3.deletedDataIDs,
+            _addedData2 = _t$dataMatch3.addedData,
+            _updatedData2 = _t$dataMatch3.updatedData;
           var _t$dealAdd2 = t.dealAdd(_addedData2, [].concat(_toConsumableArray(rectangle), _toConsumableArray(polygon), _toConsumableArray(polygonIds))),
-              _ads = _t$dealAdd2.ads,
-              _otherupds = _t$dealAdd2.otherupds;
-
+            _ads = _t$dealAdd2.ads,
+            _otherupds = _t$dealAdd2.otherupds;
           var _t$dealUpdate2 = t.dealUpdate(_updatedData2, [].concat(_toConsumableArray(rectangle), _toConsumableArray(polygon), _toConsumableArray(polygonIds))),
-              _upds = _t$dealUpdate2.upds,
-              _otherads = _t$dealUpdate2.otherads; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
-
-
+            _upds = _t$dealUpdate2.upds,
+            _otherads = _t$dealUpdate2.otherads;
+          //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
           var _iterator2 = _createForOfIteratorHelper(_deletedDataIDs2),
-              _step2;
-
+            _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
               var _id = _step2.value;
               t.removeGraphic(_id, 'polygon');
-            } //增加
-
+            }
+            //增加
           } catch (err) {
             _iterator2.e(err);
           } finally {
             _iterator2.f();
           }
-
-          t.addPolygon([].concat(_toConsumableArray(_ads), _toConsumableArray(_otherads))); //更新
-
+          t.addPolygon([].concat(_toConsumableArray(_ads), _toConsumableArray(_otherads)));
+          //更新
           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;
-
           if (!!t.state.editId) {
             oldMapCircles = t.props.mapCircles.filter(function (item) {
               return item.id !== editGraphicId;
@@ -3498,50 +3131,41 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               return item.id !== editGraphicId;
             });
           }
-
           var _t$dataMatch4 = t.dataMatch(oldMapCircles, newMapCircles, 'id'),
-              _deletedDataIDs3 = _t$dataMatch4.deletedDataIDs,
-              _addedData3 = _t$dataMatch4.addedData,
-              _updatedData3 = _t$dataMatch4.updatedData;
-
+            _deletedDataIDs3 = _t$dataMatch4.deletedDataIDs,
+            _addedData3 = _t$dataMatch4.addedData,
+            _updatedData3 = _t$dataMatch4.updatedData;
           var _t$dealAdd3 = t.dealAdd(_addedData3, [].concat(_toConsumableArray(circleIds), _toConsumableArray(circle))),
-              _ads2 = _t$dealAdd3.ads,
-              _otherupds2 = _t$dealAdd3.otherupds;
-
+            _ads2 = _t$dealAdd3.ads,
+            _otherupds2 = _t$dealAdd3.otherupds;
           var _t$dealUpdate3 = t.dealUpdate(_updatedData3, [].concat(_toConsumableArray(circleIds), _toConsumableArray(circle))),
-              _upds2 = _t$dealUpdate3.upds,
-              _otherads2 = _t$dealUpdate3.otherads; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
-
-
+            _upds2 = _t$dealUpdate3.upds,
+            _otherads2 = _t$dealUpdate3.otherads;
+          //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
           var _iterator3 = _createForOfIteratorHelper(_deletedDataIDs3),
-              _step3;
-
+            _step3;
           try {
             for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
               var _id2 = _step3.value;
               t.removeGraphic(_id2, 'circle');
-            } //增加
-
+            }
+            //增加
           } catch (err) {
             _iterator3.e(err);
           } finally {
             _iterator3.f();
           }
-
-          t.addCircle([].concat(_toConsumableArray(_ads2), _toConsumableArray(_otherads2))); //更新
-
+          t.addCircle([].concat(_toConsumableArray(_ads2), _toConsumableArray(_otherads2)));
+          //更新
           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;
-
           if (!!t.state.editId) {
             oldMapLines = t.props.mapLines.filter(function (item) {
               return item.id !== editGraphicId;
@@ -3550,52 +3174,43 @@ var TMap = /*#__PURE__*/function (_React$Component) {
               return item.id !== editGraphicId;
             });
           }
-
           var _t$dataMatch5 = t.dataMatch(oldMapLines, newMapLines, 'id'),
-              _deletedDataIDs4 = _t$dataMatch5.deletedDataIDs,
-              _addedData4 = _t$dataMatch5.addedData,
-              _updatedData4 = _t$dataMatch5.updatedData;
-
+            _deletedDataIDs4 = _t$dataMatch5.deletedDataIDs,
+            _addedData4 = _t$dataMatch5.addedData,
+            _updatedData4 = _t$dataMatch5.updatedData;
           var _t$dealAdd4 = t.dealAdd(_addedData4, [].concat(_toConsumableArray(lineIds), _toConsumableArray(polyline))),
-              _ads3 = _t$dealAdd4.ads,
-              _otherupds3 = _t$dealAdd4.otherupds;
-
+            _ads3 = _t$dealAdd4.ads,
+            _otherupds3 = _t$dealAdd4.otherupds;
           var _t$dealUpdate4 = t.dealUpdate(_updatedData4, [].concat(_toConsumableArray(lineIds), _toConsumableArray(polyline))),
-              _upds3 = _t$dealUpdate4.upds,
-              _otherads3 = _t$dealUpdate4.otherads; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
-
-
+            _upds3 = _t$dealUpdate4.upds,
+            _otherads3 = _t$dealUpdate4.otherads;
+          //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
           var _iterator4 = _createForOfIteratorHelper(_deletedDataIDs4),
-              _step4;
-
+            _step4;
           try {
             for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
               var _id3 = _step4.value;
               t.removeGraphic(_id3, 'line');
-            } //增加
-
+            }
+            //增加
           } catch (err) {
             _iterator4.e(err);
           } finally {
             _iterator4.f();
           }
-
-          t.addLine([].concat(_toConsumableArray(_ads3), _toConsumableArray(_otherads3))); //更新
-
+          t.addLine([].concat(_toConsumableArray(_ads3), _toConsumableArray(_otherads3)));
+          //更新
           t.updateLine([].concat(_toConsumableArray(_upds3), _toConsumableArray(_otherupds3)));
-        } //画其他特例线专用
-
-
+        }
+        //画其他特例线专用
         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'),
-              _deletedDataIDs5 = _t$dataMatch6.deletedDataIDs,
-              _addedData5 = _t$dataMatch6.addedData,
-              _updatedData5 = _t$dataMatch6.updatedData; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
-
-
+            _deletedDataIDs5 = _t$dataMatch6.deletedDataIDs,
+            _addedData5 = _t$dataMatch6.addedData,
+            _updatedData5 = _t$dataMatch6.updatedData;
+          //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
           var _iterator5 = _createForOfIteratorHelper(_deletedDataIDs5),
-              _step5;
-
+            _step5;
           try {
             for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
               var _id4 = _step5.value;
@@ -3606,10 +3221,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           } finally {
             _iterator5.f();
           }
-
           t.updateLine(_updatedData5);
           t.addLine(_addedData5);
-        } // //绘制边界线
+        }
+        // //绘制边界线
         // if(boundaryName instanceof Array && !t.deepEqual(boundaryName,t.props.boundaryName)){
         //     let newBDName = Set(boundaryName);
         //     let oldBDName = Set(t.props.boundaryName);
@@ -3619,111 +3234,90 @@ var TMap = /*#__PURE__*/function (_React$Component) {
         //     t.addBaiduBoundary(addedBoundaryName);
         // }
         // 获取热力图
-
-
         if (heatMapData && !t.deepEqual(heatMapData, t.props.heatMapData)) {
           t.heatMapOverlay(heatMapData);
-        } // 打开信息窗体
-
-
+        }
+        // 打开信息窗体
         if (infoWindowData && !t.deepEqual(infoWindowData, t.props.infoWindowData)) {
           t.infoWindow(infoWindowData);
-        } //添加图片图层
-
-
+        }
+        //添加图片图层
         if (imageOverlays instanceof Array && !t.deepEqual(imageOverlays, t.props.imageOverlays)) {
           t.imageUrlOverlay(imageOverlays);
-        } //图元编辑调用
-
-
+        }
+        //图元编辑调用
         if (typeof isDoEdit == 'boolean' && isDoEdit || isDoEdit && isDoEdit !== t.props.isDoEdit) {
           t.doEdit(editGraphicId);
-        } //是否关闭图元编辑
-
-
+        }
+        //是否关闭图元编辑
         if (typeof isEndEdit == 'boolean' && isEndEdit || isEndEdit && isEndEdit !== t.props.isEndEdit) {
           t.endEdit();
         }
         /*设置指定图元展示*/
-
-
         if (typeof setVisiblePoints == 'boolean' && setVisiblePoints || setVisiblePoints && setVisiblePoints !== t.props.setVisiblePoints) {
           t.setVisiblePoints(mapVisiblePoints);
-        } //绘制图元
-
-
+        }
+        //绘制图元
         if (typeof isDraw == 'boolean' && isDraw || isDraw && isDraw !== t.props.isDraw) {
           t.draw(mapDraw);
-        } //关闭绘制
-
-
+        }
+        //关闭绘制
         if (typeof isCloseDraw == 'boolean' && isCloseDraw || isCloseDraw && isCloseDraw !== t.props.isCloseDraw) {
           t.closeDraw();
-        } //清空地图
-
-
+        }
+        //清空地图
         if (typeof isClearAll == 'boolean' && isClearAll || isClearAll && isClearAll !== t.props.isClearAll) {
           t.clearAll();
-        } //设置中心点
-
-
+        }
+        //设置中心点
         if (typeof setCenter == 'boolean' && setCenter || setCenter && setCenter !== t.props.setCenter) {
           if (!(t.getCurrentCenter().lng == mapCenter[0] && t.getCurrentCenter().lat == mapCenter[1])) {
             t.setCenter(mapCenter);
           }
-        } //设置比例尺
-
-
+        }
+        //设置比例尺
         if (typeof setZoomLevel == 'boolean' && setZoomLevel || setZoomLevel && setZoomLevel !== t.props.setZoomLevel) {
           if (!(t.getZoomLevel() == mapZoomLevel)) {
             t.setZoomLevel(mapZoomLevel);
           }
-        } // //是否打开路况
+        }
+        // //是否打开路况
         // if(isOpenTrafficInfo){
         //     t.openTrafficInfo();
         // }else{
         //     t.hideTrafficInfo();
         // }
         //设置点聚合
-
-
         if (typeof setCluster == 'boolean' && setCluster || setCluster && setCluster !== t.props.setCluster) {
           t.cluster(mapCluster);
-        } // 清除聚合
-
-
+        }
+        // 清除聚合
         if (!setCluster && setCluster !== t.props.setCluster) {
           t.removeCluster(mapCluster);
-        } //测距工具调用
-
-
+        }
+        //测距工具调用
         if (typeof isRangingTool == 'boolean' && isRangingTool || isRangingTool && isRangingTool !== t.props.isRangingTool) {
           t.vtxRangingTool();
-        } //单独删除操作
-
-
+        }
+        //单独删除操作
         if (typeof isRemove == 'boolean' && isRemove || isRemove && isRemove !== t.props.isRemove) {
           mapRemove.map(function (item, index) {
             t.removeGraphic(item.id, item.type);
           });
-        } //设置区域限制
-
-
+        }
+        //设置区域限制
         if (typeof isSetAreaRestriction == 'boolean' && isSetAreaRestriction || isSetAreaRestriction && isSetAreaRestriction !== t.props.isSetAreaRestriction && areaRestriction && !!areaRestriction[0] && !!areaRestriction[1]) {
           t.setAreaRestriction(areaRestriction);
-        } //关闭区域限制
-
-
+        }
+        //关闭区域限制
         if (typeof isClearAreaRestriction == 'boolean' && isClearAreaRestriction || isClearAreaRestriction && isClearAreaRestriction !== t.props.isClearAreaRestriction) {
           t.clearAreaRestriction();
         }
       };
-
       if (t.waitReceive) {
         clearInterval(t.waitReceive);
-      } //等等天地图初始化
-
-
+      }
+      //等等天地图初始化
       if (t.isLoading) {
         receive();
       } else {
@@ -3733,19 +3327,17 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             receive();
           }
         }, 100);
-      } // 比例尺控件位置改变
-
+      }
 
+      // 比例尺控件位置改变
       if (nextProps.showControl && JSON.stringify(nextProps.showControl) != JSON.stringify(t.props.showControl)) {
         t.showControl(nextProps);
-      } // 比例尺移除
-
-
+      }
+      // 比例尺移除
       if (!nextProps.showControl) {
         t.removeControl();
-      } // 地图类型控件位置改变
-
-
+      }
+      // 地图类型控件位置改变
       if (nextProps.satelliteSwitch && JSON.stringify(nextProps.satelliteSwitch) != JSON.stringify(t.props.satelliteSwitch)) {
         t.showMapTypeControl(nextProps);
       }
@@ -3755,34 +3347,25 @@ var TMap = /*#__PURE__*/function (_React$Component) {
     value: function componentWillUnmount() {
       //关闭moveTo定时
       var t = this;
-
       if (t.moveToTimer) {
         clearInterval(t.moveToTimer);
       }
-
       if (t.waitReceive) {
         clearInterval(t.waitReceive);
       }
-
       if (t.waitInit) {
         clearInterval(t.waitInit);
-      } //关闭animation定时
-
-
+      }
+      //关闭animation定时
       for (var j in t.animTimer) {
         if (t.animTimer[j]) {
           clearInterval(t.animTimer[j]);
         }
       }
-
       if (window.VtxMap && window.VtxMap[t.state.mapId]) window.VtxMap[t.state.mapId] = null;
     }
   }]);
-
-  return TMap;
 }(_react["default"].Component);
-
-var _default = TMap;
-exports["default"] = _default;
+var _default = exports["default"] = TMap;
 module.exports = exports["default"];
 //# sourceMappingURL=TMap.js.map