@vtx/map 1.1.48 → 1.1.50

package/lib/VtxMap/OMap/Map.js

@@ -1,62 +1,106 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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); }
+
 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(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 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 _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, _toPropertyKey(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, 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,
       //是否开启状态
@@ -72,11 +116,12 @@ 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: [],
@@ -102,25 +147,31 @@ 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() {
@@ -148,67 +199,76 @@ 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 {
@@ -216,63 +276,69 @@ 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],
@@ -318,40 +384,55 @@ 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] : {};
         //编辑
@@ -359,11 +440,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 || {
@@ -373,19 +454,21 @@ 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 {
@@ -395,23 +478,27 @@ 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;
@@ -420,52 +507,64 @@ 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,
@@ -474,103 +573,124 @@ 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;
@@ -579,6 +699,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
         } else {
           alnglat = ids;
         }
+
         alnglat.forEach(function (item, index) {
           lngs.push(item[0]);
           lats.push(item[1]);
@@ -595,59 +716,74 @@ 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]
@@ -655,42 +791,47 @@ 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: [],
@@ -705,27 +846,32 @@ 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,
@@ -739,6 +885,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
             markerContentY: -30,
             deg: 0
           };
+
           if (item.markerContent) {
             cg = _objectSpread(_objectSpread({}, cg), {}, {
               markerContentX: 0,
@@ -746,16 +893,19 @@ 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(高德有判断,实现不同)*/
@@ -773,15 +923,17 @@ 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没有关联的原因
@@ -791,12 +943,13 @@ 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"),
@@ -804,6 +957,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 height: cg.height
               });
             }
+
             var icon = {
               anchor: {
                 x: -cg.markerContentX,
@@ -816,26 +970,30 @@ 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) {
@@ -843,18 +1001,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
@@ -871,15 +1029,16 @@ 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 {
@@ -892,19 +1051,21 @@ 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) {
           //判断图元是否存在.
@@ -913,17 +1074,20 @@ 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,
@@ -937,6 +1101,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
               markerContentY: -30,
               deg: 0
             };
+
             if (item.markerContent) {
               cg = _objectSpread(_objectSpread({}, cg), {}, {
                 markerContentX: 0,
@@ -945,16 +1110,18 @@ 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加点
@@ -974,11 +1141,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"),
@@ -986,6 +1153,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   height: cg.height
                 });
               }
+
               var icon = {
                 anchor: {
                   x: -cg.markerContentX,
@@ -998,29 +1166,33 @@ 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没有关联的原因
@@ -1031,8 +1203,9 @@ var Map = /*#__PURE__*/function (_React$Component) {
                   }
                 });
                 gc.ishaveLabel = true;
-              }
-              //点击事件
+              } //点击事件
+
+
               var mClick = gc.addListener('click', function (e) {
                 //避免鼠标在图元上 测距工具不起作用
                 if (t.rangingTool.isRanging) {
@@ -1040,12 +1213,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);
               });
@@ -1060,20 +1233,24 @@ 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: {
@@ -1081,10 +1258,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) {
@@ -1092,31 +1269,35 @@ 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,
@@ -1131,20 +1312,24 @@ 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没有关联的原因
@@ -1157,6 +1342,7 @@ 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) {
@@ -1164,18 +1350,23 @@ 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
@@ -1193,8 +1384,9 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
         t.moveAnimation();
-      };
-      //内部 不需要旋转图标的处理方式
+      }; //内部 不需要旋转图标的处理方式
+
+
       if (type == 'nodeg') {
         upf();
       } else {
@@ -1207,51 +1399,59 @@ 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',
@@ -1263,38 +1463,40 @@ 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) {
@@ -1302,12 +1504,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);
         });
@@ -1327,19 +1529,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)) {
@@ -1352,8 +1554,9 @@ 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,
@@ -1361,13 +1564,15 @@ 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',
@@ -1379,34 +1584,36 @@ 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,
@@ -1419,60 +1626,66 @@ 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) {
@@ -1480,18 +1693,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,
@@ -1508,12 +1721,11 @@ 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) {
@@ -1525,40 +1737,43 @@ 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), {}, {
@@ -1576,57 +1791,63 @@ 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) {
@@ -1634,17 +1855,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
@@ -1662,12 +1883,11 @@ 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) {
@@ -1679,42 +1899,45 @@ 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
@@ -1732,8 +1955,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           return false;
         }
       });
-    }
-    //热力图
+    } //热力图
+
   }, {
     key: "heatMapOverlay",
     value: function heatMapOverlay() {
@@ -1745,36 +1968,43 @@ 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({
@@ -1782,16 +2012,17 @@ 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");
@@ -1802,6 +2033,7 @@ 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) {
@@ -1828,18 +2060,20 @@ 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) {
@@ -1864,12 +2098,13 @@ 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() {
@@ -1882,8 +2117,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           }
         });
       });
-    }
-    //删除全部海量点
+    } //删除全部海量点
+
   }, {
     key: "clearAllPointCollection",
     value: function clearAllPointCollection() {
@@ -1891,115 +2126,139 @@ 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());
@@ -2007,14 +2266,18 @@ 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
@@ -2031,46 +2294,53 @@ 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 {
@@ -2079,27 +2349,34 @@ 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: '',
@@ -2108,29 +2385,33 @@ 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;
@@ -2153,6 +2434,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
           type: drawParam.geometryType
         };
       }
+
       switch (drawParam.geometryType) {
         case 'point':
           var icon = {
@@ -2164,18 +2446,23 @@ 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,
@@ -2194,8 +2481,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
               },
               geometryType: 'point',
               mapLayer: e
-            };
-            //点击事件
+            }; //点击事件
+
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2203,12 +2490,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);
             });
@@ -2217,25 +2504,32 @@ 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) {
@@ -2267,8 +2561,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) {
@@ -2276,12 +2570,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);
             });
@@ -2290,25 +2584,31 @@ 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(),
@@ -2342,8 +2642,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
               },
               lnglatAry: lnglatAry,
               area: area
-            };
-            //点击事件
+            }; //点击事件
+
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2351,12 +2651,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);
             });
@@ -2365,22 +2665,28 @@ 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 = {
@@ -2405,8 +2711,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
                 area: area
               },
               area: area
-            };
-            //点击事件
+            }; //点击事件
+
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2414,12 +2720,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);
             });
@@ -2428,22 +2734,28 @@ 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 = [{
@@ -2489,8 +2801,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
               },
               lnglatAry: lnglatAry,
               area: area
-            };
-            //点击事件
+            }; //点击事件
+
             var mClick = e.addListener('click', function (e) {
               //避免鼠标在图元上 测距工具不起作用
               if (t.rangingTool.isRanging) {
@@ -2498,12 +2810,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);
             });
@@ -2512,51 +2824,58 @@ 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 = {
@@ -2575,18 +2894,20 @@ 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,
@@ -2597,18 +2918,20 @@ 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,
@@ -2624,65 +2947,73 @@ 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],
@@ -2692,11 +3023,12 @@ 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 = {
@@ -2713,11 +3045,12 @@ 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],
@@ -2730,15 +3063,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,
@@ -2748,6 +3081,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
               }
             }
           };
+
           if (status !== 'dbl') {
             //100毫秒内点击2次 则结束
             if (!t.rangingTool.isDbclick) {
@@ -2756,9 +3090,11 @@ 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);
@@ -2767,20 +3103,23 @@ 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()]],
@@ -2791,6 +3130,7 @@ 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) {
@@ -2800,6 +3140,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
               t.updateLine([sl]);
             }
           }
+
           rp = _objectSpread(_objectSpread({}, rp), {}, {
             longitude: e.latLng.lng(),
             latitude: e.latLng.lat(),
@@ -2808,15 +3149,16 @@ 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,
@@ -2826,13 +3168,15 @@ 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,
               //是否开启状态
@@ -2850,16 +3194,17 @@ 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) {
@@ -2875,57 +3220,61 @@ 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) {
@@ -2938,26 +3287,31 @@ 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) {
           //测距点击事件
@@ -2975,12 +3329,13 @@ 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();
@@ -2988,12 +3343,13 @@ 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();
@@ -3001,20 +3357,22 @@ 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;
@@ -3025,12 +3383,13 @@ 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) {
@@ -3038,17 +3397,21 @@ 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);
             }
@@ -3056,19 +3419,21 @@ 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) {
@@ -3076,6 +3441,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
               visibility: 'hidden'
             });
           }
+
           if (!t.isZoomming) {
             t.isZoomming = true;
             var obj = t.getMapExtent();
@@ -3084,44 +3450,51 @@ 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();
@@ -3142,6 +3515,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
+
         case 'polyline':
           pts = gg.getPath().getArray().map(function (item, index) {
             return [item.lng(), item.lat()];
@@ -3159,6 +3533,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
+
         case 'polygon':
           pts = gg.getPath().getArray().map(function (item, index) {
             return [item.lng(), item.lat()];
@@ -3176,6 +3551,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
+
         case 'circle':
           lng = gg.getCenter().lng();
           lat = gg.getCenter().lat();
@@ -3200,9 +3576,10 @@ var Map = /*#__PURE__*/function (_React$Component) {
           });
           break;
       }
+
       return p;
-    }
-    //获取地图当前的位置状态信息
+    } //获取地图当前的位置状态信息
+
   }, {
     key: "getMapExtent",
     value: function getMapExtent() {
@@ -3225,44 +3602,50 @@ 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
@@ -3270,122 +3653,142 @@ 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,
@@ -3393,14 +3796,17 @@ 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, {
@@ -3413,6 +3819,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
             isHave = true;
           }
         }
+
         if (!isHave) {
           t.movePoints.push({
             id: id,
@@ -3423,16 +3830,17 @@ 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({
@@ -3440,25 +3848,29 @@ 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;
@@ -3468,35 +3880,43 @@ 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) {
@@ -3509,45 +3929,49 @@ 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) {
@@ -3578,13 +4002,14 @@ 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]);
@@ -3592,17 +4017,19 @@ 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]);
@@ -3610,12 +4037,13 @@ var Map = /*#__PURE__*/function (_React$Component) {
           otherads.push(ary[i]);
         }
       }
+
       return {
         upds: upds,
         otherads: otherads
       };
-    }
-    //渲染
+    } //渲染
+
   }, {
     key: "render",
     value: function render() {
@@ -3628,8 +4056,8 @@ var Map = /*#__PURE__*/function (_React$Component) {
           height: '100%'
         }
       });
-    }
-    //初始化
+    } //初始化
+
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -3639,81 +4067,82 @@ 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;
-
-      // 等待地图加载
-      if (!t.state.mapCreated) return;
+          mapPoints = _nextProps$mapPoints === void 0 ? [] : _nextProps$mapPoints,
+          _nextProps$mapLines = nextProps.mapLines,
+          mapLines = _nextProps$mapLines === void 0 ? [] : _nextProps$mapLines,
+          _nextProps$mapPolygon = nextProps.mapPolygons,
+          mapPolygons = _nextProps$mapPolygon === void 0 ? [] : _nextProps$mapPolygon,
+          _nextProps$mapCircles = nextProps.mapCircles,
+          mapCircles = _nextProps$mapCircles === void 0 ? [] : _nextProps$mapCircles,
+          _nextProps$customized = nextProps.customizedBoundary,
+          customizedBoundary = _nextProps$customized === void 0 ? [] : _nextProps$customized,
+          isOpenTrafficInfo = nextProps.isOpenTrafficInfo,
+          boundaryName = nextProps.boundaryName,
+          heatMapData = nextProps.heatMapData,
+          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 (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();
       }
@@ -3722,10 +4151,12 @@ 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;
@@ -3734,41 +4165,50 @@ 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;
@@ -3777,41 +4217,50 @@ 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;
@@ -3820,41 +4269,50 @@ 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;
@@ -3863,43 +4321,52 @@ 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;
@@ -3910,60 +4377,75 @@ 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);
@@ -3975,27 +4457,37 @@ 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 = exports["default"] = Map;
+
+var _default = Map;
+exports["default"] = _default;
 module.exports = exports["default"];
 //# sourceMappingURL=Map.js.map