@vtx/map 1.1.47 → 1.1.49

package/lib/VtxMap/OMap/Map.js

@@ -1,106 +1,62 @@
 "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 _MapToolFunction = require("../MapToolFunction");
-
 var _immutable = _interopRequireDefault(require("immutable"));
-
 var _default2 = _interopRequireDefault(require("../../default"));
-
 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 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 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Set = _immutable["default"].Set; //公共地址配置
-
+var Set = _immutable["default"].Set;
+//公共地址配置
 var Map = /*#__PURE__*/function (_React$Component) {
   _inherits(Map, _React$Component);
-
   var _super = _createSuper(Map);
-
   function Map(props) {
     var _this;
-
     _classCallCheck(this, Map);
-
     _this = _super.call(this, props);
     _this.GM = new _MapToolFunction.graphicManage(); //初始化 图元管理方法
-
     _this.initPointIndex = 0; //初始化地图时记录点当前位置
-
     _this._cluster = null; //点聚合对象
-
     _this.clusterIdList = []; //点聚合id集合
-
     _this._rangingTool = null; //测距对象
-
     _this._bmar = null; //区域限制对象
-
     _this._drawmanager = null; //图元绘制对象
-
     _this.editGraphicChange = null; //编辑方法回调
-
     _this.editTimeout = null; //圆编辑回调延迟时间对象
-
     _this._boundary = null; //获取行政区域数据的对象
-
     _this.moveToTimer = null; //moveTo时间对象
-
     _this.heatmap = null; //热力图对象
-
     _this.morepoints = []; //海量点数组
-
     _this.movePoints = []; //移动点的动画集合
-
     _this.editEvent = {}; //编辑监听的事件
     //是否绘制测距
-
     _this.rangingTool = {
       isRanging: false,
       //是否开启状态
@@ -116,12 +72,11 @@ var Map = /*#__PURE__*/function (_React$Component) {
       isDbclick: false
     };
     _this.rangingTools = {}; //测距点线缓存
-
+    _this.mapCreated = false;
     _this.state = {
       gis: null,
       //地图对象
       mapId: props.mapId,
-      mapCreated: false,
       pointIds: [],
       //地图上点的ids
       lineIds: [],
@@ -147,31 +102,25 @@ var Map = /*#__PURE__*/function (_React$Component) {
     };
     _this.cacheImgRecord = {}; //缓存图片记录,避免多次加载缓存
     // 图片缓存dom位置
-
     var cacheImg = document.getElementById('vtxomapdefaultimg');
-
     if (!cacheImg) {
       cacheImg = _this.cacheImg = document.createElement('div');
       cacheImg.id = 'vtxomapcacheImg';
       cacheImg.style.display = 'none';
       document.body.appendChild(cacheImg);
     }
-
-    _this.cacheImg = cacheImg; //缓存默认点位地址
-
+    _this.cacheImg = cacheImg;
+    //缓存默认点位地址
     if (!document.getElementById('vtxomapdefaultimg')) {
       var defImg = new Image();
       defImg.src = "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png");
       defImg.id = 'vtxomapdefaultimg';
       cacheImg.appendChild(defImg);
-    } //加载地图
-
-
+    }
+    //加载地图
     _this.loadMapJs();
-
     return _this;
   }
-
   _createClass(Map, [{
     key: "loadMapJs",
     value: function loadMapJs() {
@@ -199,76 +148,67 @@ var Map = /*#__PURE__*/function (_React$Component) {
           });
         }
       });
-    } //初始化地图数据
-
+    }
+    //初始化地图数据
   }, {
     key: "init",
     value: function init() {
-      var t = this; //创建地图
-
+      var t = this;
+      //创建地图
       t.createMap();
       var _this$props = this.props,
-          mapPoints = _this$props.mapPoints,
-          mapLines = _this$props.mapLines,
-          mapPolygons = _this$props.mapPolygons,
-          mapCircles = _this$props.mapCircles,
-          mapVisiblePoints = _this$props.mapVisiblePoints,
-          mapCluster = _this$props.mapCluster,
-          mapZoomLevel = _this$props.mapZoomLevel,
-          isOpenTrafficInfo = _this$props.isOpenTrafficInfo,
-          mapPointCollection = _this$props.mapPointCollection,
-          areaRestriction = _this$props.areaRestriction;
+        mapPoints = _this$props.mapPoints,
+        mapLines = _this$props.mapLines,
+        mapPolygons = _this$props.mapPolygons,
+        mapCircles = _this$props.mapCircles,
+        mapVisiblePoints = _this$props.mapVisiblePoints,
+        mapCluster = _this$props.mapCluster,
+        mapZoomLevel = _this$props.mapZoomLevel,
+        isOpenTrafficInfo = _this$props.isOpenTrafficInfo,
+        mapPointCollection = _this$props.mapPointCollection,
+        areaRestriction = _this$props.areaRestriction;
       var _this$props2 = this.props,
-          boundaryName = _this$props2.boundaryName,
-          heatMapData = _this$props2.heatMapData,
-          customizedBoundary = _this$props2.customizedBoundary;
+        boundaryName = _this$props2.boundaryName,
+        heatMapData = _this$props2.heatMapData,
+        customizedBoundary = _this$props2.customizedBoundary;
       var _this$state = this.state,
-          boundaryInfo = _this$state.boundaryInfo,
-          pointIds = _this$state.pointIds,
-          lineIds = _this$state.lineIds,
-          polygonIds = _this$state.polygonIds,
-          circleIds = _this$state.circleIds; // //添加点
-
+        boundaryInfo = _this$state.boundaryInfo,
+        pointIds = _this$state.pointIds,
+        lineIds = _this$state.lineIds,
+        polygonIds = _this$state.polygonIds,
+        circleIds = _this$state.circleIds;
+      // //添加点
       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 (heatMapData) {
         t.heatMapOverlay(heatMapData);
       }
-
       if (mapPointCollection instanceof Array) {
         t.addPointCollection(mapPointCollection);
       }
       /*设置指定图元展示*/
-
-
       if (mapVisiblePoints) {
         t.setVisiblePoints(mapVisiblePoints);
-      } //设置点聚合
-
-
+      }
+      //设置点聚合
       if (mapCluster instanceof Array) {
         t.cluster(mapCluster);
-      } //开关路况
-
-
+      }
+      //开关路况
       if (isOpenTrafficInfo) {
         t.openTrafficInfo();
       } else {
@@ -276,71 +216,61 @@ var Map = /*#__PURE__*/function (_React$Component) {
       }
       /*地图事件*/
       //初始化地图点击事件
-
-
-      t.clickMap(); //地图拖动之前事件
-
-      t.dragMapStart(); // //地图拖动结束后事件
-
-      t.dragMapEnd(); // //地图移动之前事件
-
-      t.moveStart(); // //地图缩放开始前事件
-
-      t.zoomStart(); // //地图移动结束后事件/地图缩放结束后事件
-
+      t.clickMap();
+      //地图拖动之前事件
+      t.dragMapStart();
+      // //地图拖动结束后事件
+      t.dragMapEnd();
+      // //地图移动之前事件
+      t.moveStart();
+      // //地图缩放开始前事件
+      t.zoomStart();
+      // //地图移动结束后事件/地图缩放结束后事件
       t.moveEndAndZoomEnd();
-      t.setState({
-        mapCreated: true
-      });
-    } //创建地图
-
+      this.mapCreated = true;
+    }
+    //创建地图
   }, {
     key: "createMap",
     value: function createMap() {
       var t = this;
       var _t$props = t.props,
-          mapCenter = _t$props.mapCenter,
-          mapId = _t$props.mapId,
-          mapZoomLevel = _t$props.mapZoomLevel,
-          minZoom = _t$props.minZoom,
-          maxZoom = _t$props.maxZoom,
-          showControl = _t$props.showControl,
-          areaRestriction = _t$props.areaRestriction;
+        mapCenter = _t$props.mapCenter,
+        mapId = _t$props.mapId,
+        mapZoomLevel = _t$props.mapZoomLevel,
+        minZoom = _t$props.minZoom,
+        maxZoom = _t$props.maxZoom,
+        showControl = _t$props.showControl,
+        areaRestriction = _t$props.areaRestriction;
       var options = {
         zoom: mapZoomLevel || 10,
         center: mapCenter || [626.3002300508477, 37.90942995363547],
         minZoom: minZoom || 0,
         maxZoom: maxZoom || 22
-      }; //缓存 zoom等级,用于事件判断
-
+      };
+      //缓存 zoom等级,用于事件判断
       t.oldZoomLevel = options.zoom;
-
       if (window.VtxMap) {
         window.VtxMap[mapId] = null;
       } else {
         window.VtxMap = {};
-      } // 地图控件处理
-
-
+      }
+      // 地图控件处理
       var isShowControl = false,
-          controlPosition = t.matchControlPosition();
-
+        controlPosition = t.matchControlPosition();
       if (showControl) {
         controlPosition = t.matchControlPosition(showControl.location);
         isShowControl = !!showControl;
       }
-
       var latLngBounds = [];
-
       if (areaRestriction && Array.isArray(areaRestriction) && Array.isArray(areaRestriction[0])) {
         //处理 区域限制数据
         latLngBounds = [areaRestriction[0][0], areaRestriction[0][1], areaRestriction[1][0], areaRestriction[1][1]];
         latLngBounds.sort(function (a, b) {
           return a - b;
         });
-      } //创建地图  缓存地图对象
-
-
+      }
+      //创建地图  缓存地图对象
       var map = window.VtxMap[mapId] = t.state.gis = new t.omap.Map(document.getElementById(mapId.toString()), {
         center: {
           lng: options.center[0],
@@ -386,55 +316,40 @@ var Map = /*#__PURE__*/function (_React$Component) {
         }
       });
       /*=================================start========================================*/
-
       /*
           draw对象声明, 绘制返回方法实现
        */
-
       if (!t._drawmanager) {
         t._drawmanager = new google.maps.drawing.DrawingManager({
           drawingControl: false
         });
-
         t._drawmanager.setMap(t.state.gis);
       }
       /*=================================start========================================*/
       //初始化点聚合对象
-
-
       if (!t._cluster) {
         t._cluster = new OMapLib.MarkerClusterer(map, [], {
           maxZoom: options.maxZoom
         });
       }
       /*=================================start========================================*/
-
       /*
           声明OverlayView 类
           用于切换lnglat和 pixel
        */
-
-
       function CanvasProjectionOverlay() {}
-
       CanvasProjectionOverlay.prototype = new google.maps.OverlayView();
       CanvasProjectionOverlay.prototype.constructor = CanvasProjectionOverlay;
-
       CanvasProjectionOverlay.prototype.onAdd = function () {};
-
       CanvasProjectionOverlay.prototype.draw = function () {};
-
       CanvasProjectionOverlay.prototype.onRemove = function () {};
-
       this.canvasProjectionOverlay = new CanvasProjectionOverlay();
       this.canvasProjectionOverlay.setMap(map);
       /*=================================start========================================*/
-
       /*
           重写marker对象,支持html
           要使用google对象,所以在creatMap中声明
        */
-
       var MyLabel = t.MyLabel = function (map) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         //编辑
@@ -442,11 +357,11 @@ var Map = /*#__PURE__*/function (_React$Component) {
         this.editParam = {
           sx: 0,
           sy: 0
-        }; //地图
-
+        };
+        //地图
         this.map = map;
-        this.isLabel = options.isLabel; //基本参数
-
+        this.isLabel = options.isLabel;
+        //基本参数
         this.labelClass = options.labelClass;
         this.labelContent = options.labelContent;
         this.labelOffset = options.labelOffset || {
@@ -456,21 +371,19 @@ var Map = /*#__PURE__*/function (_React$Component) {
         this.lnglat = options.lnglat;
         this._label = null;
         this.funs = {};
-      }; //继承OverlayView类
-
-
-      MyLabel.prototype = new google.maps.OverlayView(); //添加地图时被调用(setMap时被调用)
-
+      };
+      //继承OverlayView类
+      MyLabel.prototype = new google.maps.OverlayView();
+      //添加地图时被调用(setMap时被调用)
       MyLabel.prototype.onAdd = function () {
         //创建文字标签
         if (!this._label) {
           this._label = document.createElement('div');
           this._label.innerHTML = this.labelContent;
           this._label.style.position = 'absolute';
-          this._label.className = this.labelClass; //获取承载点位的框
-
+          this._label.className = this.labelClass;
+          //获取承载点位的框
           var panes = this.getPanes();
-
           if (this.isLabel) {
             panes.markerLayer.appendChild(this._label);
           } else {
@@ -480,27 +393,23 @@ var Map = /*#__PURE__*/function (_React$Component) {
           this._label.innerHTML = this.labelContent;
           this._label.className = this.labelClass;
         }
-
         for (var i in this.funs) {
           this.removeListener(i);
           this.addListener(i, this.funs[i]);
         }
-      }; //计算位置, onAdd和缩放和平移之后调用
-
-
+      };
+      //计算位置, onAdd和缩放和平移之后调用
       MyLabel.prototype.draw = function () {
         //返回MapCanvasProjection对象,拥有计算pixel和lnglat的方法
-        var overlayProjection = this.getProjection(); //将地理坐标转换成屏幕坐标
-
+        var overlayProjection = this.getProjection();
+        //将地理坐标转换成屏幕坐标
         var position = overlayProjection.fromLatLngToDivPixel(this.lnglat);
-
         if (position) {
           this._label.style.left = position.x + parseFloat(this.labelOffset.x) + 'px';
           this._label.style.top = position.y + parseFloat(this.labelOffset.y) + 'px';
         }
-      }; //更新点位信息
-
-
+      };
+      //更新点位信息
       MyLabel.prototype.setOptions = function (options) {
         this.labelClass = options.labelClass;
         this.labelContent = options.labelContent;
@@ -509,64 +418,52 @@ var Map = /*#__PURE__*/function (_React$Component) {
           y: 0
         };
         this.lnglat = options.lnglat || this.lnglat;
-
         if (this._label) {
           this.onAdd();
         }
-      }; //更新点位信息
-
-
+      };
+      //更新点位信息
       MyLabel.prototype.setPosition = function (lnglat) {
         this.lnglat = lnglat;
-
         if (this._label) {
           this.draw();
         } else {
           //触发onAdd draw
           this.setMap(map);
         }
-      }; //更新点位信息
-
-
+      };
+      //更新点位信息
       MyLabel.prototype.getPosition = function () {
         return this.lnglat;
-      }; //更新点位信息
-
-
+      };
+      //更新点位信息
       MyLabel.prototype.setZIndex = function (index) {
         if (this._label) {
           this._label.style.ZIndex = index;
         }
-      }; //用于updatePoint时 判断原来的点图元类型
-
-
+      };
+      //用于updatePoint时 判断原来的点图元类型
       MyLabel.prototype.isMarkerContent = function () {
         return true;
-      }; //被删除时会调用
-
-
+      };
+      //被删除时会调用
       MyLabel.prototype.onRemove = function () {
         this._label.parentNode.removeChild(this._label);
-
         this._label = null;
       };
-
       MyLabel.prototype.addListener = function (key, fun) {
         var tt = this;
-
         if (key == 'dragend') {
           //编辑返回函数
           this.dragendFun = fun;
           return false;
         }
-
         setTimeout(function () {
           if (tt._label) {
             tt.funs[key] = function (event) {
               if (event.stopPropagation) {
                 event.stopPropagation();
               }
-
               if (!tt.editable) {
                 fun({
                   latLng: tt.lnglat,
@@ -575,124 +472,103 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 });
               }
             };
-
             tt._label.addEventListener(key, tt.funs[key]);
           } else {
             tt.addListener(key, fun);
           }
         }, 50);
       };
-
       MyLabel.prototype.removeListener = function (key) {
         if (key == 'dragend') {
           this.dragendFun = function () {};
-
           return false;
         }
-
         if (this._label) {
           this._label.removeEventListener(key, this.funs[key]);
         }
-      }; //设置是否可以编辑
-
-
+      };
+      //设置是否可以编辑
       MyLabel.prototype.setDraggable = function (_boolean) {
         this.editable = _boolean;
-
         if (_boolean) {
           this.edit();
         } else {
           this._label.removeEventListener('mousedown', this.mdown);
         }
-      }; //编辑时 事件和逻辑
-
-
+      };
+      //编辑时 事件和逻辑
       MyLabel.prototype.edit = function () {
         var tt = this;
-
         tt.mdown = function (event) {
-          event.stopPropagation(); //禁止文本选中
-
-          tt._label.className = 'noselect'; // 记录原始位置
-
+          event.stopPropagation();
+          //禁止文本选中
+          tt._label.className = 'noselect';
+          // 记录原始位置
           tt.editParam.sx = event.clientX;
           tt.editParam.sy = event.clientY;
-
           var mmEvent = function mmEvent(e) {
-            e.stopPropagation(); //计算与上一次的差值  累加到label dom上
-
+            e.stopPropagation();
+            //计算与上一次的差值  累加到label dom上
             tt._label.style.left = parseFloat(tt._label.style.left.replace('px', '')) + e.clientX - tt.editParam.sx + 'px';
-            tt._label.style.top = parseFloat(tt._label.style.top.replace('px', '')) + e.clientY - tt.editParam.sy + 'px'; //更新原始位置
-
+            tt._label.style.top = parseFloat(tt._label.style.top.replace('px', '')) + e.clientY - tt.editParam.sy + 'px';
+            //更新原始位置
             tt.editParam.sx = e.clientX;
             tt.editParam.sy = e.clientY;
           };
-
           var mupEvent = function mupEvent(e) {
-            e.stopPropagation(); //计算与上一次的差值  累加到label dom上
-
+            e.stopPropagation();
+            //计算与上一次的差值  累加到label dom上
             var x = parseFloat(tt._label.style.left.replace('px', '')) + e.clientX - tt.editParam.sx,
-                y = parseFloat(tt._label.style.top.replace('px', '')) + e.clientY - tt.editParam.sy; //计算经纬度,固定label的位置
-
+              y = parseFloat(tt._label.style.top.replace('px', '')) + e.clientY - tt.editParam.sy;
+            //计算经纬度,固定label的位置
             tt._label.style.left = x + 'px';
             tt._label.style.top = y + 'px';
             var overlayProjection = tt.getProjection(),
-                latlng = overlayProjection.fromDivPixelToLatLng(new google.maps.Point(x, y));
-            tt.setPosition(latlng); // 清空 文本禁选
-
+              latlng = overlayProjection.fromDivPixelToLatLng(new google.maps.Point(x, y));
+            tt.setPosition(latlng);
+            // 清空 文本禁选
             tt._label.className = '';
-            tt.dragendFun(e); //关闭全局监听
-
+            tt.dragendFun(e);
+            //关闭全局监听
             document.removeEventListener('mousemove', mmEvent);
             document.removeEventListener('mouseup', mupEvent);
           };
-
           document.addEventListener('mousemove', mmEvent);
           document.addEventListener('mouseup', mupEvent);
         };
-
         tt._label.addEventListener('mousedown', tt.mdown);
       };
       /*=================================end========================================*/
-
-    } //设置指定图元展示   google只有zoom和center全适应,单适应暂时无法实现
-
+    }
+    //设置指定图元展示   google只有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, type) {
         var alnglat = [],
-            lngs = [],
-            lats = [];
-
+          lngs = [],
+          lats = [];
         if (!type) {
           t.GM.getMoreGraphicParam(ids).map(function (item, index) {
             var _alnglat, _alnglat2;
-
             //根据天地图 覆盖物类型获取lnglat
             switch (item.geometryType) {
               case 'point':
                 alnglat.push([item.geometry.x, item.geometry.y]);
                 break;
-
               case 'polyline':
                 (_alnglat = alnglat).push.apply(_alnglat, _toConsumableArray(item.geometry.paths));
-
                 break;
-
               case 'polygon':
                 (_alnglat2 = alnglat).push.apply(_alnglat2, _toConsumableArray(item.geometry.rings));
-
                 break;
-
               case 'circle':
                 alnglat.push([item.geometry.x, item.geometry.y]);
                 break;
@@ -701,7 +577,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
         } else {
           alnglat = ids;
         }
-
         alnglat.forEach(function (item, index) {
           lngs.push(item[0]);
           lats.push(item[1]);
@@ -718,74 +593,59 @@ var Map = /*#__PURE__*/function (_React$Component) {
             lat: lats[lats.length - 1]
           })
         };
-      }; //算出 要展示的图元点位
-
-
+      };
+      //算出 要展示的图元点位
       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 = getLngLats(ids, 'lnglat');
           } else {
             ls = getLngLats(ids);
           }
-
           break;
       }
-
       t.state.gis.fitBounds(new google.maps.LatLngBounds(ls.sw, ls.ne));
-    } //设置地图中心位置 lng/经度  lat/纬度
-
+    }
+    //设置地图中心位置 lng/经度  lat/纬度
   }, {
     key: "setCenter",
     value: function setCenter(gt) {
       var t = this;
       var mgt = [626.3002300508477, 37.90942995363547];
-
       if (gt) {
         //经纬度 必须存在 否则不操作
         if (!gt[0] || !gt[1]) {
           return false;
-        } //如果设置的经纬度 与当前中心点一样 不操作
-
-
+        }
+        //如果设置的经纬度 与当前中心点一样 不操作
         var c = t.state.gis.getCenter();
-
         if (c.lng == gt[0] && c.lat == gt[1]) {
           return false;
         }
-
         mgt = gt;
       }
-
       t.state.gis.setCenter(new google.maps.LatLng({
         lng: mgt[0],
         lat: mgt[1]
@@ -793,47 +653,42 @@ var Map = /*#__PURE__*/function (_React$Component) {
       t.setState({
         center: mgt
       });
-    } //设置地图比例尺
-
+    }
+    //设置地图比例尺
   }, {
     key: "setZoomLevel",
     value: function setZoomLevel(zoom) {
       var t = this;
       var z = t.getZoomLevel();
-
       if (z == zoom) {
         return false;
       }
-
       t.state.gis.setZoom(zoom);
-    } //清空地图所有图元
-
+    }
+    //清空地图所有图元
   }, {
     key: "clearAll",
     value: function clearAll() {
-      var t = this; //清空热力图
-
+      var t = this;
+      //清空热力图
       if (t.heatmap) {
         t.heatmap.setMap(null);
       }
-
-      t.heatmap = null; //先清除所有标记
-
+      t.heatmap = null;
+      //先清除所有标记
       if (t.clusterIdList.length) {
         t.clearClusters();
       }
-
-      t.clearAllPointCollection(); //清空点
-
+      t.clearAllPointCollection();
+      //清空点
       for (var i in t.GM.allGraphics) {
         if (t.GM.allGraphics[i]) {
           t.GM.allGraphics[i].setMap(null);
         }
-      } //清空缓存数据
-
-
-      t.GM.clearAll(); //清空历史数据记录
-
+      }
+      //清空缓存数据
+      t.GM.clearAll();
+      //清空历史数据记录
       t.setState({
         pointIds: [],
         lineIds: [],
@@ -848,32 +703,27 @@ var Map = /*#__PURE__*/function (_React$Component) {
           rectangle: []
         }
       });
-    } //图元功能处理方法
+    }
+    //图元功能处理方法
     //新增点位
-
   }, {
     key: "addPoint",
     value: function addPoint(mapPoints, type) {
       var _this2 = this;
-
       var t = this;
-
       var psids = _toConsumableArray(t.state.pointIds);
-
       var apf = function apf() {
         mapPoints.map(function (item, index) {
           //如果id重复,直接跳过不执行.
           if (_this2.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;
           }
-
           var cg = {
             width: 30,
             height: 30,
@@ -887,7 +737,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
             markerContentY: -30,
             deg: 0
           };
-
           if (item.markerContent) {
             cg = _objectSpread(_objectSpread({}, cg), {}, {
               markerContentX: 0,
@@ -895,19 +744,16 @@ var Map = /*#__PURE__*/function (_React$Component) {
               width: 100,
               height: 30
             });
-          } //初始化默认数据
-
-
+          }
+          //初始化默认数据
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
           }
-
           var position = new t.omap.LatLng({
             lng: item.longitude,
             lat: item.latitude
           });
           var marker = null;
-
           if (item.markerContent) {
             /*自定义html加点
              用Label来实现,无法再添加label(高德有判断,实现不同)*/
@@ -925,17 +771,15 @@ var Map = /*#__PURE__*/function (_React$Component) {
             // //添加label
             if (item.canShowLabel && cg.labelContent) {
               //label默认样式
-              var labelClass = 'label-content'; //接受label自定义样式
-
+              var labelClass = 'label-content';
+              //接受label自定义样式
               if (item.labelClass) {
                 labelClass = item.labelClass.split(',').join(' ');
               }
-
               var label = new t.MyLabel(t.state.gis, {
                 isLabel: true,
                 labelClass: labelClass,
                 labelContent: cg.labelContent,
-
                 /*
                     为和百度等地图相同的参数  加上g.markerContentY值
                     label是使用OverlayView手动实现,与marker没有关联的原因
@@ -945,13 +789,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   y: cg.labelPixelY + cg.markerContentY
                 }
               });
-              label.setPosition(position); //缓存
-
+              label.setPosition(position);
+              //缓存
               t.GM.setGraphic("".concat(item.id, "_vtxoMap_label"), label);
             }
-
-            var iconUrl = ''; // 360deg 不需要旋转
-
+            var iconUrl = '';
+            // 360deg 不需要旋转
             if (parseFloat(cg.deg) % 360 != 0) {
               iconUrl = new _MapToolFunction.RotateIcon({
                 url: item.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"),
@@ -959,7 +802,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 height: cg.height
               });
             }
-
             var icon = {
               anchor: {
                 x: -cg.markerContentX,
@@ -972,30 +814,26 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 x: cg.labelPixelX,
                 y: cg.labelPixelY
               }
-            }; //添加点到地图
-
+            };
+            //添加点到地图
             marker = new t.omap.Marker({
               icon: icon,
               position: position,
               map: t.state.gis
             });
-
             if (item.canShowLabel && cg.labelContent) {
               marker.ishaveLabel = true;
             }
           }
-
           if (cg.zIndex || cg.zIndex === 0) {
             marker.setZIndex(cg.zIndex);
           }
-
           if (!item.markerContent && cg.BAnimationType == 0) {
             marker.setAnimation(google.maps.Animation.BOUNCE);
           } else if (!item.markerContent && cg.BAnimationType == 1) {
             marker.setAnimation(google.maps.Animation.DROP);
-          } //点击事件
-
-
+          }
+          //点击事件
           var mClick = marker.addListener('click', function (e) {
             //避免鼠标在图元上 测距工具不起作用
             if (t.rangingTool.isRanging) {
@@ -1003,18 +841,18 @@ var Map = /*#__PURE__*/function (_React$Component) {
             } else {
               t.clickGraphic(item.id, e);
             }
-          }); //鼠标移入事件
-
+          });
+          //鼠标移入事件
           var mMouseover = marker.addListener('mouseover', function (e) {
             t.mouseOverGraphic(item.id, e);
-          }); //鼠标移出事件
-
+          });
+          //鼠标移出事件
           var mMouseout = marker.addListener('mouseout', function (e) {
             t.mouseOutGraphic(item.id, e);
-          }); //缓存所有点的id
-
-          psids.push(item.id); //缓存当前点的图元对象和基本数据
-
+          });
+          //缓存所有点的id
+          psids.push(item.id);
+          //缓存当前点的图元对象和基本数据
           t.GM.setGraphic(item.id, marker).setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
@@ -1031,16 +869,15 @@ var Map = /*#__PURE__*/function (_React$Component) {
             mouseout: mMouseout
           });
         });
-
         if (type !== 'defined') {
           //所有点缓存在state中
-          t.state.pointIds = psids; // t.setState({
+          t.state.pointIds = psids;
+          // t.setState({
           //     pointIds: psids
           // });
         }
-      }; //内部 不需要旋转图标的处理方式
-
-
+      };
+      //内部 不需要旋转图标的处理方式
       if (type == 'nodeg') {
         apf();
       } else {
@@ -1053,21 +890,19 @@ var Map = /*#__PURE__*/function (_React$Component) {
             t.cacheImg.appendChild(i);
             t.cacheImgRecord[item.url] = true;
           }
-        }); //定时等待 图片缓存,点位旋转功能需要
-
+        });
+        //定时等待 图片缓存,点位旋转功能需要
         t.addPsTimer = setTimeout(function () {
           apf();
         }, 200);
       }
-    } //更新点位
-
+    }
+    //更新点位
   }, {
     key: "updatePoint",
     value: function updatePoint(mapPoints, type) {
       var _this3 = this;
-
       var t = this;
-
       var upf = function upf() {
         mapPoints.map(function (item, index) {
           //判断图元是否存在.
@@ -1076,20 +911,17 @@ var Map = /*#__PURE__*/function (_React$Component) {
             if (!item.longitude || !item.latitude) {
               console.warn("\u70B9 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
               return false;
-            } //获取原有的图元 和 对应的label
-
-
+            }
+            //获取原有的图元 和 对应的label
             var gc = t.GM.getGraphic(item.id),
-                gc_label = t.GM.getGraphic("".concat(item.id, "_vtxoMap_label")); //更新前删除聚合
-
+              gc_label = t.GM.getGraphic("".concat(item.id, "_vtxoMap_label"));
+            //更新前删除聚合
             if (t.clusterIdList.indexOf(item.id) > -1) {
               t._cluster.removeMarker(gc);
-
               if (gc_label) {
                 t._cluster.removeMarker(gc_label);
               }
             }
-
             var cg = {
               width: 30,
               height: 30,
@@ -1103,7 +935,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
               markerContentY: -30,
               deg: 0
             };
-
             if (item.markerContent) {
               cg = _objectSpread(_objectSpread({}, cg), {}, {
                 markerContentX: 0,
@@ -1112,18 +943,16 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 height: 30
               });
             }
-
             if (item.config) {
               cg = _objectSpread(_objectSpread({}, cg), item.config);
-            } //新旧经纬度  旧经纬度配合moveTo使用
-
-
+            }
+            //新旧经纬度  旧经纬度配合moveTo使用
             var position = new t.omap.LatLng({
               lng: item.longitude,
               lat: item.latitude
             });
-            var oldPosition = gc.getPosition(); //前后点位类型都是markerContent
-
+            var oldPosition = gc.getPosition();
+            //前后点位类型都是markerContent
             if (gc.isMarkerContent && gc.isMarkerContent() && item.markerContent) {
               /*
                 自定义html加点
@@ -1143,11 +972,11 @@ var Map = /*#__PURE__*/function (_React$Component) {
               //清除事件
               gc.removeListener('click');
               gc.removeListener('mouseover');
-              gc.removeListener('mouseout'); //删除原点位
-
+              gc.removeListener('mouseout');
+              //删除原点位
               gc.setMap(null);
-              var iconUrl = ''; // 360deg 不需要旋转
-
+              var iconUrl = '';
+              // 360deg 不需要旋转
               if (parseFloat(cg.deg) % 360 != 0) {
                 iconUrl = new _MapToolFunction.RotateIcon({
                   url: item.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"),
@@ -1155,7 +984,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   height: cg.height
                 });
               }
-
               var icon = {
                 anchor: {
                   x: -cg.markerContentX,
@@ -1168,33 +996,29 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   x: cg.labelPixelX,
                   y: cg.labelPixelY
                 }
-              }; //重新加载点位
-
+              };
+              //重新加载点位
               gc = new t.omap.Marker({
                 icon: icon,
                 position: oldPosition,
                 map: t.state.gis
-              }); //切换 图元对象缓存
-
+              });
+              //切换 图元对象缓存
               t.GM.setGraphic(item.id, gc);
-
               if (item.canShowLabel && cg.labelContent) {
                 //label默认样式
-                var labelClass = 'label-content'; //接受label自定义样式
-
+                var labelClass = 'label-content';
+                //接受label自定义样式
                 if (item.labelClass) {
                   labelClass = item.labelClass.split(',').join(' ');
                 }
-
                 if (!gc_label) {
                   gc_label = new t.MyLabel();
                   t.GM.setGraphic("".concat(item.id, "_vtxoMap_label"), gc_label);
                 }
-
                 gc_label.setOptions({
                   labelClass: labelClass,
                   labelContent: cg.labelContent,
-
                   /*
                       为和百度等地图相同的参数  加上g.markerContentY值
                       label是使用OverlayView手动实现,与marker没有关联的原因
@@ -1205,9 +1029,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   }
                 });
                 gc.ishaveLabel = true;
-              } //点击事件
-
-
+              }
+              //点击事件
               var mClick = gc.addListener('click', function (e) {
                 //避免鼠标在图元上 测距工具不起作用
                 if (t.rangingTool.isRanging) {
@@ -1215,12 +1038,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 } else {
                   t.clickGraphic(item.id, e);
                 }
-              }); //鼠标移入事件
-
+              });
+              //鼠标移入事件
               var mMouseover = gc.addListener('mouseover', function (e) {
                 t.mouseOverGraphic(item.id, e);
-              }); //鼠标移出事件
-
+              });
+              //鼠标移出事件
               var mMouseout = gc.addListener('mouseout', function (e) {
                 t.mouseOutGraphic(item.id, e);
               });
@@ -1235,24 +1058,20 @@ var Map = /*#__PURE__*/function (_React$Component) {
               if (t.GM.getGraphicParam("".concat(item.id, "_omap_event")).click) {
                 t.GM.getGraphicParam("".concat(item.id, "_omap_event")).click.remove();
               }
-
               if (t.GM.getGraphicParam("".concat(item.id, "_omap_event")).mouseover) {
                 t.GM.getGraphicParam("".concat(item.id, "_omap_event")).mouseover.remove();
               }
-
               if (t.GM.getGraphicParam("".concat(item.id, "_omap_event")).mouseout) {
                 t.GM.getGraphicParam("".concat(item.id, "_omap_event")).mouseout.remove();
-              } //删除原点位
-
-
-              gc.setMap(null); //存在 label点位 直接删除
-
+              }
+              //删除原点位
+              gc.setMap(null);
+              //存在 label点位 直接删除
               if (gc_label) {
                 gc_label.setMap(null);
                 t.GM.removeGraphic("".concat(item.id, "_vtxoMap_label"));
-              } //重新加载点位 (原有位置加载,配合moveTo方法使用)
-
-
+              }
+              //重新加载点位 (原有位置加载,配合moveTo方法使用)
               gc = new t.MyLabel(t.state.gis, {
                 labelContent: item.markerContent,
                 labelOffset: {
@@ -1260,10 +1079,10 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   y: cg.markerContentY
                 }
               });
-              gc.setPosition(oldPosition); //切换 图元对象缓存
-
-              t.GM.setGraphic(item.id, gc); //点击事件
-
+              gc.setPosition(oldPosition);
+              //切换 图元对象缓存
+              t.GM.setGraphic(item.id, gc);
+              //点击事件
               var _mClick = gc.addListener('click', function (e) {
                 //避免鼠标在图元上 测距工具不起作用
                 if (t.rangingTool.isRanging) {
@@ -1271,35 +1090,31 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 } else {
                   t.clickGraphic(item.id, e);
                 }
-              }); //鼠标移入事件
-
-
+              });
+              //鼠标移入事件
               var _mMouseover = gc.addListener('mouseover', function (e) {
                 t.mouseOverGraphic(item.id, e);
-              }); //鼠标移出事件
-
-
+              });
+              //鼠标移出事件
               var _mMouseout = gc.addListener('mouseout', function (e) {
                 t.mouseOutGraphic(item.id, e);
               });
-
               t.GM.setGraphicParam("".concat(item.id, "_omap_event"), {
                 click: _mClick,
                 mouseover: _mMouseover,
                 mouseout: _mMouseout
               });
             } else {
-              var _iconUrl = ''; // 360deg 不需要旋转
-
+              var _iconUrl = '';
+              // 360deg 不需要旋转
               if (parseFloat(cg.deg) % 360 != 0) {
                 _iconUrl = new _MapToolFunction.RotateIcon({
                   url: item.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png"),
                   width: cg.width,
                   height: cg.height
                 });
-              } //前后点位类型都是marker-url
-
-
+              }
+              //前后点位类型都是marker-url
               var _icon = {
                 anchor: {
                   x: -cg.markerContentX,
@@ -1314,24 +1129,20 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 }
               };
               gc.setIcon(_icon);
-
               if (item.canShowLabel && cg.labelContent) {
                 //label默认样式
-                var _labelClass = 'label-content'; //接受label自定义样式
-
+                var _labelClass = 'label-content';
+                //接受label自定义样式
                 if (item.labelClass) {
                   _labelClass = item.labelClass.split(',').join(' ');
                 }
-
                 if (!gc_label) {
                   gc_label = new t.MyLabel();
                   t.GM.setGraphic("".concat(item.id, "_vtxoMap_label"), gc_label);
                 }
-
                 gc_label.setOptions({
                   labelClass: _labelClass,
                   labelContent: cg.labelContent,
-
                   /*
                       为和百度等地图相同的参数  加上g.markerContentY值
                       label是使用OverlayView手动实现,与marker没有关联的原因
@@ -1344,7 +1155,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 gc.ishaveLabel = true;
               }
             }
-
             if (!item.markerContent && cg.BAnimationType == 0) {
               gc.setAnimation(google.maps.Animation.BOUNCE);
             } else if (!item.markerContent && cg.BAnimationType == 1) {
@@ -1352,23 +1162,18 @@ var Map = /*#__PURE__*/function (_React$Component) {
             }
             /*moveTo*/
             //动画效果会延迟执行经纬度的切换
-
-
             if (cg.isAnimation) {
               t.moveTo(item.id, [item.longitude, item.latitude], cg.animationDelay, cg.autoRotation, item.url, item.urlleft);
             } else {
               if (gc_label) {
                 gc_label.setPosition(position);
-              } //修改经纬度
-
-
+              }
+              //修改经纬度
               gc.setPosition(position);
             }
-
             if (cg.zIndex || cg.zIndex === 0) {
               gc.setZIndex(cg.zIndex);
             }
-
             t.GM.setGraphicParam(item.id, {
               attributes: _objectSpread(_objectSpread({}, item), {}, {
                 other: item
@@ -1386,9 +1191,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
         t.moveAnimation();
-      }; //内部 不需要旋转图标的处理方式
-
-
+      };
+      //内部 不需要旋转图标的处理方式
       if (type == 'nodeg') {
         upf();
       } else {
@@ -1401,59 +1205,51 @@ var Map = /*#__PURE__*/function (_React$Component) {
             t.cacheImg.appendChild(i);
             t.cacheImgRecord[item.url] = true;
           }
-
           if (item.urlleft && !t.cacheImgRecord[item.urlleft]) {
             var _i = new Image();
-
             _i.src = item.urlleft;
             t.cacheImg.appendChild(_i);
             t.cacheImgRecord[item.urlleft] = true;
           }
-        }); // 定时等待 图片缓存,点位旋转功能需要
-
+        });
+        // 定时等待 图片缓存,点位旋转功能需要
         t.upPsTimer = setTimeout(function () {
           upf();
         }, 200);
       }
-    } //添加线
-
+    }
+    //添加线
   }, {
     key: "addLine",
     value: function addLine(mapLines, type) {
       var t = this;
-
-      var lsids = _toConsumableArray(t.state.lineIds); //遍历添加线(图元)
-
-
+      var lsids = _toConsumableArray(t.state.lineIds);
+      //遍历添加线(图元)
       mapLines.map(function (item, index) {
         //如果id重复,直接跳过不执行.
         if (t.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;
-        } //初始化默认参数
-
-
+        }
+        //初始化默认参数
         var cg = {
           color: '#277ffa',
           pellucidity: 0.9,
           lineWidth: 5,
           lineType: 'solid',
           isHidden: false
-        }; //合并参数
-
+        };
+        //合并参数
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
-        } // 线样式
-
-
+        }
+        // 线样式
         var icons = [];
-
         if (cg.lineType == 'dashed') {
           var lineSymbol = {
             path: 'M 0,-1 0,1',
@@ -1465,40 +1261,38 @@ var Map = /*#__PURE__*/function (_React$Component) {
             offset: '0',
             repeat: '20px'
           }];
-        } //处理线的点数组
-
-
+        }
+        //处理线的点数组
         var linePath = item.paths.map(function (item, index) {
-          return new google.maps.LatLng({
-            lng: item[0],
-            lat: item[1]
-          });
-        }),
-            //处理线的参数
-        lineOption = {
-          strokeColor: cg.color,
-          // 线颜色
-          strokeWeight: cg.lineWidth,
-          // 线宽
-          strokeOpacity: cg.lineType == 'dashed' ? 0 : cg.pellucidity,
-          // 线透明度
-          icons: icons
-        }; //创建线对象
-
+            return new google.maps.LatLng({
+              lng: item[0],
+              lat: item[1]
+            });
+          }),
+          //处理线的参数
+          lineOption = {
+            strokeColor: cg.color,
+            // 线颜色
+            strokeWeight: cg.lineWidth,
+            // 线宽
+            strokeOpacity: cg.lineType == 'dashed' ? 0 : cg.pellucidity,
+            // 线透明度
+            icons: icons
+          };
+        //创建线对象
         var line = new google.maps.Polyline(_objectSpread(_objectSpread({}, lineOption), {}, {
           path: linePath
-        })); //判断线显示和隐藏
-
+        }));
+        //判断线显示和隐藏
         if (cg.isHidden) {
           line.setVisible(false);
         } else {
           line.setVisible(true);
         }
-
-        lsids.push(item.id); //添加线至地图
-
-        line.setMap(t.state.gis); //点击事件
-
+        lsids.push(item.id);
+        //添加线至地图
+        line.setMap(t.state.gis);
+        //点击事件
         var mClick = line.addListener('click', function (e) {
           //避免鼠标在图元上 测距工具不起作用
           if (t.rangingTool.isRanging) {
@@ -1506,12 +1300,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
           } else {
             t.clickGraphic(item.id, e);
           }
-        }); //鼠标移入事件
-
+        });
+        //鼠标移入事件
         var mMouseover = line.addListener('mouseover', function (e) {
           t.mouseOverGraphic(item.id, e);
-        }); //鼠标移出事件
-
+        });
+        //鼠标移出事件
         var mMouseout = line.addListener('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
         });
@@ -1531,19 +1325,19 @@ var Map = /*#__PURE__*/function (_React$Component) {
           mouseout: mMouseout
         });
       });
-
       if (type !== 'defined') {
-        t.state.lineIds = lsids; // t.setState({
+        t.state.lineIds = lsids;
+        // t.setState({
         //     lineIds: lsids
         // });
       }
-    } //更新线
-
+    }
+    //更新线
   }, {
     key: "updateLine",
     value: function updateLine(mapLines) {
-      var t = this; //遍历添加线(图元)
-
+      var t = this;
+      //遍历添加线(图元)
       mapLines.map(function (item, index) {
         //判断图元是否存在.
         if (t.GM.isRepetition(item.id)) {
@@ -1556,9 +1350,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           console.warn("\u66F4\u65B0\u7684\u591A\u6298\u7EBFid\u4E0D\u5B58\u5728!");
           return false;
         }
-
-        var gc = t.GM.getGraphic(item.id); //初始化默认参数
-
+        var gc = t.GM.getGraphic(item.id);
+        //初始化默认参数
         var cg = {
           color: '#277ffa',
           pellucidity: 0.9,
@@ -1566,15 +1359,13 @@ var Map = /*#__PURE__*/function (_React$Component) {
           lineType: 'solid',
           //'solid'  'dashed'
           isHidden: false
-        }; //合并参数
-
+        };
+        //合并参数
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
-        } // 线样式
-
-
+        }
+        // 线样式
         var icons = [];
-
         if (cg.lineType == 'dashed') {
           var lineSymbol = {
             path: 'M 0,-1 0,1',
@@ -1586,36 +1377,34 @@ var Map = /*#__PURE__*/function (_React$Component) {
             offset: '0',
             repeat: '20px'
           }];
-        } //处理线的点数组
-
-
+        }
+        //处理线的点数组
         var linePath = item.paths.map(function (item, index) {
-          return new google.maps.LatLng({
-            lng: item[0],
-            lat: item[1]
-          });
-        }),
-            //处理线的参数
-        lineOption = {
-          strokeColor: cg.color,
-          // 线颜色
-          strokeWeight: cg.lineWidth,
-          // 线宽
-          strokeOpacity: cg.lineType == 'dashed' ? 0 : cg.pellucidity,
-          // 线透明度
-          icons: icons
-        }; //修改线点位数据
-
-        gc.setPath(linePath); //修改线配置
-
-        gc.setOptions(lineOption); //判断线显示和隐藏
-
+            return new google.maps.LatLng({
+              lng: item[0],
+              lat: item[1]
+            });
+          }),
+          //处理线的参数
+          lineOption = {
+            strokeColor: cg.color,
+            // 线颜色
+            strokeWeight: cg.lineWidth,
+            // 线宽
+            strokeOpacity: cg.lineType == 'dashed' ? 0 : cg.pellucidity,
+            // 线透明度
+            icons: icons
+          };
+        //修改线点位数据
+        gc.setPath(linePath);
+        //修改线配置
+        gc.setOptions(lineOption);
+        //判断线显示和隐藏
         if (cg.isHidden) {
           gc.setVisible(false);
         } else {
           gc.setVisible(true);
         }
-
         t.GM.setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             paths: item.paths,
@@ -1628,66 +1417,60 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
       });
-    } //添加面
-
+    }
+    //添加面
   }, {
     key: "addPolygon",
     value: function addPolygon(mapPolygons) {
       var t = this;
-
-      var pgsids = _toConsumableArray(t.state.polygonIds); //遍历添加面(图元)
-
-
+      var pgsids = _toConsumableArray(t.state.polygonIds);
+      //遍历添加面(图元)
       mapPolygons.map(function (item, index) {
         //如果id重复,直接跳过不执行.
         if (t.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;
-        } //初始化参数
-
-
+        }
+        //初始化参数
         var cg = {
           lineType: 'solid',
           lineWidth: 5,
           lineColor: '#277ffa',
           lineOpacity: 1,
           color: '#fff',
-          pellucidity: 0.5 // isHidden: false  //后期需要再加
-
+          pellucidity: 0.5
+          // isHidden: false  //后期需要再加
         };
-
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
-        } //面的参数
-
-
+        }
+        //面的参数
         var polygonOption = {
-          strokeColor: cg.lineColor,
-          strokeOpacity: cg.lineOpacity,
-          strokeWeight: cg.lineWidth,
-          strokeStyle: cg.lineType,
-          fillColor: cg.color,
-          fillOpacity: cg.pellucidity
-        },
-            polygonPath = item.rings.map(function (item, index) {
-          return new google.maps.LatLng({
-            lng: item[0],
-            lat: item[1]
+            strokeColor: cg.lineColor,
+            strokeOpacity: cg.lineOpacity,
+            strokeWeight: cg.lineWidth,
+            strokeStyle: cg.lineType,
+            fillColor: cg.color,
+            fillOpacity: cg.pellucidity
+          },
+          polygonPath = item.rings.map(function (item, index) {
+            return new google.maps.LatLng({
+              lng: item[0],
+              lat: item[1]
+            });
           });
-        }); //创建面对象
-
+        //创建面对象
         var polygon = new google.maps.Polygon(_objectSpread(_objectSpread({}, polygonOption), {}, {
           paths: polygonPath
-        })); //添加面至地图
-
-        polygon.setMap(t.state.gis); //点击事件
-
+        }));
+        //添加面至地图
+        polygon.setMap(t.state.gis);
+        //点击事件
         var mClick = polygon.addListener('click', function (e) {
           //避免鼠标在图元上 测距工具不起作用
           if (t.rangingTool.isRanging) {
@@ -1695,18 +1478,18 @@ var Map = /*#__PURE__*/function (_React$Component) {
           } else {
             t.clickGraphic(item.id, e);
           }
-        }); //鼠标移入事件
-
+        });
+        //鼠标移入事件
         var mMouseover = polygon.addListener('mouseover', function (e) {
           t.mouseOverGraphic(item.id, e);
-        }); //鼠标移出事件
-
+        });
+        //鼠标移出事件
         var mMouseout = polygon.addListener('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
-        }); //缓存面id
-
-        pgsids.push(item.id); //缓存面图元对象和对于传入数据
-
+        });
+        //缓存面id
+        pgsids.push(item.id);
+        //缓存面图元对象和对于传入数据
         t.GM.setGraphic(item.id, polygon).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             rings: item.rings,
@@ -1723,11 +1506,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
           mouseout: mMouseout
         });
       });
-      t.state.polygonIds = pgsids; // t.setState({
+      t.state.polygonIds = pgsids;
+      // t.setState({
       //     polygonIds: pgsids
       // });
-    } //更新面
-
+    }
+    //更新面
   }, {
     key: "updatePolygon",
     value: function updatePolygon(mapPolygons) {
@@ -1739,43 +1523,40 @@ var Map = /*#__PURE__*/function (_React$Component) {
           if (!(item.rings && item.rings.length >= 3)) {
             console.warn("\u591A\u8FB9\u5F62rings\u6570\u636E\u9519\u8BEF");
             return false;
-          } //获取原有的图元
-
-
-          var gc = t.GM.getGraphic(item.id); //初始化参数
-
+          }
+          //获取原有的图元
+          var gc = t.GM.getGraphic(item.id);
+          //初始化参数
           var cg = {
             lineType: 'solid',
             lineWidth: 5,
             lineColor: '#277ffa',
             lineOpacity: 1,
             color: '#fff',
-            pellucidity: 0.5 // isHidden: false  //后期需要再加
-
+            pellucidity: 0.5
+            // isHidden: false  //后期需要再加
           };
-
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
-          } //面的参数
-
-
+          }
+          //面的参数
           var polygonOption = {
-            strokeColor: cg.lineColor,
-            strokeOpacity: cg.lineOpacity,
-            strokeWeight: cg.lineWidth,
-            strokeStyle: cg.lineType,
-            fillColor: cg.color,
-            fillOpacity: cg.pellucidity
-          },
-              polygonPath = item.rings.map(function (item, index) {
-            return new google.maps.LatLng({
-              lng: item[0],
-              lat: item[1]
+              strokeColor: cg.lineColor,
+              strokeOpacity: cg.lineOpacity,
+              strokeWeight: cg.lineWidth,
+              strokeStyle: cg.lineType,
+              fillColor: cg.color,
+              fillOpacity: cg.pellucidity
+            },
+            polygonPath = item.rings.map(function (item, index) {
+              return new google.maps.LatLng({
+                lng: item[0],
+                lat: item[1]
+              });
             });
-          }); //更新经纬度
-
-          gc.setPath(polygonPath); //更新 多边形 参数
-
+          //更新经纬度
+          gc.setPath(polygonPath);
+          //更新 多边形 参数
           gc.setOptions(polygonOption);
           t.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
@@ -1793,63 +1574,57 @@ var Map = /*#__PURE__*/function (_React$Component) {
           return false;
         }
       });
-    } //添加圆  circle
-
+    }
+    //添加圆  circle
   }, {
     key: "addCircle",
     value: function addCircle(mapCircles) {
       var t = this;
-
       var ccsids = _toConsumableArray(t.state.circleIds);
-
       mapCircles.map(function (item, index) {
         //如果id重复,直接跳过不执行.
         if (t.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;
         }
-
         var cg = {
           lineType: 'solid',
           lineWidth: 5,
           lineColor: '#277ffa',
           lineOpacity: 1,
           color: '#fff',
-          pellucidity: 0.5 // isHidden: false  //后期需要在加
-
+          pellucidity: 0.5
+          // isHidden: false  //后期需要在加
         };
-
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
-        } //初始化配置数据
-
-
+        }
+        //初始化配置数据
         var circleOption = {
-          strokeColor: cg.lineColor,
-          strokeOpacity: cg.lineOpacity,
-          strokeWeight: cg.lineWidth,
-          strokeStyle: cg.lineType,
-          fillColor: cg.color,
-          fillOpacity: cg.pellucidity
-        },
-            centerPoint = new google.maps.LatLng({
-          lng: item.longitude,
-          lat: item.latitude
-        }); //创建圆图元实例
-
+            strokeColor: cg.lineColor,
+            strokeOpacity: cg.lineOpacity,
+            strokeWeight: cg.lineWidth,
+            strokeStyle: cg.lineType,
+            fillColor: cg.color,
+            fillOpacity: cg.pellucidity
+          },
+          centerPoint = new google.maps.LatLng({
+            lng: item.longitude,
+            lat: item.latitude
+          });
+        //创建圆图元实例
         var circle = new google.maps.Circle(_objectSpread(_objectSpread({}, circleOption), {}, {
           radius: item.radius,
           center: centerPoint
-        })); //添加圆至地图
-
-        circle.setMap(t.state.gis); //点击事件
-
+        }));
+        //添加圆至地图
+        circle.setMap(t.state.gis);
+        //点击事件
         var mClick = circle.addListener('click', function (e) {
           //避免鼠标在图元上 测距工具不起作用
           if (t.rangingTool.isRanging) {
@@ -1857,17 +1632,17 @@ var Map = /*#__PURE__*/function (_React$Component) {
           } else {
             t.clickGraphic(item.id, e);
           }
-        }); //鼠标移入事件
-
+        });
+        //鼠标移入事件
         var mMouseover = circle.addListener('mouseover', function (e) {
           t.mouseOverGraphic(item.id, e);
-        }); //鼠标移出事件
-
+        });
+        //鼠标移出事件
         var mMouseout = circle.addListener('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
         });
-        ccsids.push(item.id); //缓存数据
-
+        ccsids.push(item.id);
+        //缓存数据
         t.GM.setGraphic(item.id, circle).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
@@ -1885,11 +1660,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
           mouseout: mMouseout
         });
       });
-      t.state.circleIds = ccsids; // t.setState({
+      t.state.circleIds = ccsids;
+      // t.setState({
       //     circleIds: ccsids
       // });
-    } //更新圆
-
+    }
+    //更新圆
   }, {
     key: "updateCircle",
     value: function updateCircle(mapCircles) {
@@ -1901,45 +1677,42 @@ var Map = /*#__PURE__*/function (_React$Component) {
           if (!item.longitude || !item.latitude) {
             console.warn("\u5706 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
             return false;
-          } //获取原有的图元
-
-
-          var gc = t.GM.getGraphic(item.id); //获取原有的面属性,转换key值
-
+          }
+          //获取原有的图元
+          var gc = t.GM.getGraphic(item.id);
+          //获取原有的面属性,转换key值
           var cg = {
             lineType: 'solid',
             lineWidth: 5,
             lineColor: '#277ffa',
             lineOpacity: 1,
             color: '#fff',
-            pellucidity: 0.5 // isHidden: false  //后期需要在加
-
+            pellucidity: 0.5
+            // isHidden: false  //后期需要在加
           };
-
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
-          } //初始化配置数据
-
-
+          }
+          //初始化配置数据
           var circleOption = {
-            strokeColor: cg.lineColor,
-            strokeOpacity: cg.lineOpacity,
-            strokeWeight: cg.lineWidth,
-            strokeStyle: cg.lineType,
-            fillColor: cg.color,
-            fillOpacity: cg.pellucidity
-          },
-              centerPoint = new google.maps.LatLng({
-            lng: item.longitude,
-            lat: item.latitude
-          }); //修改中心点
-
-          gc.setCenter(centerPoint); //修改半径
-
-          gc.setRadius(item.radius); //修改圆 参数
-
-          gc.setOptions(circleOption); //缓存图元的数据,便于后期操作
-
+              strokeColor: cg.lineColor,
+              strokeOpacity: cg.lineOpacity,
+              strokeWeight: cg.lineWidth,
+              strokeStyle: cg.lineType,
+              fillColor: cg.color,
+              fillOpacity: cg.pellucidity
+            },
+            centerPoint = new google.maps.LatLng({
+              lng: item.longitude,
+              lat: item.latitude
+            });
+          //修改中心点
+          gc.setCenter(centerPoint);
+          //修改半径
+          gc.setRadius(item.radius);
+          //修改圆 参数
+          gc.setOptions(circleOption);
+          //缓存图元的数据,便于后期操作
           t.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
@@ -1957,8 +1730,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           return false;
         }
       });
-    } //热力图
-
+    }
+    //热力图
   }, {
     key: "heatMapOverlay",
     value: function heatMapOverlay() {
@@ -1970,43 +1743,36 @@ var Map = /*#__PURE__*/function (_React$Component) {
         visible: true,
         opacity: 0.7
       };
-
       if (d.config) {
         cg = _objectSpread(_objectSpread({}, cg), d.config);
       }
-
       if (!t.heatmap) {
         t.heatmap = new google.maps.visualization.HeatmapLayer({
           map: t.state.gis
         });
       }
-
       var option = {
         radius: cg.radius,
         //百度是1-100,高德是0-1
-        opacity: cg.visible ? cg.opacity : 0 // maxIntensity: cg.max
-
+        opacity: cg.visible ? cg.opacity : 0
+        // maxIntensity: cg.max
       };
-
       if (cg.gradient) {
-        option.gradient = ['rgba(102,255, 0,0)']; //将gradient排序,与其他地图的热力图数据一致
-
+        option.gradient = ['rgba(102,255, 0,0)'];
+        //将gradient排序,与其他地图的热力图数据一致
         var sortArray = [];
-
         for (var i in cg.gradient) {
           sortArray.push({
             key: i,
             value: cg.gradient[i]
           });
         }
-
         option.gradient = [].concat(_toConsumableArray(option.gradient), _toConsumableArray(sortArray.sort(function (a, b) {
           return a.key > b.key;
         }).map(function (item) {
           return item.value;
         })));
       }
-
       t.heatmap.setOptions(option);
       t.heatmap.setData((d.data || []).map(function (item, index) {
         return new google.maps.LatLng({
@@ -2014,17 +1780,16 @@ var Map = /*#__PURE__*/function (_React$Component) {
           lat: item.lat
         });
       }));
-    } //添加海量点
-
+    }
+    //添加海量点
   }, {
     key: "addPointCollection",
     value: function addPointCollection() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var t = this; //处理海量点
-
+      var t = this;
+      //处理海量点
       var panes = t.canvasProjectionOverlay.getPanes(),
-          ftp = t.canvasProjectionOverlay.getProjection();
-
+        ftp = t.canvasProjectionOverlay.getProjection();
       if (panes) {
         if (!t.pointCollectionId) {
           t.pointCollectionId = "".concat(t.props.mapId, "_vtx_gmap_html_pointCollection");
@@ -2035,7 +1800,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
           divpc.id = t.pointCollectionId;
           panes.markerLayer.appendChild(divpc);
         }
-
         data.map(function (item, index) {
           var d = item || {};
           var points = (d.points || []).map(function (d, i) {
@@ -2062,20 +1826,18 @@ var Map = /*#__PURE__*/function (_React$Component) {
         if (t.addpointCollectionTimer) {
           clearTimeout(t.addpointCollectionTimer);
         }
-
         t.addpointCollectionTimer = setTimeout(function () {
           t.addPointCollection(data);
         }, 50);
       }
-    } //更新海量点
-
+    }
+    //更新海量点
   }, {
     key: "updatePointCollection",
     value: function updatePointCollection() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var t = this;
       var ftp = t.canvasProjectionOverlay.getProjection();
-
       if (ftp) {
         data.map(function (ds, ind) {
           t.morepoints.map(function (item, index) {
@@ -2100,13 +1862,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
         if (t.updatePointCollectionTimer) {
           clearTimeout(t.updatePointCollectionTimer);
         }
-
         t.updatePointCollectionTimer = setTimeout(function () {
           t.addPointCollection(data);
         }, 50);
       }
-    } //删除海量点
-
+    }
+    //删除海量点
   }, {
     key: "clearPointCollection",
     value: function clearPointCollection() {
@@ -2119,8 +1880,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
       });
-    } //删除全部海量点
-
+    }
+    //删除全部海量点
   }, {
     key: "clearAllPointCollection",
     value: function clearAllPointCollection() {
@@ -2128,139 +1889,115 @@ var Map = /*#__PURE__*/function (_React$Component) {
       t.morepoints.map(function (item, index) {
         item.value.clear();
       });
-    } //删除图元
-
+    }
+    //删除图元
   }, {
     key: "removeGraphic",
     value: function removeGraphic(id, type) {
       var t = this;
       var graphic = t.GM.getGraphic(id),
-          gc_label = t.GM.getGraphic("".concat(id, "_vtxoMap_label")); //删除点聚合效果
-
+        gc_label = t.GM.getGraphic("".concat(id, "_vtxoMap_label"));
+      //删除点聚合效果
       if (t.clusterIdList.indexOf(id) > -1) {
         t.removeCluster(id);
       }
-
       if (graphic) {
         //清除地图中图元
-        graphic.setMap(null); //清除对应id的图元数据缓存
-
+        graphic.setMap(null);
+        //清除对应id的图元数据缓存
         t.GM.removeGraphic(id);
       } else {
         return false;
-      } //删除点位label
-
-
+      }
+      //删除点位label
       if (gc_label) {
         gc_label.setMap(null);
         t.GM.removeGraphic("".concat(id, "_vtxoMap_label"));
       }
-
       for (var i = 0; i < t.movePoints.length; i++) {
         if (t.movePoints[i].id == id) {
           t.movePoints.splice(i, 1);
           continue;
         }
       }
-
       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);
       }
     }
     /*根据图元id,使图元变成可编辑状态*/
-
   }, {
     key: "doEdit",
     value: function doEdit(id) {
-      var t = this; //获取编辑点的图元和参数
-
+      var t = this;
+      //获取编辑点的图元和参数
       var graphic = t.GM.getGraphic(id),
-          gLabel = t.GM.getGraphic("".concat(id, "_vtxoMap_label")),
-          gtp = t.GM.getGraphicParam(id);
-      if (!graphic) return false; //关闭先前编辑的图元
-
+        gLabel = t.GM.getGraphic("".concat(id, "_vtxoMap_label")),
+        gtp = t.GM.getGraphicParam(id);
+      if (!graphic) return false;
+      //关闭先前编辑的图元
       if (!!t.state.editId) {
         t.endEdit();
       }
-
       if (!t.editGraphicChange) {
         //编辑变动后
         t.editGraphicChange = function (e) {
           var id = t.state.editId,
-              param = t.getGraphic(id),
-              obj = {
-            param: param,
-            e: e,
-            id: id,
-            geometry: param.geometry
-          };
-
+            param = t.getGraphic(id),
+            obj = {
+              param: param,
+              e: e,
+              id: id,
+              geometry: param.geometry
+            };
           if (param.geometry.type == 'polygon') {
             if (google.maps.geometry && google.maps.geometry.spherical) {
               obj.area = google.maps.geometry.spherical.computeArea(param.mapLayer.getPath().getArray());
@@ -2268,18 +2005,14 @@ var Map = /*#__PURE__*/function (_React$Component) {
               obj.area = 0;
             }
           }
-
           if (param.geometry.type == 'polyline') {
             obj.distance = t.calculateDistance(param.geometry.paths);
           }
-
           if (param.geometry.type == 'circle') {
             obj.area = Math.pow(param.geometry.radius, 2) * Math.PI;
-
             if (t.editTimeout) {
               clearTimeout(t.editTimeout);
             }
-
             t.editTimeout = setTimeout(function () {
               t.setState({
                 editGraphic: obj
@@ -2296,53 +2029,46 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         };
       }
-
       switch (gtp.geometryType) {
         case 'point':
           graphic.setDraggable(true);
-          t.editEvent['dragend'] = graphic.addListener("dragend", t.editGraphicChange); //判断是否是 markerContent  再判断是否有label
-
+          t.editEvent['dragend'] = graphic.addListener("dragend", t.editGraphicChange);
+          //判断是否是 markerContent  再判断是否有label
           if (!gtp.attributes.markerContent && gLabel) {
             //label事件对象  便于删除
             t.editPointLabel = graphic.addListener("drag", function (event) {
               gLabel.setPosition(event.latLng);
             });
           }
-
           break;
-
         case 'polyline':
         case 'polygon':
         case 'rectangle':
           graphic.setEditable(true);
           t.editEvent['mouseup'] = graphic.addListener("mouseup", t.editGraphicChange);
           break;
-
         case 'circle':
           graphic.setEditable(true);
           t.editEvent['center_changed'] = graphic.addListener("center_changed", t.editGraphicChange);
           t.editEvent['radius_changed'] = graphic.addListener("radius_changed", t.editGraphicChange);
           break;
       }
-
       t.setState({
         editId: id
       });
-    } //关闭编辑
-
+    }
+    //关闭编辑
   }, {
     key: "endEdit",
     value: function endEdit() {
-      var t = this; //获取编辑点的图元和参数
-
+      var t = this;
+      //获取编辑点的图元和参数
       var graphic = t.GM.getGraphic(t.state.editId);
       var gtp = t.GM.getGraphicParam(t.state.editId);
       if (!graphic) return false;
-
       switch (gtp.geometryType) {
         case 'point':
           graphic.setDraggable(false);
-
           if (graphic.removeListener) {
             graphic.removeListener("dragend", t.editGraphicChange);
           } else {
@@ -2351,34 +2077,27 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 t.editEvent[i].remove();
               }
             }
-
             if (t.editPointLabel) {
               t.editPointLabel.remove();
               t.editPointLabel = null;
             }
           }
-
           break;
-
         case 'polyline':
         case 'polygon':
         case 'rectangle':
         case 'circle':
           graphic.setEditable(false);
-
           for (var _i2 in t.editEvent) {
             if (t.editEvent[_i2]) {
               t.editEvent[_i2].remove();
             }
           }
-
           break;
-      } //事件缓存制空,避免异常
-
-
+      }
+      //事件缓存制空,避免异常
       t.editEvent = {};
       var editGraphic = t.state.editGraphic;
-
       if (editGraphic) {
         t.setState({
           editId: '',
@@ -2387,33 +2106,29 @@ var Map = /*#__PURE__*/function (_React$Component) {
           t.props.editGraphicChange(editGraphic);
         });
       }
-    } //绘制图元
-
+    }
+    //绘制图元
   }, {
     key: "draw",
     value: function draw(obj) {
       var t = this,
-          drawParam = {}; //先关闭(防止连点)
-
-      t._drawmanager.setDrawingMode(null); //初始化参数
-
-
+        drawParam = {};
+      //先关闭(防止连点)
+      t._drawmanager.setDrawingMode(null);
+      //初始化参数
       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数据
         t.removeGraphic(drawParam.data.id);
         t.state.drawIds[drawParam.geometryType].splice(len, 1);
       }
-
       var param = {};
       var paramgcr = {};
-
       if (drawParam.geometryType == 'polygon' || drawParam.geometryType == 'circle' || drawParam.geometryType == 'rectangle') {
         paramgcr.fillColor = drawParam.parameter.color;
         paramgcr.strokeColor = drawParam.parameter.lineColor;
@@ -2436,7 +2151,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
           type: drawParam.geometryType
         };
       }
-
       switch (drawParam.geometryType) {
         case 'point':
           var icon = {
@@ -2448,23 +2162,18 @@ var Map = /*#__PURE__*/function (_React$Component) {
             scaledSize: new t.omap.Size(drawParam.parameter.width || 30, drawParam.parameter.height || 30),
             url: drawParam.parameter.url || "".concat(_default2["default"].mapServerURL, "/images/defaultMarker.png")
           };
-
           t._drawmanager.setOptions({
             drawingControl: false,
             markerOptions: {
               icon: icon
             }
           });
-
           t._drawmanager.setDrawingMode('marker');
-
           t._drawmanagerEvent = t._drawmanager.addListener('markercomplete', function (e) {
             //清楚事件监听
-            t._drawmanagerEvent.remove(); //关闭绘制功能
-
-
+            t._drawmanagerEvent.remove();
+            //关闭绘制功能
             t._drawmanager.setDrawingMode(null);
-
             t.GM.setGraphic(drawParam.data.id, e);
             var backobj = {
               id: drawParam.data.id,
@@ -2483,8 +2192,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
               },
               geometryType: 'point',
               mapLayer: e
-            }; //点击事件
-
+            };
+            //点击事件
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2492,12 +2201,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
               } else {
                 t.clickGraphic(drawParam.data.id, e);
               }
-            }); //鼠标移入事件
-
+            });
+            //鼠标移入事件
             var mMouseover = e.addListener('mouseover', function (e) {
               t.mouseOverGraphic(drawParam.data.id, e);
-            }); //鼠标移出事件
-
+            });
+            //鼠标移出事件
             var mMouseout = e.addListener('mouseout', function (e) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
@@ -2506,32 +2215,25 @@ var Map = /*#__PURE__*/function (_React$Component) {
               mouseover: mMouseover,
               mouseout: mMouseout
             });
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
           });
           break;
-
         case 'polyline':
           param.strokeColor = drawParam.parameter.color;
           param.strokeOpacity = drawParam.parameter.pellucidity;
           param.strokeWeight = drawParam.parameter.lineWidth;
-
           t._drawmanager.setOptions({
             drawingControl: false,
             polylineOptions: param
           });
-
           t._drawmanager.setDrawingMode('polyline');
-
           t._drawmanagerEvent = t._drawmanager.addListener('polylinecomplete', function (e) {
             //清楚事件监听
-            t._drawmanagerEvent.remove(); //关闭绘制功能
-
-
+            t._drawmanagerEvent.remove();
+            //关闭绘制功能
             t._drawmanager.setDrawingMode(null);
-
             t.GM.setGraphic(drawParam.data.id, e);
             var paths = [];
             var lnglatAry = (e.getPath().getArray() || []).map(function (item, index) {
@@ -2563,8 +2265,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 paths: (0, _MapToolFunction.getMaxMin)(paths).path
               },
               lnglatAry: lnglatAry
-            }; //点击事件
-
+            };
+            //点击事件
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2572,12 +2274,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
               } else {
                 t.clickGraphic(drawParam.data.id, e);
               }
-            }); //鼠标移入事件
-
+            });
+            //鼠标移入事件
             var mMouseover = e.addListener('mouseover', function (e) {
               t.mouseOverGraphic(drawParam.data.id, e);
-            }); //鼠标移出事件
-
+            });
+            //鼠标移出事件
             var mMouseout = e.addListener('mouseout', function (e) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
@@ -2586,31 +2288,25 @@ var Map = /*#__PURE__*/function (_React$Component) {
               mouseover: mMouseover,
               mouseout: mMouseout
             });
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
           });
           break;
-
         case 'polygon':
           t._drawmanager.setOptions({
             drawingControl: false,
             polygonOptions: paramgcr
           });
-
           t._drawmanager.setDrawingMode('polygon');
-
           t._drawmanagerEvent = t._drawmanager.addListener('polygoncomplete', function (e) {
             //清楚事件监听
-            t._drawmanagerEvent.remove(); //关闭绘制功能
-
-
+            t._drawmanagerEvent.remove();
+            //关闭绘制功能
             t._drawmanager.setDrawingMode(null);
-
             t.GM.setGraphic(drawParam.data.id, e);
             var paths = [],
-                area = t.calculateArea(drawParam.data.id);
+              area = t.calculateArea(drawParam.data.id);
             var lnglatAry = (e.getPath().getArray() || []).map(function (item, index) {
               paths.push({
                 lng: item.lng(),
@@ -2644,8 +2340,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
               },
               lnglatAry: lnglatAry,
               area: area
-            }; //点击事件
-
+            };
+            //点击事件
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2653,12 +2349,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
               } else {
                 t.clickGraphic(drawParam.data.id, e);
               }
-            }); //鼠标移入事件
-
+            });
+            //鼠标移入事件
             var mMouseover = e.addListener('mouseover', function (e) {
               t.mouseOverGraphic(drawParam.data.id, e);
-            }); //鼠标移出事件
-
+            });
+            //鼠标移出事件
             var mMouseout = e.addListener('mouseout', function (e) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
@@ -2667,28 +2363,22 @@ var Map = /*#__PURE__*/function (_React$Component) {
               mouseover: mMouseover,
               mouseout: mMouseout
             });
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
           });
           break;
-
         case 'circle':
           t._drawmanager.setOptions({
             drawingControl: false,
             circleOptions: paramgcr
           });
-
           t._drawmanager.setDrawingMode('circle');
-
           t._drawmanagerEvent = t._drawmanager.addListener('circlecomplete', function (e) {
             //清楚事件监听
-            t._drawmanagerEvent.remove(); //关闭绘制功能
-
-
+            t._drawmanagerEvent.remove();
+            //关闭绘制功能
             t._drawmanager.setDrawingMode(null);
-
             t.GM.setGraphic(drawParam.data.id, e);
             var area = Math.PI * Math.pow(e.getRadius(), 2);
             var backobj = {
@@ -2713,8 +2403,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 area: area
               },
               area: area
-            }; //点击事件
-
+            };
+            //点击事件
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2722,12 +2412,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
               } else {
                 t.clickGraphic(drawParam.data.id, e);
               }
-            }); //鼠标移入事件
-
+            });
+            //鼠标移入事件
             var mMouseover = e.addListener('mouseover', function (e) {
               t.mouseOverGraphic(drawParam.data.id, e);
-            }); //鼠标移出事件
-
+            });
+            //鼠标移出事件
             var mMouseout = e.addListener('mouseout', function (e) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
@@ -2736,28 +2426,22 @@ var Map = /*#__PURE__*/function (_React$Component) {
               mouseover: mMouseover,
               mouseout: mMouseout
             });
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
           });
           break;
-
         case 'rectangle':
           t._drawmanager.setOptions({
             drawingControl: false,
             rectangleOptions: paramgcr
           });
-
           t._drawmanager.setDrawingMode('rectangle');
-
           t._drawmanagerEvent = t._drawmanager.addListener('rectanglecomplete', function (e) {
             //清楚事件监听
-            t._drawmanagerEvent.remove(); //关闭绘制功能
-
-
+            t._drawmanagerEvent.remove();
+            //关闭绘制功能
             t._drawmanager.setDrawingMode(null);
-
             t.GM.setGraphic(drawParam.data.id, e);
             var lnglatJson = e.getBounds().toJSON();
             var paths = [{
@@ -2803,8 +2487,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
               },
               lnglatAry: lnglatAry,
               area: area
-            }; //点击事件
-
+            };
+            //点击事件
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2812,12 +2496,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
               } else {
                 t.clickGraphic(drawParam.data.id, e);
               }
-            }); //鼠标移入事件
-
+            });
+            //鼠标移入事件
             var mMouseover = e.addListener('mouseover', function (e) {
               t.mouseOverGraphic(drawParam.data.id, e);
-            }); //鼠标移出事件
-
+            });
+            //鼠标移出事件
             var mMouseout = e.addListener('mouseout', function (e) {
               t.mouseOutGraphic(drawParam.data.id, e);
             });
@@ -2826,58 +2510,51 @@ var Map = /*#__PURE__*/function (_React$Component) {
               mouseover: mMouseover,
               mouseout: mMouseout
             });
-
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
           });
           break;
-      } //保存绘制图元的id便于后期比对
-
-
+      }
+      //保存绘制图元的id便于后期比对
       t.state.drawIds[drawParam.geometryType].push(drawParam.data.id);
-    } //关闭绘制图元
-
+    }
+    //关闭绘制图元
   }, {
     key: "closeDraw",
     value: function closeDraw() {
       var t = this;
-
       t._drawmanager.setDrawingMode(null);
     }
     /*
         事件处理
     */
     //点击图元事件
-
   }, {
     key: "clickGraphic",
     value: function clickGraphic(id, e) {
-      var t = this; //判断是否点击的测距关闭点位
-
+      var t = this;
+      //判断是否点击的测距关闭点位
       if (id && id.indexOf('vtx_g_rang_end') > -1) {
         var index = t.GM.getGraphicParam(id).attributes.index;
         var ls = t.rangingTools[index].line,
-            ps = t.rangingTools[index].points; //删除测距线
-
-        t.removeGraphic(ls.id, 'line'); //删除关闭点
-
-        t.removeGraphic(id, 'point'); //删除中间点
-
+          ps = t.rangingTools[index].points;
+        //删除测距线
+        t.removeGraphic(ls.id, 'line');
+        //删除关闭点
+        t.removeGraphic(id, 'point');
+        //删除中间点
         for (var i = 0; i < ps.length; i++) {
           t.removeGraphic(ps[i].id, 'point');
-        } //清除测距数据缓存
-
-
+        }
+        //清除测距数据缓存
         delete t.rangingTools[index];
       } else {
         if (id.indexOf('vtx_g_rang_') > -1) {
           return false;
-        } //编辑中的图元关闭其他事件返回
-
-
+        }
+        //编辑中的图元关闭其他事件返回
         if (t.state.editId == id) return false;
-
         if (typeof t.props.clickGraphic === "function") {
           var param = t.getGraphic(id);
           var obj = {
@@ -2896,20 +2573,18 @@ var Map = /*#__PURE__*/function (_React$Component) {
           t.props.clickGraphic(obj);
         }
       }
-    } //图元鼠标悬浮事件
-
+    }
+    //图元鼠标悬浮事件
   }, {
     key: "mouseOverGraphic",
     value: function mouseOverGraphic(id, e) {
-      var t = this; //编辑中的图元关闭其他事件返回
-
+      var t = this;
+      //编辑中的图元关闭其他事件返回
       if (t.state.editId == id) return false;
-
       if (typeof t.props.mouseOverGraphic === 'function') {
         if (id.indexOf('vtx_g_rang_') > -1) {
           return false;
         }
-
         var obj = {
           e: e,
           id: id,
@@ -2920,20 +2595,18 @@ var Map = /*#__PURE__*/function (_React$Component) {
         };
         t.props.mouseOverGraphic(obj);
       }
-    } //图元鼠标移开事件
-
+    }
+    //图元鼠标移开事件
   }, {
     key: "mouseOutGraphic",
     value: function mouseOutGraphic(id, e) {
-      var t = this; //编辑中的图元关闭其他事件返回
-
+      var t = this;
+      //编辑中的图元关闭其他事件返回
       if (t.state.editId == id) return false;
-
       if (typeof t.props.mouseOutGraphic === "function") {
         if (id.indexOf('vtx_g_rang_') > -1) {
           return false;
         }
-
         var obj = {
           e: e,
           id: id,
@@ -2949,73 +2622,65 @@ var Map = /*#__PURE__*/function (_React$Component) {
         地图服务功能
      */
     //开启路况
-
   }, {
     key: "openTrafficInfo",
     value: function openTrafficInfo() {
       var t = this;
-
       if (!t.trafficLayer) {
         t.trafficLayer = new google.maps.TrafficLayer();
       }
-
       t.trafficLayer.setMap(t.state.gis);
-    } //关闭路况
-
+    }
+    //关闭路况
   }, {
     key: "hideTrafficInfo",
     value: function hideTrafficInfo() {
       var t = this;
-
       if (t.trafficLayer) {
         t.trafficLayer.setMap(null);
       }
-    } //测距功能
-
+    }
+    //测距功能
   }, {
     key: "vtxRangingTool",
     value: function vtxRangingTool(mapRangingTool) {
       var t = this;
       var _t$state2 = t.state,
-          lineIds = _t$state2.lineIds,
-          polygonIds = _t$state2.polygonIds,
-          circleIds = _t$state2.circleIds;
+        lineIds = _t$state2.lineIds,
+        polygonIds = _t$state2.polygonIds,
+        circleIds = _t$state2.circleIds;
       var gids = [].concat(_toConsumableArray(lineIds), _toConsumableArray(polygonIds), _toConsumableArray(circleIds));
       t.state.gis.disableDoubleClickZoom = true;
-      t.state.gis.draggableCursor = 'crosshair'; //开启测距状态
-
+      t.state.gis.draggableCursor = 'crosshair';
+      //开启测距状态
       if (!t.rangingTool.isRanging) {
         t.rangingTool.isRanging = true;
-      } //初始测距回调
-
-
+      }
+      //初始测距回调
       if (!t.rangingTool.mapRangingTool) {
         t.rangingTool.mapRangingTool = mapRangingTool;
       }
-
       if (!t.rangingToolFun) {
         /*测距功能*/
         t.rangingToolFun = function (e, status) {
           var fun = function fun() {
             t.rangingTool.isDbclick = false;
-
             if (t.rangingTool.isRanging) {
               //测距开始
               //点击位置
               var ftp = t.canvasProjectionOverlay.getProjection(),
-                  lnglat = ftp.fromContainerPixelToLatLng(new google.maps.Point(e.va.x - t.mapLeft, e.va.y - t.mapTop)),
-                  lnlt = [lnglat.lng(), lnglat.lat()]; //2个点以上 计算长度
-
+                lnglat = ftp.fromContainerPixelToLatLng(new google.maps.Point(e.va.x - t.mapLeft, e.va.y - t.mapTop)),
+                lnlt = [lnglat.lng(), lnglat.lat()];
+              //2个点以上 计算长度
               if (t.rangingTool.points.length > 0) {
                 t.rangingTool.distance += t.calculatePointsDistance(lnlt, [t.rangingTool.points[t.rangingTool.points.length - 1].longitude, t.rangingTool.points[t.rangingTool.points.length - 1].latitude]);
               } else {
                 t.rangingTool.line.paths = [];
               }
-
-              t.rangingTool.line.paths.push([].concat(lnlt)); //处理距离展示
-
-              var distext = t.rangingTool.distance > 0 ? t.rangingTool.distance > 1000 ? "\u603B\u957F:".concat(Math.round(t.rangingTool.distance / 10) / 100, "\u516C\u91CC") : "\u603B\u957F:".concat(t.rangingTool.distance, "\u7C73") : '起点'; //加点
-
+              t.rangingTool.line.paths.push([].concat(lnlt));
+              //处理距离展示
+              var distext = t.rangingTool.distance > 0 ? t.rangingTool.distance > 1000 ? "\u603B\u957F:".concat(Math.round(t.rangingTool.distance / 10) / 100, "\u516C\u91CC") : "\u603B\u957F:".concat(t.rangingTool.distance, "\u7C73") : '起点';
+              //加点
               var point = {
                 id: t.rangingTool.points.length + 'vtx_g_rang_p' + Math.random(),
                 longitude: lnlt[0],
@@ -3025,12 +2690,11 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   markerContentX: -5.5,
                   markerContentY: -12.5
                 }
-              }; //用addpoint方法加点
-
-              t.addPoint([point]); //缓存点信息
-
+              };
+              //用addpoint方法加点
+              t.addPoint([point]);
+              //缓存点信息
               t.rangingTool.points.push(point);
-
               if (t.rangingTool.line.paths.length == 2) {
                 //加线
                 t.rangingTool.line = {
@@ -3047,12 +2711,11 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 t.updateLine([_objectSpread(_objectSpread({}, t.rangingTool.line), {}, {
                   paths: _toConsumableArray(t.rangingTool.line.paths)
                 })]);
-              } //双击 测距结束
-
-
+              }
+              //双击 测距结束
               if (status == 'dbl') {
-                var rangkey = new Date().getTime() + Math.random(); //加结束点
-
+                var rangkey = new Date().getTime() + Math.random();
+                //加结束点
                 var end = {
                   id: 'vtx_g_rang_end' + Math.random(),
                   longitude: lnlt[0],
@@ -3065,15 +2728,15 @@ var Map = /*#__PURE__*/function (_React$Component) {
                     markerContentY: -20
                   },
                   index: rangkey
-                }; //用addpoint方法加点
-
-                t.addPoint([end]); //删除提示框  
-
+                };
+                //用addpoint方法加点
+                t.addPoint([end]);
+                //删除提示框  
                 t.removeGraphic('vtx_g_rang_showRangTool', 'point');
-                t.removeGraphic('vtx_g_rang_showRangTool_line', 'line'); //缓存当前这一条测距数据
-
-                t.rangingTools[rangkey] = _objectSpread({}, t.rangingTool); //回调测距参数
-
+                t.removeGraphic('vtx_g_rang_showRangTool_line', 'line');
+                //缓存当前这一条测距数据
+                t.rangingTools[rangkey] = _objectSpread({}, t.rangingTool);
+                //回调测距参数
                 if (t.rangingTool.mapRangingTool) {
                   t.rangingTool.mapRangingTool({
                     distance: t.rangingTool.distance,
@@ -3083,7 +2746,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
               }
             }
           };
-
           if (status !== 'dbl') {
             //100毫秒内点击2次 则结束
             if (!t.rangingTool.isDbclick) {
@@ -3092,11 +2754,9 @@ var Map = /*#__PURE__*/function (_React$Component) {
               if (t.rangingTool.dbclickTimer) {
                 clearTimeout(t.rangingTool.dbclickTimer);
               }
-
               t.rangingTool.isDbclick = false;
               t.rangingToolEndFun(e);
             }
-
             t.rangingTool.dbclickTimer = setTimeout(function () {
               fun();
             }, 200);
@@ -3105,23 +2765,20 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         };
       }
-
       if (!t.rangingToolMoveFun) {
         t.rangingToolMoveFun = function (e) {
           //获取测距提示点位
-          var rp = _objectSpread({}, t.GM.getGraphicParam('vtx_g_rang_showRangTool').attributes); //删除多余数据,避免other层级太多
-
-
+          var rp = _objectSpread({}, t.GM.getGraphicParam('vtx_g_rang_showRangTool').attributes);
+          //删除多余数据,避免other层级太多
           delete rp.other;
           var rcontent = rp.markerContent;
-
           if (t.rangingTool.points.length > 0) {
-            var distance = t.calculatePointsDistance([e.latLng.lng(), e.latLng.lat()], [t.rangingTool.points[t.rangingTool.points.length - 1].longitude, t.rangingTool.points[t.rangingTool.points.length - 1].latitude], t.state.gis, t.grwkid); // 实时计算距离
-
+            var distance = t.calculatePointsDistance([e.latLng.lng(), e.latLng.lat()], [t.rangingTool.points[t.rangingTool.points.length - 1].longitude, t.rangingTool.points[t.rangingTool.points.length - 1].latitude], t.state.gis, t.grwkid);
+            // 实时计算距离
             distance += t.rangingTool.distance;
             var distext = distance > 1000 ? "\u603B\u957F:".concat(Math.round(distance / 10) / 100, "\u516C\u91CC") : "\u603B\u957F:".concat(distance, "\u7C73");
-            rcontent = "\n                        <div class='vtx-g-rang-showRangTool'>\n                            <div>".concat(distext, "</div>\n                            <div>\u5355\u51FB\u786E\u5B9A\u5730\u70B9,\u53CC\u51FB\u7ED3\u675F</div>\n                        </div>\n                    "); //测距移动的线
-
+            rcontent = "\n                        <div class='vtx-g-rang-showRangTool'>\n                            <div>".concat(distext, "</div>\n                            <div>\u5355\u51FB\u786E\u5B9A\u5730\u70B9,\u53CC\u51FB\u7ED3\u675F</div>\n                        </div>\n                    ");
+            //测距移动的线
             var sl = {
               id: 'vtx_g_rang_showRangTool_line',
               paths: [[t.rangingTool.points[t.rangingTool.points.length - 1].longitude, t.rangingTool.points[t.rangingTool.points.length - 1].latitude], [e.latLng.lng(), e.latLng.lat()]],
@@ -3132,7 +2789,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 pellucidity: 0.5
               }
             };
-
             if (!t.GM.getGraphic('vtx_g_rang_showRangTool_line')) {
               t.addLine([sl]);
               t.GM.getGraphic('vtx_g_rang_showRangTool_line').addListener('dblclick', function (e) {
@@ -3142,7 +2798,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
               t.updateLine([sl]);
             }
           }
-
           rp = _objectSpread(_objectSpread({}, rp), {}, {
             longitude: e.latLng.lng(),
             latitude: e.latLng.lat(),
@@ -3151,16 +2806,15 @@ var Map = /*#__PURE__*/function (_React$Component) {
           t.updatePoint([rp], 'nodeg');
         };
       }
-
       if (!t.rangingToolEndFun) {
         t.rangingToolEndFun = function (e) {
-          t.state.gis.disableDoubleClickZoom = false; //测距完结
-
+          t.state.gis.disableDoubleClickZoom = false;
+          //测距完结
           if (t.rangingTool.isRanging) {
             if (t.rangingTool.points.length > 0) {
               //处理点击和双击事件逻辑
-              t.rangingToolFun(e, 'dbl'); //回调测距参数
-
+              t.rangingToolFun(e, 'dbl');
+              //回调测距参数
               if (t.rangingTool.mapRangingTool) {
                 t.rangingTool.mapRangingTool({
                   distance: t.rangingTool.distance,
@@ -3170,15 +2824,13 @@ var Map = /*#__PURE__*/function (_React$Component) {
             } else {
               //删除提示框  
               t.removeGraphic('vtx_g_rang_showRangTool', 'point');
-            } //关闭监听事件
-
-
+            }
+            //关闭监听事件
             for (var i in t.rangingTool.eventList) {
               if (t.rangingTool.eventList[i]) {
                 t.rangingTool.eventList[i].remove();
               }
             }
-
             t.rangingTool = _objectSpread(_objectSpread({}, t.rangingTool), {}, {
               isRanging: false,
               //是否开启状态
@@ -3196,17 +2848,16 @@ var Map = /*#__PURE__*/function (_React$Component) {
             t.state.gis.draggableCursor = 'url("http://maps.gstatic.cn/mapfiles/openhand_8_8.cur"), default';
           }
         };
-      } //避免鼠标在图元上 测距工具不起作用
-
-
+      }
+      //避免鼠标在图元上 测距工具不起作用
       gids.forEach(function (item) {
         t.rangingTool.eventList[item] = t.GM.getGraphic(item).addListener('mousemove', function (e) {
           if (t.rangingTool.isRanging && t.rangingToolMoveFun) {
             t.rangingToolMoveFun(e);
           }
         });
-      }); //地图鼠标移入事件
-
+      });
+      //地图鼠标移入事件
       t.rangingTool.eventList['mouseover'] = t.state.gis.addListener('mouseover', function (e) {
         //鼠标移出地图时,删除测距显示点
         if (t.rangingTool.isRanging) {
@@ -3222,61 +2873,57 @@ var Map = /*#__PURE__*/function (_React$Component) {
           };
           t.addPoint([rp], 'nodeg');
         }
-      }); //地图鼠标移出事件
-
+      });
+      //地图鼠标移出事件
       t.rangingTool.eventList['mouseout'] = t.state.gis.addListener('mouseout', function (e) {
         //鼠标移出地图时,删除测距显示点
         if (t.rangingTool.isRanging) {
           t.removeGraphic('vtx_g_rang_showRangTool', 'point');
         }
-      }); //地图鼠标移动事件
-
+      });
+      //地图鼠标移动事件
       t.rangingTool.eventList['mousemove'] = t.state.gis.addListener('mousemove', function (e) {
         //鼠标移动地图时,删除测距显示点
         if (t.rangingTool.isRanging && t.rangingToolMoveFun) {
           t.rangingToolMoveFun(e);
         }
-      }); //双击事件
-
+      });
+      //双击事件
       t.rangingTool.eventList['dblclick'] = t.state.gis.addListener('dblclick', function (e) {
         t.rangingToolEndFun(e);
       });
-    } //聚合地图图元(arg为空时聚合全部点)
-
+    }
+    //聚合地图图元(arg为空时聚合全部点)
   }, {
     key: "cluster",
     value: function cluster(arg) {
       var t = this;
       var ary = t.clusterToolFunction(arg);
-
       t._cluster.addMarkers(ary);
-    } //删除点聚合效果
-
+    }
+    //删除点聚合效果
   }, {
     key: "removeCluster",
     value: function removeCluster(arg) {
       var t = this;
       var ary = t.clusterToolFunction(arg);
-
       if (ary.length > 0) {
         t._cluster.removeMarkers(ary);
       }
-    } //清空聚合效果
-
+    }
+    //清空聚合效果
   }, {
     key: "clearClusters",
     value: function clearClusters() {
       var t = this;
-
       t._cluster.clearMarkers();
-    } //聚合功能公共方法(获取图元集合)
-
+    }
+    //聚合功能公共方法(获取图元集合)
   }, {
     key: "clusterToolFunction",
     value: function clusterToolFunction(arg) {
       var t = this;
       var ary = [];
-
       if (!arg) {
         var pointIds = t.state.pointIds;
         ary = pointIds.filter(function (item, index) {
@@ -3289,31 +2936,26 @@ var Map = /*#__PURE__*/function (_React$Component) {
           ary = arg.split(',');
         }
       }
-
-      t.clusterIdList = ary; //过滤moveTo的点位
+      t.clusterIdList = ary;
+      //过滤moveTo的点位
       //缓存所有聚合的点位
-
       var allps = [];
-
       for (var i = 0; i < ary.length; i++) {
         var gc = t.GM.getGraphic(ary[i]);
-        allps.push(gc); //加入label图元
-
+        allps.push(gc);
+        //加入label图元
         if (gc.ishaveLabel) {
           allps.push(t.GM.getGraphic("".concat(ary[i], "_vtxoMap_label")));
         }
       }
-
       return allps;
     }
     /*地图事件处理*/
     //地图点击事件
-
   }, {
     key: "clickMap",
     value: function clickMap() {
       var t = this;
-
       if (typeof t.props.clickMap === "function") {
         t.state.gis.addListener('click', function (e) {
           //测距点击事件
@@ -3331,13 +2973,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
-    } //地图拖动之前事件
-
+    }
+    //地图拖动之前事件
   }, {
     key: "dragMapStart",
     value: function dragMapStart() {
       var t = this;
-
       if (typeof t.props.dragMapStart === 'function') {
         t.state.gis.addListener('dragstart', function (e) {
           var obj = t.getMapExtent();
@@ -3345,13 +2986,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
           t.props.dragMapStart(obj);
         });
       }
-    } //地图拖动结束后事件
-
+    }
+    //地图拖动结束后事件
   }, {
     key: "dragMapEnd",
     value: function dragMapEnd() {
       var t = this;
-
       if (typeof t.props.dragMapEnd === 'function') {
         t.state.gis.addListener('dragend', function (e) {
           var obj = t.getMapExtent();
@@ -3359,22 +2999,20 @@ var Map = /*#__PURE__*/function (_React$Component) {
           t.props.dragMapEnd(obj);
         });
       }
-    } //地图移动之前事件
-
+    }
+    //地图移动之前事件
   }, {
     key: "moveStart",
     value: function moveStart() {
       var t = this;
-
       if (typeof t.props.moveStart === 'function') {
         t.state.gis.addListener('bounds_changed', function (e) {
           if (t.pointCollectionId) {
             $("#".concat(t.pointCollectionId)).css({
               visibility: 'hidden'
             });
-          } //区别是否在移动状态
-
-
+          }
+          //区别是否在移动状态
           if (!t.isZoomming && !t.isMoving) {
             if (t.oldZoomLevel == t.state.gis.getZoom()) {
               t.isMoving = true;
@@ -3385,13 +3023,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
-    } //google地图没有move事件和zoomEnd事件,通过模拟实现
-
+    }
+    //google地图没有move事件和zoomEnd事件,通过模拟实现
   }, {
     key: "moveEndAndZoomEnd",
     value: function moveEndAndZoomEnd() {
       var t = this;
-
       if (typeof t.props.moveEnd === 'function' || typeof t.props.zoomEnd === 'function' || typeof t.props.moveStart === 'function' || typeof t.props.zoomStart === 'function') {
         t.state.gis.addListener('idle', function (e) {
           if (t.pointCollectionId) {
@@ -3399,21 +3036,17 @@ var Map = /*#__PURE__*/function (_React$Component) {
               visibility: 'inherit'
             });
           }
-
           var obj = t.getMapExtent();
-          obj.e = e; //区别是否在移动状态-同时判断是moveEnd还是zoomEnd
-
+          obj.e = e;
+          //区别是否在移动状态-同时判断是moveEnd还是zoomEnd
           if (t.isMoving) {
             t.isMoving = false;
           }
-
           if (t.isZoomming) {
             t.isZoomming = false;
           }
-
           if (t.oldZoomLevel != t.state.gis.getZoom()) {
             t.oldZoomLevel = t.state.gis.getZoom();
-
             if (typeof t.props.zoomEnd === 'function') {
               t.props.zoomEnd(obj);
             }
@@ -3421,21 +3054,19 @@ var Map = /*#__PURE__*/function (_React$Component) {
             if (typeof t.props.moveEnd === 'function') {
               t.props.moveEnd(obj);
             }
-          } //更新海量点
-
-
+          }
+          //更新海量点
           if (t.props.mapPointCollection) {
             t.updatePointCollection(t.props.mapPointCollection);
           }
         });
       }
-    } //地图更改缩放级别开始时触发触发此事件
-
+    }
+    //地图更改缩放级别开始时触发触发此事件
   }, {
     key: "zoomStart",
     value: function zoomStart() {
       var t = this;
-
       if (typeof t.props.zoomStart === 'function') {
         t.state.gis.addListener('zoom_changed', function (e) {
           if (t.pointCollectionId) {
@@ -3443,7 +3074,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
               visibility: 'hidden'
             });
           }
-
           if (!t.isZoomming) {
             t.isZoomming = true;
             var obj = t.getMapExtent();
@@ -3452,51 +3082,44 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
-    } //对外使用方法
+    }
+    //对外使用方法
     //显示隐藏的图元
-
   }, {
     key: "showGraphicById",
     value: function showGraphicById(id) {
       var t = this;
-
       if (t.GM.getGraphic(id)) {
         t.GM.getGraphic(id).setVisible(true);
       }
-    } //隐藏图元
-
+    }
+    //隐藏图元
   }, {
     key: "hideGraphicById",
     value: function hideGraphicById(id) {
       var t = this;
-
       if (t.GM.getGraphic(id)) {
         t.GM.getGraphic(id).hide(false);
       }
-    } //内部公共方法区
+    }
+    //内部公共方法区
     //获取图元数据
-
   }, {
     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.getPosition().lng();
@@ -3517,7 +3140,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-
         case 'polyline':
           pts = gg.getPath().getArray().map(function (item, index) {
             return [item.lng(), item.lat()];
@@ -3535,7 +3157,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-
         case 'polygon':
           pts = gg.getPath().getArray().map(function (item, index) {
             return [item.lng(), item.lat()];
@@ -3553,7 +3174,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
-
         case 'circle':
           lng = gg.getCenter().lng();
           lat = gg.getCenter().lat();
@@ -3578,10 +3198,9 @@ var Map = /*#__PURE__*/function (_React$Component) {
           });
           break;
       }
-
       return p;
-    } //获取地图当前的位置状态信息
-
+    }
+    //获取地图当前的位置状态信息
   }, {
     key: "getMapExtent",
     value: function getMapExtent() {
@@ -3604,50 +3223,44 @@ var Map = /*#__PURE__*/function (_React$Component) {
       };
       obj.radius = t.calculatePointsDistance([obj.nowCenter.lng(), obj.nowCenter.lat()], [obj.northEast.lng, obj.northEast.lat]);
       return obj;
-    } //获取当前比例尺
-
+    }
+    //获取当前比例尺
   }, {
     key: "getZoomLevel",
     value: function getZoomLevel() {
       var t = this;
       return t.state.gis.getZoom();
-    } //处理线和面的 经纬度数据
-
+    }
+    //处理线和面的 经纬度数据
   }, {
     key: "dealData",
     value: function dealData(ms) {
       //区别点和圆的经纬度数据处理
       var lnglatAry = [],
-          _extent = {
-        xmax: 0,
-        xmin: 0,
-        ymax: 0,
-        ymin: 0
-      },
-          path = [];
-
+        _extent = {
+          xmax: 0,
+          xmin: 0,
+          ymax: 0,
+          ymin: 0
+        },
+        path = [];
       if ('getPath' in ms) {
         path = ms.getPath().getArray();
         path = path.map(function (item, index) {
           var lng = item.lng(),
-              lat = item.lat();
-
+            lat = item.lat();
           if (lng > _extent.xmax) {
             _extent.xmax = lng;
           }
-
           if (lng < _extent.xmin || _extent.xmin == 0) {
             _extent.xmin = lng;
           }
-
           if (lat > _extent.ymax) {
             _extent.ymax = lat;
           }
-
           if (lat < _extent.ymin || _extent.ymin == 0) {
             _extent.ymin = lat;
           }
-
           lnglatAry.push({
             lngX: lng,
             latX: lat
@@ -3655,142 +3268,122 @@ var Map = /*#__PURE__*/function (_React$Component) {
           return [lng, lat];
         });
       }
-
       return {
         lnglatAry: lnglatAry,
         _extent: _extent,
         path: path
       };
-    } //点位移动动画效果
-
+    }
+    //点位移动动画效果
   }, {
     key: "moveAnimation",
     value: function moveAnimation() {
       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 += 10;
           t.movePoints[i].deleteTime -= 10;
         }
-
         t.movePoints.sort(function (x, y) {
           return y.waitTime - x.waitTime;
         });
         var nowMovePoints = t.movePoints.slice(0, 10),
-            deleteIndex = [];
-
+          deleteIndex = [];
         for (var _i3 = 0; _i3 < nowMovePoints.length; _i3++) {
           var _nowMovePoints$_i = nowMovePoints[_i3],
-              id = _nowMovePoints$_i.id,
-              rx = _nowMovePoints$_i.rx,
-              ry = _nowMovePoints$_i.ry,
-              waitTime = _nowMovePoints$_i.waitTime,
-              deleteTime = _nowMovePoints$_i.deleteTime;
+            id = _nowMovePoints$_i.id,
+            rx = _nowMovePoints$_i.rx,
+            ry = _nowMovePoints$_i.ry,
+            waitTime = _nowMovePoints$_i.waitTime,
+            deleteTime = _nowMovePoints$_i.deleteTime;
           var gc = t.GM.getGraphic(id),
-              gc_label = t.GM.getGraphic("".concat(id, "_vtxoMap_label"));
-
+            gc_label = t.GM.getGraphic("".concat(id, "_vtxoMap_label"));
           if (!gc) {
             clearInterval(t.moveToTimer);
           } else {
             if (gc.isAdded) {
               t._cluster.removeMarker(gc);
             }
-
             if (gc_label && gc_label.isAdded) {
               t._cluster.removeMarker(gc_label);
             }
-
             var gg = gc.getPosition();
             var tx = gg.lng() + rx,
-                ty = gg.lat() + ry;
+              ty = gg.lat() + ry;
             gc.setPosition(new t.omap.LatLng({
               lng: tx,
               lat: ty
             }));
-
             if (gc_label) {
               gc_label.setPosition(new t.omap.LatLng({
                 lng: tx,
                 lat: ty
               }));
             }
-
             t.movePoints[_i3].waitTime = 0;
-
             if (deleteTime <= 0) {
               deleteIndex.push(_i3);
             }
           }
         }
-
         deleteIndex.sort(function (a, b) {
           return b - a;
         });
-
         for (var _i4 = 0; _i4 < deleteIndex.length; _i4++) {
           var _t$movePoints$deleteI = t.movePoints[deleteIndex[_i4]],
-              _id = _t$movePoints$deleteI.id,
-              _rx = _t$movePoints$deleteI.rx,
-              _ry = _t$movePoints$deleteI.ry,
-              _waitTime = _t$movePoints$deleteI.waitTime,
-              _deleteTime = _t$movePoints$deleteI.deleteTime,
-              _gc = t.GM.getGraphic(_id),
-              _gc_label = t.GM.getGraphic("".concat(_id, "_vtxoMap_label"));
-
+            _id = _t$movePoints$deleteI.id,
+            _rx = _t$movePoints$deleteI.rx,
+            _ry = _t$movePoints$deleteI.ry,
+            _waitTime = _t$movePoints$deleteI.waitTime,
+            _deleteTime = _t$movePoints$deleteI.deleteTime,
+            _gc = t.GM.getGraphic(_id),
+            _gc_label = t.GM.getGraphic("".concat(_id, "_vtxoMap_label"));
           if (t.clusterIdList.indexOf(_id) > -1) {
             t._cluster.addMarker(_gc);
-
             if (_gc_label) {
               t._cluster.addMarker(_gc_label);
             }
           }
-
           t.movePoints.splice(deleteIndex[_i4], 1);
         }
-
         if (nowMovePoints.length == 0) {
           clearInterval(t.moveToTimer);
         }
       }, 10);
-    } //点位移动逻辑
-
+    }
+    //点位移动逻辑
   }, {
     key: "moveTo",
     value: function moveTo(id, lnglat, delay, autoRotation, urlright, urlleft) {
       var t = this,
-          timer = 10,
-          gc = t.GM.getGraphic(id);
+        timer = 10,
+        gc = t.GM.getGraphic(id);
       delay = eval(delay || 3) * 1000;
       var count = delay / timer;
       var s = gc.getPosition(),
-          e = new t.omap.LatLng({
-        lng: lnglat[0],
-        lat: lnglat[1]
-      });
-
+        e = new t.omap.LatLng({
+          lng: lnglat[0],
+          lat: lnglat[1]
+        });
       if (s.equals(e)) {
         return false;
       } else {
-        var url = null; //计算角度,旋转
-
+        var url = null;
+        //计算角度,旋转
         if (autoRotation && !gc.isMarkerContent) {
           var ddeg = t.rotateDeg(s, e);
-
           if (urlleft && ddeg < -90 && ddeg > -270) {
             ddeg += 180;
             url = urlleft;
           } else {
             url = urlright;
           }
-
           var icon = gc.getIcon(),
-              iconUrl = ''; // 360deg 不需要旋转
-
+            iconUrl = '';
+          // 360deg 不需要旋转
           if (ddeg % 360 != 0) {
             iconUrl = new _MapToolFunction.RotateIcon({
               url: url,
@@ -3798,17 +3391,14 @@ var Map = /*#__PURE__*/function (_React$Component) {
               height: icon.size.height
             });
           }
-
           gc.setIcon(_objectSpread(_objectSpread({}, icon), {}, {
             url: iconUrl.setRotation(ddeg).getUrl()
           }));
-        } //拆分延迟移动定位
-
-
+        }
+        //拆分延迟移动定位
         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, {
@@ -3821,7 +3411,6 @@ var Map = /*#__PURE__*/function (_React$Component) {
             isHave = true;
           }
         }
-
         if (!isHave) {
           t.movePoints.push({
             id: id,
@@ -3832,17 +3421,16 @@ var Map = /*#__PURE__*/function (_React$Component) {
           });
         }
       }
-    } //点位角度旋转(以指向东(右)为0°)
-
+    }
+    //点位角度旋转(以指向东(右)为0°)
   }, {
     key: "rotateDeg",
     value: function rotateDeg(sp, ep) {
       var t = this,
-          deg = 0,
-          ftp = t.canvasProjectionOverlay.getProjection(),
-          spLngLat = sp,
-          epLngLat = ep;
-
+        deg = 0,
+        ftp = t.canvasProjectionOverlay.getProjection(),
+        spLngLat = sp,
+        epLngLat = ep;
       if (ftp) {
         if (Array.isArray(sp)) {
           spLngLat = new t.omap.LatLng({
@@ -3850,29 +3438,25 @@ var Map = /*#__PURE__*/function (_React$Component) {
             lat: sp[1]
           });
         }
-
         if (Array.isArray(ep)) {
           spLngLat = new t.omap.LatLng({
             lng: ep[0],
             lat: ep[1]
           });
         }
-
         var s = ftp.fromLatLngToContainerPixel(spLngLat),
-            //获取当前点位的经纬度
-        e = ftp.fromLatLngToContainerPixel(epLngLat);
-
+          //获取当前点位的经纬度
+          e = ftp.fromLatLngToContainerPixel(epLngLat);
         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;
@@ -3882,43 +3466,35 @@ var Map = /*#__PURE__*/function (_React$Component) {
           deg = -bias * 90;
         }
       }
-
       return deg;
     }
     /*
         匹配控件位置方法
         (谷歌地图有8个方位,为了统一,只使用左上,左下,右上,右下)
      */
-
   }, {
     key: "matchControlPosition",
     value: function matchControlPosition(location) {
       var position = google.maps.ControlPosition.RIGHT_BOTTOM;
-
       switch (location) {
         case 'tl':
           position = google.maps.ControlPosition.LEFT_TOP;
           break;
-
         case 'bl':
           position = google.maps.ControlPosition.LEFT_BOTTOM;
           break;
-
         case 'tr':
           position = google.maps.ControlPosition.RIGHT_TOP;
           break;
-
         case 'br':
           position = google.maps.ControlPosition.RIGHT_BOTTOM;
           break;
       }
-
       return position;
     }
     /*
         地图内部需要公共方法
      */
-
   }, {
     key: "calculatePointsDistance",
     value: function calculatePointsDistance(fp, ep) {
@@ -3931,49 +3507,45 @@ var Map = /*#__PURE__*/function (_React$Component) {
           lat: ep[1]
         })) * 100) / 100;
       }
-
       return 0;
-    } //计算多个点的距离(常用于线计算)
-
+    }
+    //计算多个点的距离(常用于线计算)
   }, {
     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) {
           totalDistance += t.calculatePointsDistance(ps[i], ps[i + 1]);
         }
       }
-
       return Math.round(totalDistance * 100) / 100;
-    } //计算图元面积(面,圆)
-
+    }
+    //计算图元面积(面,圆)
   }, {
     key: "calculateArea",
     value: function calculateArea(id) {
       var t = this;
       return google.maps.geometry.spherical.computeArea(t.GM.getGraphic(id).getPath().getArray());
-    } //计算多个点的距离(常用于线计算)[入参是 google 经纬度对象数组]
-
+    }
+    //计算多个点的距离(常用于线计算)[入参是 google 经纬度对象数组]
   }, {
     key: "calculateGraphicDistance",
     value: function calculateGraphicDistance(ary) {
       var t = this;
       return google.maps.geometry.spherical.computeLength(ary);
-    } //对比对象数据是否相等
-
+    }
+    //对比对象数据是否相等
   }, {
     key: "deepEqual",
     value: function deepEqual(a, b) {
       return _immutable["default"].is(_immutable["default"].fromJS(a), _immutable["default"].fromJS(b));
-    } //数据解析(分析,新增,更新,删除对应的数据)
-
+    }
+    //数据解析(分析,新增,更新,删除对应的数据)
   }, {
     key: "dataMatch",
     value: function dataMatch(oldData, newData, type) {
@@ -4004,14 +3576,13 @@ var Map = /*#__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]);
@@ -4019,19 +3590,17 @@ var Map = /*#__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]);
@@ -4039,13 +3608,12 @@ var Map = /*#__PURE__*/function (_React$Component) {
           otherads.push(ary[i]);
         }
       }
-
       return {
         upds: upds,
         otherads: otherads
       };
-    } //渲染
-
+    }
+    //渲染
   }, {
     key: "render",
     value: function render() {
@@ -4058,8 +3626,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           height: '100%'
         }
       });
-    } //初始化
-
+    }
+    //初始化
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -4069,82 +3637,81 @@ var Map = /*#__PURE__*/function (_React$Component) {
         t.mapTop = document.getElementById(t.props.mapId).offsetTop;
         t.init();
       });
-    } //重新渲染结束
-
+    }
+    //重新渲染结束
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {} //已加载组件，收到新的参数时调用
-
+    value: function componentDidUpdate(prevProps, prevState) {}
+    //已加载组件，收到新的参数时调用
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var t = this; //点/线旧数据
-
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var t = this;
+      //点/线旧数据
       var _t$state3 = t.state,
-          pointIds = _t$state3.pointIds,
-          lineIds = _t$state3.lineIds,
-          polygonIds = _t$state3.polygonIds,
-          circleIds = _t$state3.circleIds,
-          drawIds = _t$state3.drawIds;
+        pointIds = _t$state3.pointIds,
+        lineIds = _t$state3.lineIds,
+        polygonIds = _t$state3.polygonIds,
+        circleIds = _t$state3.circleIds,
+        drawIds = _t$state3.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,
-          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,
-          isSetAreaRestriction = nextProps.isSetAreaRestriction,
-          areaRestriction = nextProps.areaRestriction,
-          isClearAreaRestriction = nextProps.isClearAreaRestriction,
-          isClearAll = nextProps.isClearAll;
-      var props = t.props; // 等待地图加载
+        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,
+        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,
+        isSetAreaRestriction = nextProps.isSetAreaRestriction,
+        areaRestriction = nextProps.areaRestriction,
+        isClearAreaRestriction = nextProps.isClearAreaRestriction,
+        isClearAll = nextProps.isClearAll;
+      var props = t.props;
+
+      // 等待地图加载
+      if (!t.mapCreated) return;
 
-      if (!t.state.mapCreated) return;
       /*添加海量点*/
-
       if (mapPointCollection instanceof Array && props.mapPointCollection instanceof Array && !t.deepEqual(mapPointCollection, props.mapPointCollection)) {
         var _t$dataMatch = t.dataMatch(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();
       }
@@ -4153,12 +3720,10 @@ var Map = /*#__PURE__*/function (_React$Component) {
           pointData[1]的数据在idsForGraphicId中不存在的,执行新增
           pointData[0]数据中多余的id,执行删除
       */
-
-
       if (mapPoints instanceof Array && props.mapPoints instanceof Array && !t.deepEqual(mapPoints, props.mapPoints)) {
         var oldMapPoints = props.mapPoints;
-        var newMapPoints = mapPoints; //过滤编辑的图元
-
+        var newMapPoints = mapPoints;
+        //过滤编辑的图元
         if (!!t.state.editId) {
           oldMapPoints = props.mapPoints.filter(function (item) {
             return item.id !== editGraphicId;
@@ -4167,50 +3732,41 @@ var Map = /*#__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 && props.mapPolygons instanceof Array && !t.deepEqual(mapPolygons, props.mapPolygons)) {
         var oldMapPolygons = props.mapPolygons;
         var newMapPolygons = mapPolygons;
-
         if (!!t.state.editId) {
           oldMapPolygons = props.mapPolygons.filter(function (item) {
             return item.id !== editGraphicId;
@@ -4219,50 +3775,41 @@ var Map = /*#__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 _id2 = _step2.value;
             t.removeGraphic(_id2, '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 && props.mapCircles instanceof Array && !t.deepEqual(mapCircles, props.mapCircles)) {
         var oldMapCircles = props.mapCircles;
         var newMapCircles = mapCircles;
-
         if (!!t.state.editId) {
           oldMapCircles = props.mapCircles.filter(function (item) {
             return item.id !== editGraphicId;
@@ -4271,50 +3818,41 @@ var Map = /*#__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 _id3 = _step3.value;
             t.removeGraphic(_id3, '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 && props.mapLines instanceof Array && !t.deepEqual(mapLines, props.mapLines)) {
         var oldMapLines = props.mapLines;
         var newMapLines = mapLines;
-
         if (!!t.state.editId) {
           oldMapLines = props.mapLines.filter(function (item) {
             return item.id !== editGraphicId;
@@ -4323,52 +3861,43 @@ var Map = /*#__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 _id4 = _step4.value;
             t.removeGraphic(_id4, '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 && props.customizedBoundary instanceof Array && !t.deepEqual(customizedBoundary, props.customizedBoundary)) {
         var _t$dataMatch6 = t.dataMatch(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 _id5 = _step5.value;
@@ -4379,75 +3908,60 @@ var Map = /*#__PURE__*/function (_React$Component) {
         } finally {
           _iterator5.f();
         }
-
         t.addLine(_addedData5);
         t.updateLine(_updatedData5);
-      } // 获取热力图
-
-
+      }
+      // 获取热力图
       if (heatMapData && !t.deepEqual(heatMapData, props.heatMapData)) {
         t.heatMapOverlay(heatMapData);
-      } //图元编辑调用
-
-
+      }
+      //图元编辑调用
       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 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 setCenter == 'boolean' && setCenter || setCenter && setCenter !== t.props.setCenter) {
         t.setCenter(mapCenter);
-      } //设置点聚合
-
-
+      }
+      //设置点聚合
       if (typeof setCluster == 'boolean' && setCluster || setCluster && setCluster !== t.props.setCluster) {
         t.cluster(mapCluster);
-      } //设置比例尺
-
-
+      }
+      //设置比例尺
       if (typeof setZoomLevel == 'boolean' && setZoomLevel || setZoomLevel && setZoomLevel !== t.props.setZoomLevel) {
         t.setZoomLevel(mapZoomLevel);
       }
       /*设置指定图元展示*/
-
-
       if (typeof setVisiblePoints == 'boolean' && setVisiblePoints || setVisiblePoints && setVisiblePoints !== t.props.setVisiblePoints) {
         t.setVisiblePoints(mapVisiblePoints);
-      } //测距工具调用
-
-
+      }
+      //测距工具调用
       if (typeof isRangingTool == 'boolean' && isRangingTool || isRangingTool && isRangingTool !== t.props.isRangingTool) {
         t.vtxRangingTool(mapRangingTool);
-      } //开关路况
-
-
+      }
+      //开关路况
       if (isOpenTrafficInfo) {
         t.openTrafficInfo();
       } else {
         t.hideTrafficInfo();
-      } //清空地图
-
-
+      }
+      //清空地图
       if (typeof isClearAll == 'boolean' && isClearAll || isClearAll && isClearAll !== t.props.isClearAll) {
         t.clearAll();
-      } //删除指定图元
-
-
+      }
+      //删除指定图元
       if (typeof isRemove == 'boolean' && isRemove || isRemove && isRemove !== t.props.isRemove) {
         mapRemove.map(function (item, index) {
           t.removeGraphic(item.id, item.type);
@@ -4459,37 +3973,27 @@ var Map = /*#__PURE__*/function (_React$Component) {
     value: function componentWillUnmount() {
       //关闭moveTo定时
       var t = this;
-
       if (t.loadLabel) {
         clearInterval(t.loadLabel);
       }
-
       if (t.upPsTimer) {
         clearTimeout(t.upPsTimer);
       }
-
       if (t.addPsTimer) {
         clearTimeout(t.addPsTimer);
       }
-
       if (t.state.gis) {
         t.state.gis.clearOverlays();
       }
-
       t.state.gis = null;
-
       if (t.moveToTimer) {
         clearInterval(t.moveToTimer);
       }
-
       window.VtxMap[t.state.mapId] = null;
     }
   }]);
-
   return Map;
 }(_react["default"].Component);
-
-var _default = Map;
-exports["default"] = _default;
+var _default = exports["default"] = Map;
 module.exports = exports["default"];
 //# sourceMappingURL=Map.js.map