@vtx/map 1.1.43 → 1.1.44

package/lib/VtxMap/AMap/AMap.js

@@ -1,51 +1,84 @@
 "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 _reactDom = require("react-dom");
+
 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 _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 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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _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); } //公共地址配置
+
+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 VortexAMap = /*#__PURE__*/function (_React$Component) {
   _inherits(VortexAMap, _React$Component);
+
   var _super = _createSuper(VortexAMap);
+
   function VortexAMap(props) {
     var _this;
+
     _classCallCheck(this, VortexAMap);
-    _this = _super.call(this, props);
-    //初始化 图元管理方法
+
+    _this = _super.call(this, props); //初始化 图元管理方法
+
     _this.GM = new _MapToolFunction.graphicManage();
     _this.getPolygonArea = _MapToolFunction.getPolygonArea;
     _this.pointCollectionId = 'vtx_gmap_html_pointCollection'; //海量点canvas点位容器id class管理
+
     _this.morepoints = []; //海量点集合
+
     _this.htmlXY = {
       x: 0,
       y: 0,
@@ -54,22 +87,38 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
       isCount: false
     };
     _this.stopMove = true; //防止zoom事件触发时,联动的触发move事件
+
     _this.mapLeft = 0; //地图offset的Left值
+
     _this.mapTop = 0; //地图offset的Top值
+
     _this.clusterObj = null; //聚合点类对象
+
     _this.trafficLayer = null; //路况类对象
+
     _this.scale = null; //比例尺控件对象
+
     _this.tool = null; //比例尺工具对象
+
     _this.ruler = null; //测距对象
+
     _this.mousetool = null; //绘制图元对象
+
     _this.districeSearch = null; //行政区划搜索对象
+
     _this.polyEdit = null; //折线和多边形编辑对象
+
     _this.circleEdit = null; //圆编辑对象
+
     _this.editTimeout = null; //圆编辑时的延迟回调,避免重复调用
+
     _this.heatmap = null; //热力图对象
+
     _this.satellite = null; //底图图层对象-卫星图
+
     _this.roadNet = null; //路网图层对象
     //为了样式相同,引用百度的鼠标样式
+
     _this.csr = /webkit/.test(navigator.userAgent.toLowerCase()) ? 'url("http://api.map.baidu.com/images/ruler.cur") 3 6, crosshair' : 'url("http://api.map.baidu.com/images/ruler.cur"), crosshair';
     _this.state = {
       gis: null,
@@ -108,9 +157,12 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
       br: 'RB'
     };
     _this.frameSelectProps = {};
+
     _this.loadMapJs();
+
     return _this;
   }
+
   _createClass(VortexAMap, [{
     key: "loadMapJs",
     value: function loadMapJs() {
@@ -129,6 +181,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
                 (function setTime() {
                   var allEvents = [window.AMap, 'MarkerClusterer', 'MapType', 'Scale', 'ToolBar', 'DistrictSearch', 'RangingTool', 'MouseTool', 'PolyEditor', 'CircleEditor', 'PlaceSearch', 'Heatmap'];
                   var isLoading = true;
+
                   for (var i = 0; i <= allEvents.length - 1; i++) {
                     if (i === 0) {
                       if (!allEvents[i]) {
@@ -142,6 +195,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
                       }
                     }
                   }
+
                   if (isLoading) {
                     resolve(window.AMap);
                   } else {
@@ -155,145 +209,164 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           });
         }
       });
-    }
-    //初始化地图
+    } //初始化地图
+
   }, {
     key: "init",
     value: function init() {
       var t = this;
       var _t$props = t.props,
-        mapPoints = _t$props.mapPoints,
-        mapLines = _t$props.mapLines,
-        mapPolygons = _t$props.mapPolygons,
-        mapCircles = _t$props.mapCircles,
-        imageOverlays = _t$props.imageOverlays,
-        setVisiblePoints = _t$props.setVisiblePoints,
-        mapVisiblePoints = _t$props.mapVisiblePoints,
-        mapCenter = _t$props.mapCenter,
-        mapZoomLevel = _t$props.mapZoomLevel,
-        mapCluster = _t$props.mapCluster,
-        mapPointCollection = _t$props.mapPointCollection,
-        showControl = _t$props.showControl,
-        boundaryName = _t$props.boundaryName,
-        heatMapData = _t$props.heatMapData,
-        areaRestriction = _t$props.areaRestriction,
-        coverageType = _t$props.coverageType,
-        infoWindowData = _t$props.infoWindowData;
-      // 切换地图矢量图和卫星图背景
+          mapPoints = _t$props.mapPoints,
+          mapLines = _t$props.mapLines,
+          mapPolygons = _t$props.mapPolygons,
+          mapCircles = _t$props.mapCircles,
+          imageOverlays = _t$props.imageOverlays,
+          setVisiblePoints = _t$props.setVisiblePoints,
+          mapVisiblePoints = _t$props.mapVisiblePoints,
+          mapCenter = _t$props.mapCenter,
+          mapZoomLevel = _t$props.mapZoomLevel,
+          mapCluster = _t$props.mapCluster,
+          mapPointCollection = _t$props.mapPointCollection,
+          showControl = _t$props.showControl,
+          boundaryName = _t$props.boundaryName,
+          heatMapData = _t$props.heatMapData,
+          areaRestriction = _t$props.areaRestriction,
+          coverageType = _t$props.coverageType,
+          infoWindowData = _t$props.infoWindowData; // 切换地图矢量图和卫星图背景
+
       if (coverageType) {
         t.setMapType(coverageType);
-      }
-      //创建地图
-      t.createMap();
-      //初始化中心点
-      t.setCenter(mapCenter);
-      //添加点
+      } //创建地图
+
+
+      t.createMap(); //初始化中心点
+
+      t.setCenter(mapCenter); //添加点
+
       if (mapPoints instanceof Array) {
         t.addPoint(mapPoints);
-      }
-      //添加线
+      } //添加线
+
+
       if (mapLines instanceof Array) {
         t.addLine(mapLines);
-      }
-      //添加面
+      } //添加面
+
+
       if (mapPolygons instanceof Array) {
         t.addPolygon(mapPolygons);
-      }
-      //添加圆
+      } //添加圆
+
+
       if (mapCircles instanceof Array) {
         t.addCircle(mapCircles);
-      }
-      //添加图片图层
+      } //添加图片图层
+
+
       if (imageOverlays instanceof Array) {
         t.imageUrlOverlay(imageOverlays);
       }
       /*设置指定图元展示*/
+
+
       if (mapVisiblePoints) {
         t.setVisiblePoints(mapVisiblePoints);
-      }
-      //设置比例尺
+      } //设置比例尺
+
+
       if (mapZoomLevel) {
         t.setZoomLevel(mapZoomLevel);
-      }
-      //设置点聚合
+      } //设置点聚合
+
+
       if (mapCluster) {
         t.cluster(mapCluster);
-      }
-      //展示比例尺
+      } //展示比例尺
+
+
       if (showControl) {
         t.showControl();
-      }
-      //添加地图类型控件
+      } //添加地图类型控件
+
+
       if (t.props.satelliteSwitch) {
         t.showMapTypeControl();
-      }
-      //画边界线
+      } //画边界线
+
+
       if (boundaryName instanceof Array && boundaryName.length > 0) {
         t.addBaiduBoundary(boundaryName);
-      }
+      } //回调显示方法
+
 
-      //回调显示方法
       if (t.props.showGraphicById) {
         t.props.showGraphicById(t.showGraphicById.bind(t));
-      }
-      //回调隐藏方法
+      } //回调隐藏方法
+
+
       if (t.props.hideGraphicById) {
         t.props.hideGraphicById(t.hideGraphicById.bind(t));
-      }
-      //设置区域限制
+      } //设置区域限制
+
+
       if (areaRestriction && !!areaRestriction[0] && !!areaRestriction[1]) {
         t.setAreaRestriction(areaRestriction);
-      }
-      // 画热力图
+      } // 画热力图
+
+
       if (heatMapData) {
         t.heatMapOverlay(heatMapData);
-      }
-      // 打开信息窗体
+      } // 打开信息窗体
+
+
       if (infoWindowData) {
         t.infoWindow(infoWindowData);
-      }
-      //添加海量点
+      } //添加海量点
+
+
       if (mapPointCollection instanceof Array) {
         t.addPointCollection(mapPointCollection);
-      }
-      //初始化地图拖拽开始事件
-      t.dragMapStart();
-      //初始化地图拖拽结束事件
-      t.dragMapEnd();
-      //初始化地图移动开始事件
-      t.moveStart();
-      //初始化地图移动结束事件
-      t.moveEnd();
-      //初始化地图zoom改变开始事件
-      t.zoomStart();
-      //初始化地图zoom改变结束事件
-      t.zoomEnd();
-      //初始化地图点击事件
+      } //初始化地图拖拽开始事件
+
+
+      t.dragMapStart(); //初始化地图拖拽结束事件
+
+      t.dragMapEnd(); //初始化地图移动开始事件
+
+      t.moveStart(); //初始化地图移动结束事件
+
+      t.moveEnd(); //初始化地图zoom改变开始事件
+
+      t.zoomStart(); //初始化地图zoom改变结束事件
+
+      t.zoomEnd(); //初始化地图点击事件
+
       t.clickMap();
       t.setState({
         mapCreated: true
       });
-    }
-    //地图方法
+    } //地图方法
+
   }, {
     key: "createMap",
     value: function createMap(divId) {
       var t = this;
       var _t$props2 = t.props,
-        viewMode = _t$props2.viewMode,
-        mapStyle = _t$props2.mapStyle,
-        mapCenter = _t$props2.mapCenter,
-        mapId = _t$props2.mapId,
-        mapZoomLevel = _t$props2.mapZoomLevel,
-        minZoom = _t$props2.minZoom,
-        maxZoom = _t$props2.maxZoom;
-      //缓存Map的对象,方便后期的功能操作
+          viewMode = _t$props2.viewMode,
+          mapStyle = _t$props2.mapStyle,
+          mapCenter = _t$props2.mapCenter,
+          mapId = _t$props2.mapId,
+          mapZoomLevel = _t$props2.mapZoomLevel,
+          minZoom = _t$props2.minZoom,
+          maxZoom = _t$props2.maxZoom; //缓存Map的对象,方便后期的功能操作
       //后期不会操作gis数据,直接通过state缓存.
+
       if (window.VtxMap) {
         window.VtxMap[mapId] = null;
       } else {
         window.VtxMap = {};
       }
+
       window.VtxMap[mapId] = t.state.gis = new AMap.Map(mapId.toString(), {
         viewMode: viewMode ? viewMode : '2D',
         resizeEnable: true,
@@ -303,17 +376,21 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         center: mapCenter && mapCenter instanceof Array && mapCenter.length == 2 ? mapCenter : [116.400433, 39.906705],
         zooms: [minZoom || 3, maxZoom || 18]
       });
+
       if (mapStyle) {
         t.state.gis.setMapStyle(mapStyle);
-      }
-      //聚合点类对象
-      t.clusterObj = new AMap.MarkerClusterer(t.state.gis, []);
-      //比例尺控件对象
+      } //聚合点类对象
+
+
+      t.clusterObj = new AMap.MarkerClusterer(t.state.gis, []); //比例尺控件对象
+
       /*算出比例尺位置偏移量*/
+
       var offsetS = new AMap.Pixel(60, 17);
       var offsetT = new AMap.Pixel(25, 10);
       var zlt = 'RB';
       var zls = 'RB';
+
       if (t.props.showControl) {
         switch (t.props.showControl.location) {
           case 'tl':
@@ -322,30 +399,35 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             offsetS = new AMap.Pixel(10, 17);
             offsetT = new AMap.Pixel(5, 10);
             break;
+
           case 'bl':
             zlt = 'LB';
             zls = 'LB';
             offsetS = new AMap.Pixel(60, 19);
             offsetT = new AMap.Pixel(5, 12);
             break;
+
           case 'tr':
             zlt = 'RT';
             zls = 'RB';
             offsetS = new AMap.Pixel(25, 17);
             offsetT = new AMap.Pixel(25, 10);
             break;
+
           case 'br':
             zlt = 'RB';
             zls = 'RB';
             offsetS = new AMap.Pixel(70, 17);
             offsetT = new AMap.Pixel(25, 10);
             break;
-        }
-        //默认是all
+        } //默认是all
+
+
         var tp = {
           ruler: true,
           direction: true
         };
+
         switch (t.props.showControl.type) {
           case 'small':
             tp = {
@@ -353,12 +435,14 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
               direction: true
             };
             break;
+
           case 'pan':
             tp = {
               ruler: false,
               direction: true
             };
             break;
+
           case 'zoom':
             tp = {
               ruler: false,
@@ -366,54 +450,59 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             };
             break;
         }
+
         t.scale = new AMap.Scale({
           position: zls,
           offset: offsetS
-        });
-        //比例尺工具对象
+        }); //比例尺工具对象
+
         t.tool = new AMap.ToolBar(_objectSpread({
           position: zlt,
           offset: offsetT,
           locate: false
         }, tp));
-      }
-      //搜索服务
+      } //搜索服务
+
+
       var opts = {
         subdistrict: 1,
         //返回下一级行政区
         extensions: 'all',
         //返回行政区边界坐标组等具体信息
         level: 'district' //查询行政级别为 市
-      };
-      //实例化DistrictSearch
-      t.districeSearch = new AMap.DistrictSearch(opts);
-      //实例化RangingTool
+
+      }; //实例化DistrictSearch
+
+      t.districeSearch = new AMap.DistrictSearch(opts); //实例化RangingTool
+
       t.ruler = new AMap.RangingTool(t.state.gis);
       t.ruler.on('end', function (_ref) {
         var type = _ref.type,
-          polyline = _ref.polyline,
-          points = _ref.points,
-          distance = _ref.distance;
+            polyline = _ref.polyline,
+            points = _ref.points,
+            distance = _ref.distance;
         var lnglats = points.map(function (item, index) {
           return [item.lng, item.lat];
-        });
-        //恢复鼠标默认样式
+        }); //恢复鼠标默认样式
+
         t.state.gis.setDefaultCursor();
         t.ruler.turnOff();
+
         if (typeof t.props.mapRangingTool === "function") {
           t.props.mapRangingTool({
             distance: distance,
             lnglats: lnglats
           });
         }
-      });
-      //绘制图元类
-      t.mousetool = new AMap.MouseTool(t.state.gis);
-      //绘制完后的回调
+      }); //绘制图元类
+
+      t.mousetool = new AMap.MouseTool(t.state.gis); //绘制完后的回调
+
       t.mousetool.on('draw', function (_ref2) {
         var _t$frameSelectProps$b;
+
         var type = _ref2.type,
-          obj = _ref2.obj;
+            obj = _ref2.obj;
         var drawExtData = obj.getExtData();
         var backobj = {
           id: drawExtData.id,
@@ -423,11 +512,11 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           geometry: {
             type: drawExtData.type == 'rectangle' ? 'polygon' : drawExtData.type
           }
-        };
-        //缓存绘制的图元信息
+        }; //缓存绘制的图元信息
+
         t.GM.setGraphic(drawExtData.id, obj);
-        t.GM.setGraphicParam(drawExtData.id, backobj);
-        //添加点击事件
+        t.GM.setGraphicParam(drawExtData.id, backobj); //添加点击事件
+
         obj.on('click', function (e) {
           t.clickGraphic(drawExtData.id, e);
         });
@@ -436,50 +525,57 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         });
         obj.on('mouseout', function (e) {
           t.mouseOutGraphic(drawExtData.id, e);
-        });
+        }); //区别点和圆的经纬度数据处理
 
-        //区别点和圆的经纬度数据处理
         var _t$dealData = t.dealData(obj),
-          lnglatAry = _t$dealData.lnglatAry,
-          _extent = _t$dealData._extent,
-          path = _t$dealData.path;
-        //处理返回数据
+            lnglatAry = _t$dealData.lnglatAry,
+            _extent = _t$dealData._extent,
+            path = _t$dealData.path; //处理返回数据
+
+
         switch (drawExtData.type) {
           case 'point':
             backobj.geometry.x = obj.getPosition().getLng();
             backobj.geometry.y = obj.getPosition().getLat();
             break;
+
           case 'polyline':
             backobj.lnglatAry = lnglatAry;
             backobj.geometry.paths = path;
             backobj.geometry._extent = _extent;
             backobj.distance = obj.getLength();
             break;
+
           case 'polygon':
             backobj.area = obj.getArea();
             backobj.lnglatAry = lnglatAry;
             backobj.geometry.rings = path;
             backobj.geometry._extent = _extent;
             break;
+
           case 'rectangle':
             backobj.area = obj.getArea();
             backobj.lnglatAry = lnglatAry;
             backobj.geometry.rings = path;
             backobj.geometry._extent = _extent;
             break;
+
           case 'circle':
             backobj.geometry.x = obj.getCenter().getLng();
             backobj.geometry.y = obj.getCenter().getLat();
             backobj.geometry.radius = obj.getRadius();
             backobj.area = Math.PI * Math.pow(backobj.geometry.radius, 2);
             break;
-        }
-        //恢复鼠标默认样式
+        } //恢复鼠标默认样式
+
+
         t.state.gis.setDefaultCursor();
         t.mousetool.close();
+
         if ('drawEnd' in t.props) {
           t.props.drawEnd(backobj);
         }
+
         if (((_t$frameSelectProps$b = t.frameSelectProps[backobj.id]) === null || _t$frameSelectProps$b === void 0 ? void 0 : _t$frameSelectProps$b.callback) instanceof Function) {
           t.frameSelectProps[backobj.id].callback(backobj);
         }
@@ -496,41 +592,46 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         }
       });
       t.initPropsForUser();
-    }
-    // 初始化对外方法
+    } // 初始化对外方法
+
   }, {
     key: "initPropsForUser",
     value: function initPropsForUser() {
       var t = this;
+
       t.state.gis["frameSelect"] = function () {
         var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var callback = arguments.length > 1 ? arguments[1] : undefined;
         return t.frameSelect(obj, callback);
       };
+
       t.state.gis["clearFrameSelect"] = function () {
         return t.clearFrameSelect();
       };
+
       t.state.gis["clearFrameSelectById"] = function (id) {
         return t.clearFrameSelectById(id);
       };
-    }
-    // 框选
+    } // 框选
+
   }, {
     key: "frameSelect",
     value: function frameSelect(_ref3, callback) {
       var geometryType = _ref3.geometryType,
-        _ref3$parameter = _ref3.parameter,
-        parameter = _ref3$parameter === void 0 ? {} : _ref3$parameter,
-        _ref3$data = _ref3.data,
-        data = _ref3$data === void 0 ? {} : _ref3$data;
+          _ref3$parameter = _ref3.parameter,
+          parameter = _ref3$parameter === void 0 ? {} : _ref3$parameter,
+          _ref3$data = _ref3.data,
+          data = _ref3$data === void 0 ? {} : _ref3$data;
+
       if (!['polygon', 'circle', 'rectangle'].includes(geometryType)) {
         message.warn("传入的类型不支持框选！");
         return false;
       }
+
       var t = this;
       var params = {},
-        type = geometryType || 'polygon',
-        id = data.id || "frameSelectFeature_".concat(Math.random());
+          type = geometryType || 'polygon',
+          id = data.id || "frameSelectFeature_".concat(Math.random());
       params.color = parameter.color || 'red';
       params.lineColor = parameter.lineColor || 'red';
       params.lineOpacity = parameter.lineOpacity || 1;
@@ -549,17 +650,18 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         id: id,
         type: geometryType
       };
-    }
-    // 清除框选
+    } // 清除框选
+
   }, {
     key: "clearFrameSelect",
     value: function clearFrameSelect() {
       for (var key in this.frameSelectProps) {
         this.removeGraphic(this.frameSelectProps[key].id, this.frameSelectProps[key].type);
       }
+
       this.frameSelectProps = {};
-    }
-    // 清除框选ById
+    } // 清除框选ById
+
   }, {
     key: "clearFrameSelectById",
     value: function clearFrameSelectById(id) {
@@ -570,10 +672,11 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
     /* 
         切换地图矢量图和卫星图背景
     */
+
   }, {
     key: "setMapType",
     value: function setMapType(type) {
-      if (!this.satellite) {
+      if (!this.satellite && type == 'wx') {
         this.satellite = new AMap.TileLayer.Satellite({
           map: this.state.gis
         });
@@ -581,58 +684,64 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           map: this.state.gis
         });
       }
-      switch (type) {
-        case 'sl':
-          this.satellite.hide();
-          this.roadNet.hide();
-          break;
-        case 'wx':
-          this.satellite.show();
-          this.roadNet.show();
-          break;
+
+      if (this.satellite) {
+        switch (type) {
+          case 'sl':
+            this.satellite.hide();
+            this.roadNet.hide();
+            break;
+
+          case 'wx':
+            this.satellite.show();
+            this.roadNet.show();
+            break;
+        }
       }
-    }
-    //增加图片图层
+    } //增加图片图层
+
   }, {
     key: "imageUrlOverlay",
     value: function imageUrlOverlay(imageAry) {
       var t = this;
       imageAry.map(function (item, index) {
         var sw = item.sw,
-          ne = item.ne,
-          url = item.url,
-          opacity = item.opacity,
-          displayOnMinLevel = item.displayOnMinLevel,
-          displayOnMaxLevel = item.displayOnMaxLevel;
+            ne = item.ne,
+            url = item.url,
+            opacity = item.opacity,
+            displayOnMinLevel = item.displayOnMinLevel,
+            displayOnMaxLevel = item.displayOnMaxLevel;
+
         if (!url) {
           console.warn("\u56FE\u7247\u56FE\u5C42url\u6570\u636E\u9519\u8BEF");
           return false;
         }
+
         if (sw && ne && Array.isArray(sw) && Array.isArray(ne) && sw[0] && sw[1] && ne[0] && ne[1]) {
           var swnep = new AMap.Bounds(sw, ne),
-            imageUrlOverlay = new AMap.ImageLayer({
-              url: url,
-              zooms: [displayOnMinLevel || 3, displayOnMaxLevel || 18],
-              bounds: swnep
-            });
+              imageUrlOverlay = new AMap.ImageLayer({
+            url: url,
+            zooms: [displayOnMinLevel || 3, displayOnMaxLevel || 18],
+            bounds: swnep
+          });
           t.state.gis.setLayers([new AMap.TileLayer(), imageUrlOverlay]);
         } else {
           console.warn("\u533A\u57DF\u7ECF\u7EAC\u5EA6sw/ne\u6570\u636E\u9519\u8BEF");
           return false;
         }
       });
-    }
-    //清空地图所有图元
+    } //清空地图所有图元
+
   }, {
     key: "clearAll",
     value: function clearAll() {
-      var t = this;
-      //先清除所有标记
+      var t = this; //先清除所有标记
+
       t.clusterObj.clearMarkers();
-      t.state.gis.clearMap();
-      //清空所有缓存图元数据
-      t.GM.clearAll();
-      //清空历史数据记录
+      t.state.gis.clearMap(); //清空所有缓存图元数据
+
+      t.GM.clearAll(); //清空历史数据记录
+
       t.setState({
         pointIds: [],
         lineIds: [],
@@ -650,22 +759,24 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
     }
     /*set方法*/
     //设置地图中心位置 lng/经度  lat/纬度
+
   }, {
     key: "setCenter",
     value: function setCenter(gt) {
       var t = this;
+
       if (!t.state.gis) {
         return;
       }
+
       if (gt && gt instanceof Array && gt.length == 2) {
-        t.state.gis.setCenter(gt);
-        // t.setState({center:gt});
+        t.state.gis.setCenter(gt); // t.setState({center:gt});
       } else {
-        t.state.gis.setCenter([116.400433, 39.906705]);
-        // t.setState({center:[117.468021,39.890092]});
+        t.state.gis.setCenter([116.400433, 39.906705]); // t.setState({center:[117.468021,39.890092]});
       }
     }
     /*地图区域限制*/
+
   }, {
     key: "setAreaRestriction",
     value: function setAreaRestriction(sw_ne) {
@@ -676,13 +787,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
     key: "clearAreaRestriction",
     value: function clearAreaRestriction() {
       this.state.gis.clearLimitBounds();
-    }
-    //展示路况信息
+    } //展示路况信息
+
   }, {
     key: "openTrafficInfo",
     value: function openTrafficInfo() {
-      var t = this;
-      //判断是否已经创建路况对象
+      var t = this; //判断是否已经创建路况对象
+
       if (this.trafficLayer) {
         this.trafficLayer.show();
       } else {
@@ -693,44 +804,51 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         t.state.gis.add(trafficLayer);
         this.trafficLayer = trafficLayer;
       }
-    }
-    //隐藏路况信息
+    } //隐藏路况信息
+
   }, {
     key: "hideTrafficInfo",
     value: function hideTrafficInfo() {
       if (this.trafficLayer) {
         this.trafficLayer.hide();
       }
-    }
-    //设置指定图元展示   高德只有zoom和center全适应,单适应暂时无法实现
+    } //设置指定图元展示   高德只有zoom和center全适应,单适应暂时无法实现
+
   }, {
     key: "setVisiblePoints",
     value: function setVisiblePoints(obj) {
       var t = this;
       var ids = [];
+
       switch (obj.fitView) {
         case 'point':
           t.state.gis.setFitView(t.state.gis.getAllOverlays('marker'));
           break;
+
         case 'line':
           t.state.gis.setFitView(t.state.gis.getAllOverlays('polyline'));
           break;
+
         case 'polygon':
           t.state.gis.setFitView(t.state.gis.getAllOverlays('polygon'));
           break;
+
         case 'circle':
           t.state.gis.setFitView(t.state.gis.getAllOverlays('circle'));
           break;
+
         case 'all':
           var pts = [].concat(_toConsumableArray(t.state.gis.getAllOverlays('marker')), _toConsumableArray(t.state.gis.getAllOverlays('polyline')), _toConsumableArray(t.state.gis.getAllOverlays('polygon')), _toConsumableArray(t.state.gis.getAllOverlays('circle')));
           t.state.gis.setFitView(pts);
           break;
+
         default:
           if (obj.fitView instanceof Array) {
             ids = obj.fitView;
           } else if (typeof obj.fitView === 'string') {
             ids = obj.fitView.split(',');
           }
+
           if (ids[0] instanceof Array) {
             // let l = new AMap.LngLat(ids[0][0],ids[0][1]),
             //     r = new AMap.LngLat(ids[1][0],ids[1][1]); 
@@ -745,17 +863,18 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           } else {
             t.state.gis.setFitView(this.GM.getMoreGraphic(ids));
           }
+
           break;
       }
-    }
-    //设置地图比例尺
+    } //设置地图比例尺
+
   }, {
     key: "setZoomLevel",
     value: function setZoomLevel(zoom) {
       var t = this;
       t.state.gis.setZoom(zoom);
-    }
-    //获取当前地图的中心位置
+    } //获取当前地图的中心位置
+
   }, {
     key: "getCurrentCenter",
     value: function getCurrentCenter() {
@@ -764,22 +883,22 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         lat: t.state.gis.getCenter().lat,
         lng: t.state.gis.getCenter().lng
       };
-    }
-    //获取当前比例尺
+    } //获取当前比例尺
+
   }, {
     key: "getZoomLevel",
     value: function getZoomLevel() {
       var t = this;
       return t.state.gis.getZoom();
-    }
-    //获取当前地图边框左右边角经纬度,中心点位置,和比例尺,半径距离
+    } //获取当前地图边框左右边角经纬度,中心点位置,和比例尺,半径距离
+
   }, {
     key: "getMapExtent",
     value: function getMapExtent() {
       var t = this;
       var gis = t.state.gis;
       var northEast = (this.props.viewMode == '3D' ? gis.getBounds().toBounds() : gis.getBounds()).getNorthEast(),
-        southWest = (this.props.viewMode == '3D' ? gis.getBounds().toBounds() : gis.getBounds()).getSouthWest();
+          southWest = (this.props.viewMode == '3D' ? gis.getBounds().toBounds() : gis.getBounds()).getSouthWest();
       var obj = {
         mapSize: gis.getSize(),
         nowCenter: t.getCurrentCenter(),
@@ -795,13 +914,14 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
       };
       obj.radius = t.calculatePointsDistance([obj.nowCenter.lng, obj.nowCenter.lat], [northEast.getLng(), northEast.getLat()]);
       return obj;
-    }
-    //聚合地图图元(arg为空时聚合全部点)
+    } //聚合地图图元(arg为空时聚合全部点)
+
   }, {
     key: "cluster",
     value: function cluster(arg) {
       var t = this;
       var ary = [];
+
       if (!arg) {
         var pointIds = t.state.pointIds;
         ary = pointIds;
@@ -812,6 +932,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           ary = arg.split(',');
         }
       }
+
       ary = ary.filter(function (item, index) {
         return !(t.GM.getGraphicParam(item).attributes.config || {}).isAnimation;
       });
@@ -819,8 +940,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         return !item && item != 0 ? false : true;
       });
       t.clusterObj.setMarkers(ms);
-    }
-    // 清除聚合
+    } // 清除聚合
+
   }, {
     key: "removeCluster",
     value: function removeCluster(arg) {
@@ -829,85 +950,93 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
       t.clusterObj.removeMarkers(t.clusterObj.getMarkers());
       ids.map(function (id) {
         t.GM.removeGraphic(id);
-      });
-      // 重新加点
+      }); // 重新加点
+
       t.addPoint(t.props.mapPoints);
-    }
-    //展示比例尺
+    } //展示比例尺
+
   }, {
     key: "showControl",
     value: function showControl(props) {
       var t = this,
-        location = 'RT',
-        offset = null,
-        scaleOffset = null;
+          location = 'RT',
+          offset = null,
+          scaleOffset = null;
       var config = props || t.props;
+
       if (t.scaleControl) {
         t.state.gis.removeControl(t.scaleControl);
       }
+
       if (t.navigationControl) {
         t.state.gis.removeControl(t.navigationControl);
       }
+
       if (config.showControl.location) {
         location = t.AnchorConstant[config.showControl.location];
       }
+
       if (config.showControl.offset && config.showControl.offset.length > 0) {
         offset = new AMap.Pixel(config.showControl.offset[0], config.showControl.offset[1]);
         scaleOffset = new AMap.Pixel(config.showControl.offset[0] + 70, config.showControl.offset[1]);
-      }
-      // 添加比例尺
+      } // 添加比例尺
+
+
       var control = new AMap.Scale({
         position: location,
         offset: scaleOffset
       });
       t.state.gis.addControl(control);
-      t.scaleControl = control;
-      // 包含平移和缩放按钮
+      t.scaleControl = control; // 包含平移和缩放按钮
+
       var navigation = new AMap.ToolBar({
         position: location,
         offset: offset
       });
       t.state.gis.addControl(navigation);
       t.navigationControl = navigation;
-    }
-    // 移除比例尺
+    } // 移除比例尺
+
   }, {
     key: "removeControl",
     value: function removeControl() {
       var t = this;
+
       if (t.scaleControl) {
         t.state.gis.removeControl(t.scaleControl);
         t.scaleControl = null;
       }
+
       if (t.navigationControl) {
         t.state.gis.removeControl(t.navigationControl);
         t.navigationControl = null;
       }
-    }
-    //展示地图切换控件
+    } //展示地图切换控件
+
   }, {
     key: "showMapTypeControl",
     value: function showMapTypeControl(props) {
       var t = this,
-        location = 'RT',
-        offset = null;
+          location = 'RT',
+          offset = null;
       var config = props || t.props;
+
       if (t.mapTypeControl) {
         t.state.gis.removeControl(t.mapTypeControl);
       }
+
       if (config.satelliteSwitch.location) {
         location = t.AnchorConstant[config.satelliteSwitch.location];
-      }
+      } // 地图切换控件
+
 
-      // 地图切换控件
       var control = new AMap.MapType({
         position: location,
         offset: offset
       });
       t.state.gis.addControl(control);
-      t.mapTypeControl = control;
+      t.mapTypeControl = control; // TODO，MapType没有这些属性，所以下面定位和偏移不生效，手动修改
 
-      // TODO，MapType没有这些属性，所以下面定位和偏移不生效，手动修改
       function reloaction() {
         if (location == 'RT') {
           $('div.amap-maptypecontrol').css({
@@ -938,6 +1067,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             top: 'inherit'
           });
         }
+
         if (config.satelliteSwitch.offset && config.satelliteSwitch.offset.length > 0) {
           if (location == 'RT') {
             $('div.amap-maptypecontrol').css({
@@ -970,39 +1100,47 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           }
         }
       }
+
       if ($('div.amap-maptypecontrol').length > 0) {
         reloaction();
       } else {
         var timer = setInterval(function () {
           console.log(123);
+
           if ($('div.amap-maptypecontrol').length > 0) {
             clearInterval(timer);
             reloaction();
           }
         }, 500);
       }
-    }
-    //获取图元数据
+    } //获取图元数据
+
   }, {
     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;
+
       var _t$dealData2 = t.dealData(gg),
-        lnglatAry = _t$dealData2.lnglatAry,
-        _extent = _t$dealData2._extent,
-        path = _t$dealData2.path;
+          lnglatAry = _t$dealData2.lnglatAry,
+          _extent = _t$dealData2._extent,
+          path = _t$dealData2.path;
+
       switch (gp.geometryType) {
         case 'point':
           lng = gg.getPosition().getLng();
@@ -1023,6 +1161,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
+
         case 'polyline':
           pts = gg.getPath().map(function (item, index) {
             return [item.lng, item.lat];
@@ -1042,6 +1181,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
+
         case 'polygon':
           pts = gg.getPath().map(function (item, index) {
             return [item.lng, item.lat];
@@ -1061,6 +1201,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             })
           });
           break;
+
         case 'circle':
           lng = gg.getCenter().getLng();
           lat = gg.getCenter().getLat();
@@ -1085,23 +1226,24 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           });
           break;
       }
+
       return p;
-    }
-    //显示隐藏的图元
+    } //显示隐藏的图元
+
   }, {
     key: "showGraphicById",
     value: function showGraphicById(id) {
       var t = this;
       t.GM.getGraphic(id).show();
-    }
-    //隐藏图元
+    } //隐藏图元
+
   }, {
     key: "hideGraphicById",
     value: function hideGraphicById(id) {
       var t = this;
       t.GM.getGraphic(id).hide();
-    }
-    //画出对应边界线 name区域名
+    } //画出对应边界线 name区域名
+
   }, {
     key: "addBaiduBoundary",
     value: function addBaiduBoundary(bdNames) {
@@ -1129,6 +1271,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
     key: "removeBaiduBoundary",
     value: function removeBaiduBoundary(removedBDNames) {
       var _this2 = this;
+
       var removedBDIds = this.state.boundaryInfo.filter(function (item) {
         return removedBDNames.indexOf(item.name) > -1;
       }).map(function (item) {
@@ -1154,28 +1297,33 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         visible: true,
         opacity: 0.7
       };
+
       if (d.config) {
         cg = _objectSpread(_objectSpread({}, cg), d.config);
       }
+
       var option = {
         radius: cg.radius,
         opacity: [0, cg.opacity]
       };
+
       if (cg.gradient) {
         option.gradient = cg.gradient;
       }
+
       t.heatmap.setOptions(option);
       t.heatmap.setDataSet({
         max: cg.max,
         data: d.data || []
       });
+
       if (cg.visible) {
         t.heatmap.show();
       } else {
         t.heatmap.hide();
       }
-    }
-    // 信息窗体
+    } // 信息窗体
+
   }, {
     key: "infoWindow",
     value: function infoWindow() {
@@ -1185,37 +1333,43 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         width: 300,
         height: 172
       };
+
       if (d.config) {
         cg = _objectSpread(_objectSpread({}, cg), d.config);
       }
+
       var sContent = document.createElement('div');
       var infowindow = new AMap.InfoWindow({
         // isCustom: true,
         content: sContent
       });
       infowindow.setSize(new AMap.Size(cg.width, cg.height + 20));
+
       if (d.onClose instanceof Function) {
         infowindow.on("close", function (e) {
           d.onClose(e);
         });
       }
+
       if (d.lat && d.lng && d.content) {
         (0, _reactDom.render)(d.content, sContent);
         infowindow.open(t.state.gis, [d.lng, d.lat]);
       } else {
         infowindow.close();
       }
-    }
-    //添加海量点
+    } //添加海量点
+
   }, {
     key: "addPointCollection",
     value: function addPointCollection() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var t = this;
+
       if (!$("#".concat(t.state.mapId, " .amap-layers")).length) {
         if (t.pointCollectTimer) {
           clearTimeout(t.pointCollectTimer);
         }
+
         t.pointCollectTimer = setTimeout(function () {
           t.addPointCollection(data);
         }, 50);
@@ -1230,6 +1384,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           pointCollectionHtml.className = 'vtx_gmap_html_pointCollection_a';
           $($("#".concat(t.state.mapId, " .amap-layers"))[0]).append(pointCollectionHtml);
         } else {}
+
         data.map(function (item, index) {
           var d = item || {};
           var points = (d.points || []).map(function (d, i) {
@@ -1253,8 +1408,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           VotexpointCollection.draw();
         });
       }
-    }
-    //更新海量点
+    } //更新海量点
+
   }, {
     key: "updatePointCollection",
     value: function updatePointCollection() {
@@ -1279,8 +1434,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           }
         });
       });
-    }
-    //删除海量点
+    } //删除海量点
+
   }, {
     key: "clearPointCollection",
     value: function clearPointCollection() {
@@ -1293,8 +1448,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           }
         });
       });
-    }
-    //删除全部海量点
+    } //删除全部海量点
+
   }, {
     key: "clearAllPointCollection",
     value: function clearAllPointCollection() {
@@ -1302,26 +1457,31 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
       t.morepoints.map(function (item, index) {
         item.value.clear();
       });
-    }
-    //添加点
+    } //添加点
+
   }, {
     key: "addPoint",
     value: function addPoint(mapPoints, type) {
       var _this3 = this;
+
       var t = this;
       var ps = [];
+
       var psids = _toConsumableArray(t.state.pointIds);
+
       mapPoints.map(function (item, index) {
         //如果id重复,直接跳过不执行.
         if (_this3.GM.isRepetition(item.id)) {
           console.warn("\u52A0\u70B9id: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        }
-        //点位数据不符合,直接跳过
+        } //点位数据不符合,直接跳过
+
+
         if (!item.longitude || !item.latitude) {
           console.warn("\u70B9 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
           return false;
         }
+
         var cg = {
           width: 30,
           height: 30,
@@ -1332,12 +1492,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           markerContentY: -42,
           zIndex: 100,
           deg: 0
-        };
-        //初始化默认数据
+        }; //初始化默认数据
+
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
-        }
-        //覆盖物参数
+        } //覆盖物参数
+
+
         var markerOption = {
           position: new AMap.LngLat(item.longitude, item.latitude),
           offset: new AMap.Pixel(cg.markerContentX, cg.markerContentY),
@@ -1350,14 +1511,16 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             id: item.id
           }
         };
+
         if (cg.BAnimationType == 0) {
           markerOption.animation = 'AMAP_ANIMATION_BOUNCE';
         } else if (cg.BAnimationType == 1) {
           markerOption.animation = 'AMAP_ANIMATION_DROP';
         } else {
           markerOption.animation = 'AMAP_ANIMATION_NONE';
-        }
-        //判断html还是图片
+        } //判断html还是图片
+
+
         if (!!item.markerContent) {
           markerOption.content = item.markerContent;
         } else {
@@ -1368,23 +1531,24 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
               size: new AMap.Size(cg.width, cg.height),
               image: item.url,
               imageSize: new AMap.Size(cg.width, cg.height)
-            });
-            // }else{
+            }); // }else{
             //     markerOption.icon = item.url;
             // }
           }
-        }
-        //是否展示label
+        } //是否展示label
+
+
         if (item.canShowLabel) {
           var labelClass = item.labelClass || 'label-content';
           markerOption.label = {
             content: "<div class='".concat(labelClass, "'>").concat(cg.labelContent, "</div>"),
             offset: new AMap.Pixel(cg.labelPixelX, cg.labelPixelY)
           };
-        }
-        //获得覆盖物对象
-        var marker = new AMap.Marker(markerOption);
-        //添加点击事件
+        } //获得覆盖物对象
+
+
+        var marker = new AMap.Marker(markerOption); //添加点击事件
+
         marker.on('click', function (e) {
           t.clickGraphic(item.id, e);
         });
@@ -1395,8 +1559,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           t.mouseOutGraphic(item.id, e);
         });
         ps.push(marker);
-        psids.push(item.id);
-        //缓存图元的数据,偏于后期操作
+        psids.push(item.id); //缓存图元的数据,偏于后期操作
+
         _this3.GM.setGraphic(item.id, marker).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
@@ -1408,21 +1572,22 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             y: item.latitude
           }
         });
-      });
-      //统一加点
+      }); //统一加点
+
       t.state.gis.add(ps);
+
       if (type !== 'defined') {
-        t.state.pointIds = psids;
-        // t.setState({
+        t.state.pointIds = psids; // t.setState({
         //     pointIds: psids
         // })
       }
-    }
-    //更新点
+    } //更新点
+
   }, {
     key: "updatePoint",
     value: function updatePoint(mapPoints) {
       var _this4 = this;
+
       var t = this;
       mapPoints.map(function (item, index) {
         //判断图元是否存在.
@@ -1431,10 +1596,12 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           if (!item.longitude || !item.latitude) {
             console.warn("\u70B9 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
             return false;
-          }
-          //获取原有的图元
+          } //获取原有的图元
+
+
           var gc = _this4.GM.getGraphic(item.id),
-            isuserUrlLeft = false;
+              isuserUrlLeft = false;
+
           var cg = {
             width: 30,
             height: 30,
@@ -1445,56 +1612,66 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             zIndex: gc.getzIndex(),
             labelClass: 'label-content'
           };
+
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
-          }
-          //是否展示label
+          } //是否展示label
+
+
           if (item.canShowLabel) {
             cg.labelPixelX = cg.labelPixelX || gc.getLabel() ? gc.getLabel().offset.getX() : 0;
             cg.labelPixelY = cg.labelPixelY || gc.getLabel() ? gc.getLabel().offset.getY() : 34;
             cg.labelContent = cg.labelContent || gc.getLabel().offset.content;
-            var labelClass = item.labelClass || 'label-content';
-            //更新label
+            var labelClass = item.labelClass || 'label-content'; //更新label
+
             gc.setLabel({
               content: "<div class='".concat(labelClass, "'>").concat(cg.labelContent, "</div>"),
               offset: new AMap.Pixel(cg.labelPixelX, cg.labelPixelY)
             });
-          }
-          //更新偏移量
-          gc.setOffset(new AMap.Pixel(cg.markerContentX, cg.markerContentY));
-          //设置偏转角度
-          gc.setAngle(cg.deg);
-          //设置点的标记添加顺序
-          gc.setzIndex(cg.zIndex);
-          //更新经纬度
+          } //更新偏移量
+
+
+          gc.setOffset(new AMap.Pixel(cg.markerContentX, cg.markerContentY)); //设置偏转角度
+
+          gc.setAngle(cg.deg); //设置点的标记添加顺序
+
+          gc.setzIndex(cg.zIndex); //更新经纬度
+
           if (!item.config.isAnimation) {
             gc.setPosition(new AMap.LngLat(item.longitude, item.latitude));
           } else {
             var distance = t.calculatePointsDistance([item.longitude, item.latitude], [gc.getPosition().getLng(), gc.getPosition().getLat()]);
+
             if (distance > 0) {
               var delay = item.config.animationDelay || 3;
               var speed = distance / delay * 3600 / 1000;
+
               if (cg.autoRotation) {
                 var ddeg = t.rotateDeg(gc.getPosition(), [item.longitude, item.latitude]);
+
                 if (item.urlleft && ddeg < -90 && ddeg > -270) {
                   ddeg += 180;
                   isuserUrlLeft = true;
                 }
+
                 gc.setAngle(ddeg);
               }
+
               gc.moveTo(new AMap.LngLat(item.longitude, item.latitude), speed, function (k) {
                 return k;
               });
             }
           }
+
           if (item.config.BAnimationType == 0) {
             gc.setAnimation('AMAP_ANIMATION_BOUNCE');
           } else if (item.config.BAnimationType == 1) {
             gc.setAnimation('AMAP_ANIMATION_DROP');
           } else {
             gc.setAnimation('AMAP_ANIMATION_NONE');
-          }
-          //判断html还是图片
+          } //判断html还是图片
+
+
           if (!!item.markerContent) {
             gc.setContent(item.markerContent);
           } else {
@@ -1507,13 +1684,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
                   size: new AMap.Size(cg.width, cg.height),
                   image: item.url,
                   imageSize: new AMap.Size(cg.width, cg.height)
-                }));
-                // }else{
+                })); // }else{
                 //     gc.setIcon(item.url);
                 // }
               }
             }
           }
+
           _this4.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
@@ -1530,27 +1707,32 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           return false;
         }
       });
-    }
-    //添加线
+    } //添加线
+
   }, {
     key: "addLine",
     value: function addLine(mapLines, type) {
       var _this5 = this;
+
       var t = this;
       var ls = [];
-      var lsids = _toConsumableArray(t.state.lineIds);
-      //遍历添加线(图元)
+
+      var lsids = _toConsumableArray(t.state.lineIds); //遍历添加线(图元)
+
+
       mapLines.map(function (item, index) {
         //如果id重复,直接跳过不执行.
         if (_this5.GM.isRepetition(item.id)) {
           console.warn("\u591A\u6298\u7EBFid: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        }
-        //多折线点位数据不符合,直接跳过
+        } //多折线点位数据不符合,直接跳过
+
+
         if (!(item.paths && item.paths.length >= 2)) {
           console.warn("\u591A\u6298\u7EBFpaths\u6570\u636E\u9519\u8BEF");
           return false;
         }
+
         var cg = {
           color: '#277ffa',
           pellucidity: 0.9,
@@ -1558,9 +1740,11 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           lineType: 'solid',
           isHidden: false
         };
+
         if (item.config) {
           cg = _objectSpread(_objectSpread({}, cg), item.config);
         }
+
         var lineOption = {
           strokeColor: cg.color,
           strokeOpacity: cg.pellucidity,
@@ -1572,8 +1756,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           cursor: 'pointer',
           bubble: true
         };
-        var polyline = new AMap.Polyline(lineOption);
-        //添加点击事件
+        var polyline = new AMap.Polyline(lineOption); //添加点击事件
+
         polyline.on('click', function (e) {
           t.clickGraphic(item.id, e);
         });
@@ -1582,11 +1766,12 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         });
         polyline.on('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
-        });
-        //缓存图元的数据,便于后期操作
+        }); //缓存图元的数据,便于后期操作
+
         var pts = item.paths.map(function (itt, ind) {
           return _toConsumableArray(itt);
         });
+
         _this5.GM.setGraphic(item.id, polyline).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             paths: pts,
@@ -1598,19 +1783,20 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             paths: pts
           }
         });
+
         ls.push(polyline);
-        lsids.push(item.id);
-        //添加线
+        lsids.push(item.id); //添加线
         // polyline.setMap(t.state.gis);
         //根据参数判断是否显示多折线
+
         if (cg.isHidden) {
           polyline.hide();
         } else {
           polyline.show();
-        }
-        //state中缓存 line的id...用于数据判断
-        t.state.lineIds.push(item.id);
-        // polyline.on('click', function(e) {
+        } //state中缓存 line的id...用于数据判断
+
+
+        t.state.lineIds.push(item.id); // polyline.on('click', function(e) {
         //     let obj = {
         //         type: 'polyline',
         //         attributes: {...item.other,...{config:item.config}},
@@ -1622,20 +1808,21 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         // });
       });
       t.state.gis.add(ls);
+
       if (type !== 'defined') {
-        t.state.lineIds = lsids;
-        // t.setState({
+        t.state.lineIds = lsids; // t.setState({
         //     lineIds: lsids
         // });
       }
-    }
-    //更新线
+    } //更新线
+
   }, {
     key: "updateLine",
     value: function updateLine(mapLines) {
       var _this6 = this;
-      var t = this;
-      //遍历添加线(图元)
+
+      var t = this; //遍历添加线(图元)
+
       mapLines.map(function (item, index) {
         //判断图元是否存在.
         if (_this6.GM.isRepetition(item.id)) {
@@ -1643,28 +1830,32 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           if (!(item.paths && item.paths.length >= 2)) {
             console.warn("\u591A\u6298\u7EBFpaths\u6570\u636E\u9519\u8BEF");
             return false;
-          }
-          //获取原有的图元
+          } //获取原有的图元
+
+
           var gc = _this6.GM.getGraphic(item.id);
-          var op = gc.getOptions();
-          //根据参数判断是否显示多折线
+
+          var op = gc.getOptions(); //根据参数判断是否显示多折线
+
           if (item.config && item.config.isHidden) {
             gc.hide();
           } else {
             gc.show();
-          }
-          //获取原有的线属性,转换key值
+          } //获取原有的线属性,转换key值
+
+
           var cg = {
             color: op.strokeColor,
             pellucidity: op.strokeOpacity,
             lineWidth: op.strokeWeight,
             lineType: op.strokeStyle
-          };
-          //重新初始化值
+          }; //重新初始化值
+
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
-          }
-          //重新赋值
+          } //重新赋值
+
+
           var lineOption = {
             strokeColor: cg.color,
             strokeOpacity: cg.pellucidity,
@@ -1678,6 +1869,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           var pts = item.paths.map(function (itt, ind) {
             return _toConsumableArray(itt);
           });
+
           _this6.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               paths: pts,
@@ -1688,47 +1880,55 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
               type: 'polyline',
               paths: pts
             }
-          });
-          //更新线
+          }); //更新线
+
+
           gc.setOptions(lineOption);
         } else {
           console.warn("\u66F4\u65B0\u7684\u591A\u6298\u7EBFid\u4E0D\u5B58\u5728!");
           return false;
         }
       });
-    }
-    //添加面
+    } //添加面
+
   }, {
     key: "addPolygon",
     value: function addPolygon(mapPolygons) {
       var _this7 = this;
+
       var t = this;
       var pgs = [];
-      var pgsids = _toConsumableArray(t.state.polygonIds);
-      //遍历添加面(图元)
+
+      var pgsids = _toConsumableArray(t.state.polygonIds); //遍历添加面(图元)
+
+
       mapPolygons.map(function (item, index) {
         //如果id重复,直接跳过不执行.
         if (_this7.GM.isRepetition(item.id)) {
           console.warn("\u591A\u8FB9\u5F62id: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        }
-        //多边形点位数据不符合,直接跳过
+        } //多边形点位数据不符合,直接跳过
+
+
         if (!(item.rings && item.rings.length >= 3)) {
           console.warn("\u591A\u8FB9\u5F62rings\u6570\u636E\u9519\u8BEF");
           return false;
         }
+
         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,
@@ -1742,8 +1942,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           cursor: 'pointer',
           bubble: true
         };
-        var polygon = new AMap.Polygon(polygonOption);
-        //添加点击事件
+        var polygon = new AMap.Polygon(polygonOption); //添加点击事件
+
         polygon.on('click', function (e) {
           t.clickGraphic(item.id, e);
         });
@@ -1752,11 +1952,12 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         });
         polygon.on('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
-        });
-        //缓存图元的数据,便于后期操作
+        }); //缓存图元的数据,便于后期操作
+
         var pts = item.rings.map(function (itt, ind) {
           return _toConsumableArray(itt);
         });
+
         _this7.GM.setGraphic(item.id, polygon).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             rings: pts,
@@ -1768,20 +1969,21 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             rings: pts
           }
         });
+
         pgs.push(polygon);
         pgsids.push(item.id);
       });
       t.state.gis.add(pgs);
-      t.state.polygonIds = pgsids;
-      // t.setState({
+      t.state.polygonIds = pgsids; // t.setState({
       //     polygonIds: pgsids
       // })
-    }
-    //更新面
+    } //更新面
+
   }, {
     key: "updatePolygon",
     value: function updatePolygon(mapPolygons) {
       var _this8 = this;
+
       var t = this;
       mapPolygons.map(function (item, index) {
         //判断图元是否存在.
@@ -1790,17 +1992,19 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           if (!(item.rings && item.rings.length >= 3)) {
             console.warn("\u591A\u8FB9\u5F62rings\u6570\u636E\u9519\u8BEF");
             return false;
-          }
-          //获取原有的图元
+          } //获取原有的图元
+
+
           var gc = _this8.GM.getGraphic(item.id);
-          var op = gc.getOptions();
-          //根据参数判断是否显示面
+
+          var op = gc.getOptions(); //根据参数判断是否显示面
           // if(item.config && item.config.isHidden){
           //     gc.hide();
           // }else{
           //     gc.show();
           // }
           //获取原有的面属性,转换key值
+
           var cg = {
             lineType: op.strokeStyle,
             lineWidth: op.strokeWeight,
@@ -1808,12 +2012,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             lineOpacity: op.strokeOpacity,
             color: op.fillColor,
             pellucidity: op.fillOpacity
-          };
-          //重新初始化值
+          }; //重新初始化值
+
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
-          }
-          //重新赋值
+          } //重新赋值
+
+
           var polygonOption = {
             strokeColor: cg.lineColor,
             strokeOpacity: cg.lineOpacity,
@@ -1829,6 +2034,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           var pts = item.rings.map(function (itt, ind) {
             return _toConsumableArray(itt);
           });
+
           _this8.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               rings: pts,
@@ -1839,47 +2045,55 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
               type: 'polygon',
               rings: pts
             }
-          });
-          //更新线
+          }); //更新线
+
+
           gc.setOptions(polygonOption);
         } else {
           console.warn("\u66F4\u65B0\u7684\u591A\u8FB9\u5F62id\u4E0D\u5B58\u5728!");
           return false;
         }
       });
-    }
-    //添加圆  circle
+    } //添加圆  circle
+
   }, {
     key: "addCircle",
     value: function addCircle(mapCircles) {
       var _this9 = this;
+
       var t = this;
       var ccs = [];
+
       var ccsids = _toConsumableArray(t.state.circleIds);
+
       mapCircles.map(function (item, index) {
         //如果id重复,直接跳过不执行.
         if (_this9.GM.isRepetition(item.id)) {
           console.warn("\u5706id: ".concat(item.id, " \u91CD\u590D"));
           return false;
-        }
-        //圆 点位数据不符合,直接跳过
+        } //圆 点位数据不符合,直接跳过
+
+
         if (!item.longitude || !item.latitude) {
           console.warn("\u5706 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
           return false;
         }
+
         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,
@@ -1891,10 +2105,10 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           radius: item.radius,
           cursor: 'pointer',
           bubble: true
-        };
-        //创建圆对象
-        var circle = new AMap.Circle(circleOption);
-        //添加点击事件
+        }; //创建圆对象
+
+        var circle = new AMap.Circle(circleOption); //添加点击事件
+
         circle.on('click', function (e) {
           t.clickGraphic(item.id, e);
         });
@@ -1903,8 +2117,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         });
         circle.on('mouseout', function (e) {
           t.mouseOutGraphic(item.id, e);
-        });
-        //缓存图元的数据,便于后期操作
+        }); //缓存图元的数据,便于后期操作
+
         _this9.GM.setGraphic(item.id, circle).setGraphicParam(item.id, {
           attributes: _objectSpread(_objectSpread({}, item), {}, {
             other: item
@@ -1917,20 +2131,21 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             radius: item.radius
           }
         });
+
         ccs.push(circle);
         ccsids.push(item.id);
       });
       t.state.gis.add(ccs);
-      t.state.circleIds = ccsids;
-      // t.setState({
+      t.state.circleIds = ccsids; // t.setState({
       //     circleIds: ccsids
       // })
-    }
-    //更新圆
+    } //更新圆
+
   }, {
     key: "updateCircle",
     value: function updateCircle(mapCircles) {
       var _this10 = this;
+
       var t = this;
       mapCircles.map(function (item, index) {
         //判断图元是否存在.
@@ -1939,11 +2154,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           if (!item.longitude || !item.latitude) {
             console.warn("\u5706 \u7ECF\u7EAC\u5EA6 \u6570\u636E\u9519\u8BEF");
             return false;
-          }
-          //获取原有的图元
+          } //获取原有的图元
+
+
           var gc = _this10.GM.getGraphic(item.id);
-          var op = gc.getOptions();
-          //获取原有的面属性,转换key值
+
+          var op = gc.getOptions(); //获取原有的面属性,转换key值
+
           var cg = {
             lineType: op.strokeStyle,
             lineWidth: op.strokeWeight,
@@ -1951,12 +2168,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             lineOpacity: op.strokeOpacity,
             color: op.fillColor,
             pellucidity: op.fillOpacity
-          };
-          //重新初始化值
+          }; //重新初始化值
+
           if (item.config) {
             cg = _objectSpread(_objectSpread({}, cg), item.config);
-          }
-          //重新赋值
+          } //重新赋值
+
+
           var circleOption = {
             strokeColor: cg.lineColor,
             strokeOpacity: cg.lineOpacity,
@@ -1967,8 +2185,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             center: new AMap.LngLat(item.longitude, item.latitude) || op.center,
             radius: !item.radius && item != 0 ? op.radius : item.radius,
             cursor: 'pointer'
-          };
-          //缓存图元的数据,便于后期操作
+          }; //缓存图元的数据,便于后期操作
+
           _this10.GM.setGraphicParam(item.id, {
             attributes: _objectSpread(_objectSpread({}, item), {}, {
               other: item
@@ -1980,8 +2198,9 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
               y: item.latitude,
               radius: item.radius
             }
-          });
-          //更新线
+          }); //更新线
+
+
           gc.setOptions(circleOption);
         } else {
           console.warn("\u66F4\u65B0\u7684\u5706id\u4E0D\u5B58\u5728!");
@@ -1990,30 +2209,36 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
       });
     }
     /*根据图元id,使图元变成可编辑状态*/
+
   }, {
     key: "doEdit",
     value: function doEdit(id) {
       var t = this;
       var ms = t.getGraphic(id);
+
       if (!ms) {
         return false;
       }
+
       if (!!t.state.editId) {
         t.endEdit();
       }
+
       switch (ms.geometryType) {
         case 'point':
           ms.mapLayer.setDraggable(true);
           ms.mapLayer.on('dragend', t.editGraphicChange, t);
           break;
-        case 'polyline':
-        // break;
+
+        case 'polyline': // break;
+
         case 'polygon':
         case 'rectangle':
           t.polyEdit = new AMap.PolyEditor(t.state.gis, ms.mapLayer);
           t.polyEdit.open();
           t.polyEdit.on('adjust', t.editGraphicChange, t);
           break;
+
         case 'circle':
           t.circleEdit = new AMap.CircleEditor(t.state.gis, ms.mapLayer);
           t.circleEdit.open();
@@ -2021,34 +2246,40 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           t.circleEdit.on('adjust', t.editGraphicChange, t);
           break;
       }
+
       t.setState({
         editId: id
       });
-    }
-    //关闭编辑
+    } //关闭编辑
+
   }, {
     key: "endEdit",
     value: function endEdit() {
       var t = this;
       var ms = t.getGraphic(t.state.editId);
+
       switch (ms.geometryType) {
         case 'point':
           ms.mapLayer.setDraggable(false);
           ms.mapLayer.off('dragend', t.editGraphicChange, t);
           break;
+
         case 'polyline':
         case 'polygon':
         case 'rectangle':
           t.polyEdit.close();
           t.polyEdit.off('adjust', t.editGraphicChange, t);
           break;
+
         case 'circle':
           t.circleEdit.close();
           t.circleEdit.off('move', t.editGraphicChange, t);
           t.circleEdit.off('adjust', t.editGraphicChange, t);
           break;
       }
+
       var editGraphic = t.state.editGraphic;
+
       if (editGraphic) {
         t.setState({
           editId: '',
@@ -2057,8 +2288,8 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           t.props.editGraphicChange(editGraphic);
         });
       }
-    }
-    //编辑变动后
+    } //编辑变动后
+
   }, {
     key: "editGraphicChange",
     value: function editGraphicChange(e) {
@@ -2068,38 +2299,46 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         id: t.state.editId,
         e: e
       };
+
       switch (ms.geometryType) {
         case 'point':
           obj.geometry = ms.geometry;
           obj.param = ms;
           break;
+
         case 'polyline':
           obj.geometry = ms.geometry;
           obj.param = ms;
           obj.distance = ms.mapLayer.getLength();
           break;
+
         case 'polygon':
         case 'rectangle':
           obj.geometry = ms.geometry;
           obj.param = ms;
           obj.area = e.target.getArea();
           break;
+
         case 'circle':
           if (!('lnglat' in e)) {
             obj.e.lnglat = new AMap.LngLat(ms.geometry.x, ms.geometry.y);
           }
+
           if (!('radius' in e)) {
             obj.e.radius = ms.geometry.radius;
           }
+
           obj.geometry = ms.geometry;
           obj.param = ms;
           obj.area = Math.pow(ms.geometry.radius, 2) * Math.PI;
           break;
       }
+
       if (ms.geometryType == 'circle') {
         if (t.editTimeout) {
           clearTimeout(t.editTimeout);
         }
+
         t.editTimeout = setTimeout(function () {
           t.setState({
             editGraphic: obj
@@ -2114,12 +2353,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           t.props.editGraphicChange(obj);
         });
       }
-    }
-    //点击图元事件
+    } //点击图元事件
+
   }, {
     key: "clickGraphic",
     value: function clickGraphic(id, e) {
       var t = this;
+
       if (typeof t.props.clickGraphic === "function") {
         var param = t.getGraphic(id);
         var obj = {
@@ -2137,40 +2377,43 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         };
         t.props.clickGraphic(obj);
       }
-    }
-    //拖拽地图开始
+    } //拖拽地图开始
+
   }, {
     key: "dragMapStart",
     value: function dragMapStart() {
       var t = this;
+
       if (typeof t.props.dragMapStart === "function") {
         t.state.gis.on('dragstart', function (e) {
           var obj = t.getMapExtent();
-          obj.e = e;
-          //处理下数据,符合拖拽事件
+          obj.e = e; //处理下数据,符合拖拽事件
+
           t.props.dragMapStart(obj);
         });
       }
-    }
-    //拖拽地图结束事件
+    } //拖拽地图结束事件
+
   }, {
     key: "dragMapEnd",
     value: function dragMapEnd() {
       var t = this;
+
       if (typeof t.props.dragMapEnd === "function") {
         t.state.gis.on('dragend', function (e) {
           var obj = t.getMapExtent();
-          obj.e = e;
-          //处理下数据,符合拖拽事件
+          obj.e = e; //处理下数据,符合拖拽事件
+
           t.props.dragMapEnd(obj);
         });
       }
-    }
-    //地图移动开始事件
+    } //地图移动开始事件
+
   }, {
     key: "moveStart",
     value: function moveStart() {
       var t = this;
+
       if (typeof t.props.moveStart === "function") {
         t.state.gis.on('movestart', function (e) {
           t.htmlXY = _objectSpread({
@@ -2184,20 +2427,22 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             display: 'none'
           });
           t.updatePointCollection(t.props.mapPointCollection);
+
           if (t.stopMove) {
             var obj = t.getMapExtent();
-            obj.e = e;
-            //处理下数据,符合拖拽事件
+            obj.e = e; //处理下数据,符合拖拽事件
+
             t.props.moveStart(obj);
           }
         });
       }
-    }
-    //地图移动结束事件
+    } //地图移动结束事件
+
   }, {
     key: "moveEnd",
     value: function moveEnd() {
       var t = this;
+
       if (typeof t.props.moveEnd === "function") {
         t.state.gis.on('moveend', function (e) {
           t.htmlXY.isCount = false;
@@ -2207,22 +2452,24 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             display: 'block'
           });
           t.updatePointCollection(t.props.mapPointCollection);
+
           if (t.stopMove) {
             var obj = t.getMapExtent();
-            obj.e = e;
-            //处理下数据,符合拖拽事件
+            obj.e = e; //处理下数据,符合拖拽事件
+
             t.props.moveEnd(obj);
           } else {
             t.stopMove = true;
           }
         });
       }
-    }
-    //地图更改缩放级别开始时触发触发此事件
+    } //地图更改缩放级别开始时触发触发此事件
+
   }, {
     key: "zoomStart",
     value: function zoomStart() {
       var t = this;
+
       if (typeof t.props.zoomStart === "function") {
         t.state.gis.on('zoomstart', function (e) {
           $("#".concat(t.pointCollectionId)).css({
@@ -2234,12 +2481,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           t.props.zoomStart(obj);
         });
       }
-    }
-    //地图更改缩放级别结束时触发触发此事件
+    } //地图更改缩放级别结束时触发触发此事件
+
   }, {
     key: "zoomEnd",
     value: function zoomEnd() {
       var t = this;
+
       if (typeof t.props.zoomEnd === "function") {
         t.state.gis.on('zoomend', function (e) {
           $("#".concat(t.pointCollectionId)).css({
@@ -2250,12 +2498,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           t.props.zoomEnd(obj);
         });
       }
-    }
-    //图元鼠标悬浮事件
+    } //图元鼠标悬浮事件
+
   }, {
     key: "mouseOverGraphic",
     value: function mouseOverGraphic(id, e) {
       var t = this;
+
       if (typeof t.props.mouseOverGraphic === 'function') {
         var obj = {
           e: e,
@@ -2267,12 +2516,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         };
         t.props.mouseOverGraphic(obj);
       }
-    }
-    //图元鼠标移开事件
+    } //图元鼠标移开事件
+
   }, {
     key: "mouseOutGraphic",
     value: function mouseOutGraphic(id, e) {
       var t = this;
+
       if (typeof t.props.mouseOutGraphic === "function") {
         var obj = {
           e: e,
@@ -2284,12 +2534,13 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         };
         t.props.mouseOutGraphic(obj);
       }
-    }
-    //地图点击事件
+    } //地图点击事件
+
   }, {
     key: "clickMap",
     value: function clickMap() {
       var t = this;
+
       if (typeof t.props.clickMap === "function") {
         t.state.gis.on('click', function (e) {
           var obj = t.getMapExtent();
@@ -2302,14 +2553,14 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           t.props.clickMap(obj);
         });
       }
-    }
-    //测距
+    } //测距
+
   }, {
     key: "vtxRangingTool",
     value: function vtxRangingTool() {
       var t = this;
-      t.ruler.turnOn();
-      //引用百度测距样式
+      t.ruler.turnOn(); //引用百度测距样式
+
       t.state.gis.setDefaultCursor(this.csr);
     }
     /*
@@ -2318,27 +2569,31 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         parameter 样式 默认null 对象{}写入方式跟add方法一样(对应点线圆面)
         data //初始化数据   默认{id:'add'}
     */
+
   }, {
     key: "draw",
     value: function draw(obj) {
       var t = this,
-        drawParam = {};
-      //初始化参数
+          drawParam = {}; //初始化参数
+
       drawParam.geometryType = obj.geometryType || 'point';
       drawParam.parameter = obj.parameter ? _objectSpread({}, obj.parameter) : {};
       drawParam.data = obj.data ? _objectSpread({}, obj.data) : {};
-      drawParam.data.id = (obj.data || {}).id || "draw".concat(new Date().getTime());
-      //判断id是否存在
+      drawParam.data.id = (obj.data || {}).id || "draw".concat(new Date().getTime()); //判断id是否存在
+
       var len = t.state.drawIds[drawParam.geometryType].indexOf(drawParam.data.id);
+
       if (len > -1) {
         //如果id存在 删除存在的图元,清除drawId中的id数据
         t.removeGraphic(drawParam.data.id);
         t.state.drawIds[drawParam.geometryType].splice(len, 1);
-      }
-      //引用百度测距样式
+      } //引用百度测距样式
+
+
       t.state.gis.setDefaultCursor('crosshair');
       var param = {};
       var paramgcr = {};
+
       if (drawParam.geometryType == 'polygon' || drawParam.geometryType == 'circle' || drawParam.geometryType == 'rectangle') {
         paramgcr.fillColor = drawParam.parameter.color;
         paramgcr.strokeColor = drawParam.parameter.lineColor;
@@ -2361,6 +2616,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           type: drawParam.geometryType
         };
       }
+
       switch (drawParam.geometryType) {
         case 'point':
           param.icon = new AMap.Icon({
@@ -2382,6 +2638,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           };
           t.mousetool.marker(param);
           break;
+
         case 'polyline':
           param.strokeColor = drawParam.parameter.color;
           param.strokeOpacity = drawParam.parameter.pellucidity;
@@ -2401,58 +2658,68 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           };
           t.mousetool.polyline(param);
           break;
+
         case 'polygon':
           t.mousetool.polygon(paramgcr);
           break;
+
         case 'circle':
           t.mousetool.circle(paramgcr);
           break;
+
         case 'rectangle':
           t.mousetool.rectangle(paramgcr);
           break;
-      }
-      //保存绘制图元的id便于后期比对
+      } //保存绘制图元的id便于后期比对
+
+
       t.state.drawIds[drawParam.geometryType].push(drawParam.data.id);
-    }
-    //关闭绘制图元
+    } //关闭绘制图元
+
   }, {
     key: "closeDraw",
     value: function closeDraw() {
-      var t = this;
-      //恢复鼠标默认样式
+      var t = this; //恢复鼠标默认样式
+
       t.state.gis.setDefaultCursor();
       t.mousetool.close();
-    }
-    //处理线和面的 经纬度数据
+    } //处理线和面的 经纬度数据
+
   }, {
     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();
         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
@@ -2460,107 +2727,132 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           return [lng, lat];
         });
       }
+
       return {
         lnglatAry: lnglatAry,
         _extent: _extent,
         path: path
       };
-    }
-    //删除图元
+    } //删除图元
+
   }, {
     key: "removeGraphic",
     value: function removeGraphic(id, type) {
       var t = this;
+
       if (!!this.GM.getGraphic(id)) {
         if ((t.GM.getGraphicParam(id).attributes.config || {}).isAnimation) {
           this.GM.getGraphic(id).stopMove();
-        }
-        //清除聚合点 避免异常
-        t.clusterObj.removeMarker(this.GM.getGraphic(id));
-        //清除地图中图元
-        this.GM.getGraphic(id).setMap();
-        //清除对应id的图元数据缓存
+        } //清除聚合点 避免异常
+
+
+        t.clusterObj.removeMarker(this.GM.getGraphic(id)); //清除地图中图元
+
+        this.GM.getGraphic(id).setMap(); //清除对应id的图元数据缓存
+
         this.GM.removeGraphic(id);
       } else {
         return false;
-      }
-      //清除 state中id的缓存
+      } //清除 state中id的缓存
+
+
       var ids = [];
+
       switch (type) {
         case 'point':
           ids = t.state.pointIds;
           break;
+
         case 'line':
           ids = t.state.lineIds;
           break;
+
         case 'polygon':
           ids = t.state.polygonIds;
           break;
+
         case 'circle':
           ids = t.state.circleIds;
           break;
+
         case 'draw':
           if (t.state.drawIds.point.indexOf(id) > -1) {
             t.state.drawIds.point.splice(t.state.drawIds.point.indexOf(id), 1);
           }
+
           if (t.state.drawIds.polyline.indexOf(id) > -1) {
             t.state.drawIds.polyline.splice(t.state.drawIds.polyline.indexOf(id), 1);
           }
+
           if (t.state.drawIds.polygon.indexOf(id) > -1) {
             t.state.drawIds.polygon.splice(t.state.drawIds.polygon.indexOf(id), 1);
           }
+
           if (t.state.drawIds.circle.indexOf(id) > -1) {
             t.state.drawIds.circle.splice(t.state.drawIds.circle.indexOf(id), 1);
           }
+
           if (t.state.drawIds.rectangle.indexOf(id) > -1) {
             t.state.drawIds.rectangle.splice(t.state.drawIds.rectangle.indexOf(id), 1);
           }
+
           break;
+
         default:
           if (t.state.pointIds.indexOf(id) > -1) {
             t.state.pointIds.splice(t.state.pointIds.indexOf(id), 1);
           }
+
           if (t.state.lineIds.indexOf(id) > -1) {
             t.state.lineIds.splice(t.state.lineIds.indexOf(id), 1);
           }
+
           if (t.state.polygonIds.indexOf(id) > -1) {
             t.state.polygonIds.splice(t.state.polygonIds.indexOf(id), 1);
           }
+
           if (t.state.circleIds.indexOf(id) > -1) {
             t.state.circleIds.splice(t.state.circleIds.indexOf(id), 1);
           }
+
           break;
       }
+
       if (id == t.state.editId) {
         t.state.editId = '';
       }
+
       if (ids.indexOf(id) != -1) {
         ids.splice(ids.indexOf(id), 1);
       }
-    }
-    //点位角度旋转(以指向东(右)为0°)
+    } //点位角度旋转(以指向东(右)为0°)
+
   }, {
     key: "rotateDeg",
     value: function rotateDeg(sp, ep) {
       var t = this;
       var spLngLat = sp;
+
       if (Array.isArray(sp)) {
         spLngLat = new AMap.LngLat(sp[0], sp[1]);
       }
+
       var s = t.state.gis.lngLatToContainer(spLngLat),
-        //获取当前点位的经纬度
-        e = t.state.gis.lngLatToContainer(new AMap.LngLat(ep[0], ep[1])),
-        deg = 0;
+          //获取当前点位的经纬度
+      e = t.state.gis.lngLatToContainer(new AMap.LngLat(ep[0], ep[1])),
+          deg = 0;
+
       if (e.x != s.x) {
         var tan = (e.y - s.y) / (e.x - s.x),
-          atan = Math.atan(tan);
-        deg = atan * 360 / (2 * Math.PI);
-        //degree  correction;
+            atan = Math.atan(tan);
+        deg = atan * 360 / (2 * Math.PI); //degree  correction;
+
         if (e.x < s.x) {
           deg = -deg + 90 + 90;
         } else {
           deg = -deg;
         }
+
         deg = -deg;
       } else {
         var disy = e.y - s.y;
@@ -2569,39 +2861,43 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         if (disy == 0) bias = 0;
         deg = -bias * 90;
       }
+
       return deg;
-    }
-    //对比对象数据是否相等
+    } //对比对象数据是否相等
+
   }, {
     key: "deepEqual",
     value: function deepEqual(a, b) {
       return _immutable["default"].is(_immutable["default"].fromJS(a), _immutable["default"].fromJS(b));
-    }
-    //计算2点间距离 单位m 精确到个位
+    } //计算2点间距离 单位m 精确到个位
+
   }, {
     key: "calculatePointsDistance",
     value: function calculatePointsDistance(f, s) {
       var lnglat1 = new AMap.LngLat(f[0], f[1]);
       var lnglat2 = new AMap.LngLat(s[0], s[1]);
       return Math.round(lnglat1.distance(lnglat2));
-    }
-    //计算多个点的距离(常用于线计算)
+    } //计算多个点的距离(常用于线计算)
+
   }, {
     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: "dataMatch",
     value: function dataMatch(oldData, newData, type) {
@@ -2632,13 +2928,14 @@ var VortexAMap = /*#__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]);
@@ -2646,17 +2943,19 @@ var VortexAMap = /*#__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]);
@@ -2664,6 +2963,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           otherads.push(ary[i]);
         }
       }
+
       return {
         upds: upds,
         otherads: otherads
@@ -2726,6 +3026,7 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
     value: function componentWillUnmount() {
       //关闭moveTo定时
       var t = this;
+
       for (var i in t.GM.allParam) {
         if (t.GM.allParam[i].geometryType == 'point') {
           if (t.GM.getGraphic[i]) {
@@ -2733,9 +3034,11 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
           }
         }
       }
+
       if (t.pointCollectTimer) {
         clearTimeout(t.pointCollectTimer);
       }
+
       window.VtxMap[t.state.mapId] = null;
     }
   }, {
@@ -2743,15 +3046,15 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(prevProps, prevState) {
       //重新渲染结束
       var t = this;
-      var props = t.props;
-      // 等待地图加载
-      if (!t.state.mapCreated) return;
+      var props = t.props; // 等待地图加载
+
+      if (!t.state.mapCreated) return; //回调显示方法
 
-      //回调显示方法
       if (props.showGraphicById) {
         props.showGraphicById(t.showGraphicById.bind(t));
-      }
-      //回调隐藏方法
+      } //回调隐藏方法
+
+
       if (props.hideGraphicById) {
         props.hideGraphicById(t.hideGraphicById.bind(t));
       }
@@ -2760,81 +3063,86 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps, prevProps) {
       //已加载组件，收到新的参数时调用
-      var t = this;
-      //点/线旧数据
+      var t = this; //点/线旧数据
+
       var _t$state = t.state,
-        pointIds = _t$state.pointIds,
-        lineIds = _t$state.lineIds,
-        polygonIds = _t$state.polygonIds,
-        circleIds = _t$state.circleIds,
-        drawIds = _t$state.drawIds;
+          pointIds = _t$state.pointIds,
+          lineIds = _t$state.lineIds,
+          polygonIds = _t$state.polygonIds,
+          circleIds = _t$state.circleIds,
+          drawIds = _t$state.drawIds;
       var point = drawIds.point,
-        polyline = drawIds.polyline,
-        polygon = drawIds.polygon,
-        circle = drawIds.circle,
-        rectangle = drawIds.rectangle;
-      //点/线新数据
+          polyline = drawIds.polyline,
+          polygon = drawIds.polygon,
+          circle = drawIds.circle,
+          rectangle = drawIds.rectangle; //点/线新数据
+
       var _nextProps$mapPoints = nextProps.mapPoints,
-        mapPoints = _nextProps$mapPoints === void 0 ? [] : _nextProps$mapPoints,
-        _nextProps$mapLines = nextProps.mapLines,
-        mapLines = _nextProps$mapLines === void 0 ? [] : _nextProps$mapLines,
-        _nextProps$mapPolygon = nextProps.mapPolygons,
-        mapPolygons = _nextProps$mapPolygon === void 0 ? [] : _nextProps$mapPolygon,
-        _nextProps$mapCircles = nextProps.mapCircles,
-        mapCircles = _nextProps$mapCircles === void 0 ? [] : _nextProps$mapCircles,
-        _nextProps$customized = nextProps.customizedBoundary,
-        customizedBoundary = _nextProps$customized === void 0 ? [] : _nextProps$customized,
-        isOpenTrafficInfo = nextProps.isOpenTrafficInfo,
-        boundaryName = nextProps.boundaryName,
-        heatMapData = nextProps.heatMapData,
-        imageOverlays = nextProps.imageOverlays,
-        mapVisiblePoints = nextProps.mapVisiblePoints,
-        setVisiblePoints = nextProps.setVisiblePoints,
-        setCenter = nextProps.setCenter,
-        mapCenter = nextProps.mapCenter,
-        setZoomLevel = nextProps.setZoomLevel,
-        mapZoomLevel = nextProps.mapZoomLevel,
-        setCluster = nextProps.setCluster,
-        mapCluster = nextProps.mapCluster,
-        isRangingTool = nextProps.isRangingTool,
-        mapRangingTool = nextProps.mapRangingTool,
-        isRemove = nextProps.isRemove,
-        mapRemove = nextProps.mapRemove,
-        mapDraw = nextProps.mapDraw,
-        isDraw = nextProps.isDraw,
-        isCloseDraw = nextProps.isCloseDraw,
-        editGraphicId = nextProps.editGraphicId,
-        isDoEdit = nextProps.isDoEdit,
-        isEndEdit = nextProps.isEndEdit,
-        isClearAll = nextProps.isClearAll,
-        mapPointCollection = nextProps.mapPointCollection,
-        isclearAllPointCollection = nextProps.isclearAllPointCollection,
-        isSetAreaRestriction = nextProps.isSetAreaRestriction,
-        areaRestriction = nextProps.areaRestriction,
-        isClearAreaRestriction = nextProps.isClearAreaRestriction,
-        mapStyle = nextProps.mapStyle,
-        coverageType = nextProps.coverageType,
-        infoWindowData = nextProps.infoWindowData;
-      var props = t.props;
-      // 设置地图样式
+          mapPoints = _nextProps$mapPoints === void 0 ? [] : _nextProps$mapPoints,
+          _nextProps$mapLines = nextProps.mapLines,
+          mapLines = _nextProps$mapLines === void 0 ? [] : _nextProps$mapLines,
+          _nextProps$mapPolygon = nextProps.mapPolygons,
+          mapPolygons = _nextProps$mapPolygon === void 0 ? [] : _nextProps$mapPolygon,
+          _nextProps$mapCircles = nextProps.mapCircles,
+          mapCircles = _nextProps$mapCircles === void 0 ? [] : _nextProps$mapCircles,
+          _nextProps$customized = nextProps.customizedBoundary,
+          customizedBoundary = _nextProps$customized === void 0 ? [] : _nextProps$customized,
+          isOpenTrafficInfo = nextProps.isOpenTrafficInfo,
+          boundaryName = nextProps.boundaryName,
+          heatMapData = nextProps.heatMapData,
+          imageOverlays = nextProps.imageOverlays,
+          mapVisiblePoints = nextProps.mapVisiblePoints,
+          setVisiblePoints = nextProps.setVisiblePoints,
+          setCenter = nextProps.setCenter,
+          mapCenter = nextProps.mapCenter,
+          setZoomLevel = nextProps.setZoomLevel,
+          mapZoomLevel = nextProps.mapZoomLevel,
+          setCluster = nextProps.setCluster,
+          mapCluster = nextProps.mapCluster,
+          isRangingTool = nextProps.isRangingTool,
+          mapRangingTool = nextProps.mapRangingTool,
+          isRemove = nextProps.isRemove,
+          mapRemove = nextProps.mapRemove,
+          mapDraw = nextProps.mapDraw,
+          isDraw = nextProps.isDraw,
+          isCloseDraw = nextProps.isCloseDraw,
+          editGraphicId = nextProps.editGraphicId,
+          isDoEdit = nextProps.isDoEdit,
+          isEndEdit = nextProps.isEndEdit,
+          isClearAll = nextProps.isClearAll,
+          mapPointCollection = nextProps.mapPointCollection,
+          isclearAllPointCollection = nextProps.isclearAllPointCollection,
+          isSetAreaRestriction = nextProps.isSetAreaRestriction,
+          areaRestriction = nextProps.areaRestriction,
+          isClearAreaRestriction = nextProps.isClearAreaRestriction,
+          mapStyle = nextProps.mapStyle,
+          coverageType = nextProps.coverageType,
+          infoWindowData = nextProps.infoWindowData;
+      var props = t.props; // 设置地图样式
+
       if (mapStyle && !t.deepEqual(mapStyle, t.props.mapStyle)) {
         t.state.gis.setMapStyle(mapStyle);
-      }
-      // 切换地图矢量图和卫星图背景
+      } // 切换地图矢量图和卫星图背景
+
+
       if (coverageType && !t.deepEqual(coverageType, t.props.coverageType)) {
         t.setMapType(coverageType);
-      }
-      // 等待地图加载
+      } // 等待地图加载
+
+
       if (!t.state.mapCreated) return;
+
       if (mapPointCollection instanceof Array && props.mapPointCollection instanceof Array && !t.deepEqual(mapPointCollection, t.props.mapPointCollection)) {
         var _t$dataMatch = t.dataMatch(t.props.mapPointCollection, mapPointCollection, 'id'),
-          deletedDataIDs = _t$dataMatch.deletedDataIDs,
-          addedData = _t$dataMatch.addedData,
-          updatedData = _t$dataMatch.updatedData;
+            deletedDataIDs = _t$dataMatch.deletedDataIDs,
+            addedData = _t$dataMatch.addedData,
+            updatedData = _t$dataMatch.updatedData;
+
         t.clearPointCollection(deletedDataIDs);
         t.addPointCollection(addedData);
         t.updatePointCollection(updatedData);
       }
+
       if (typeof isclearAllPointCollection == 'boolean' && isclearAllPointCollection || isclearAllPointCollection && isclearAllPointCollection !== t.props.isclearAllPointCollection) {
         t.clearAllPointCollection();
       }
@@ -2843,10 +3151,12 @@ var VortexAMap = /*#__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;
@@ -2855,41 +3165,50 @@ var VortexAMap = /*#__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;
@@ -2898,41 +3217,50 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             return item.id !== editGraphicId;
           });
         }
+
         var _t$dataMatch3 = t.dataMatch(oldMapPolygons, newMapPolygons, 'id'),
-          _deletedDataIDs2 = _t$dataMatch3.deletedDataIDs,
-          _addedData2 = _t$dataMatch3.addedData,
-          _updatedData2 = _t$dataMatch3.updatedData;
+            _deletedDataIDs2 = _t$dataMatch3.deletedDataIDs,
+            _addedData2 = _t$dataMatch3.addedData,
+            _updatedData2 = _t$dataMatch3.updatedData;
+
         var _t$dealAdd2 = t.dealAdd(_addedData2, [].concat(_toConsumableArray(rectangle), _toConsumableArray(polygon), _toConsumableArray(polygonIds))),
-          _ads = _t$dealAdd2.ads,
-          _otherupds = _t$dealAdd2.otherupds;
+            _ads = _t$dealAdd2.ads,
+            _otherupds = _t$dealAdd2.otherupds;
+
         var _t$dealUpdate2 = t.dealUpdate(_updatedData2, [].concat(_toConsumableArray(rectangle), _toConsumableArray(polygon), _toConsumableArray(polygonIds))),
-          _upds = _t$dealUpdate2.upds,
-          _otherads = _t$dealUpdate2.otherads;
-        //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
+            _upds = _t$dealUpdate2.upds,
+            _otherads = _t$dealUpdate2.otherads; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
+
+
         var _iterator2 = _createForOfIteratorHelper(_deletedDataIDs2),
-          _step2;
+            _step2;
+
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var _id = _step2.value;
             t.removeGraphic(_id, 'polygon');
-          }
-          //增加
+          } //增加
+
         } catch (err) {
           _iterator2.e(err);
         } finally {
           _iterator2.f();
         }
-        t.addPolygon([].concat(_toConsumableArray(_ads), _toConsumableArray(_otherads)));
-        //更新
+
+        t.addPolygon([].concat(_toConsumableArray(_ads), _toConsumableArray(_otherads))); //更新
+
         t.updatePolygon([].concat(_toConsumableArray(_upds), _toConsumableArray(_otherupds)));
       }
       /*
           面数据处理
           先全删除,再新增
       */
+
+
       if (mapCircles instanceof Array && 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;
@@ -2941,41 +3269,50 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             return item.id !== editGraphicId;
           });
         }
+
         var _t$dataMatch4 = t.dataMatch(oldMapCircles, newMapCircles, 'id'),
-          _deletedDataIDs3 = _t$dataMatch4.deletedDataIDs,
-          _addedData3 = _t$dataMatch4.addedData,
-          _updatedData3 = _t$dataMatch4.updatedData;
+            _deletedDataIDs3 = _t$dataMatch4.deletedDataIDs,
+            _addedData3 = _t$dataMatch4.addedData,
+            _updatedData3 = _t$dataMatch4.updatedData;
+
         var _t$dealAdd3 = t.dealAdd(_addedData3, [].concat(_toConsumableArray(circleIds), _toConsumableArray(circle))),
-          _ads2 = _t$dealAdd3.ads,
-          _otherupds2 = _t$dealAdd3.otherupds;
+            _ads2 = _t$dealAdd3.ads,
+            _otherupds2 = _t$dealAdd3.otherupds;
+
         var _t$dealUpdate3 = t.dealUpdate(_updatedData3, [].concat(_toConsumableArray(circleIds), _toConsumableArray(circle))),
-          _upds2 = _t$dealUpdate3.upds,
-          _otherads2 = _t$dealUpdate3.otherads;
-        //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
+            _upds2 = _t$dealUpdate3.upds,
+            _otherads2 = _t$dealUpdate3.otherads; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
+
+
         var _iterator3 = _createForOfIteratorHelper(_deletedDataIDs3),
-          _step3;
+            _step3;
+
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
             var _id2 = _step3.value;
             t.removeGraphic(_id2, 'circle');
-          }
-          //增加
+          } //增加
+
         } catch (err) {
           _iterator3.e(err);
         } finally {
           _iterator3.f();
         }
-        t.addCircle([].concat(_toConsumableArray(_ads2), _toConsumableArray(_otherads2)));
-        //更新
+
+        t.addCircle([].concat(_toConsumableArray(_ads2), _toConsumableArray(_otherads2))); //更新
+
         t.updateCircle([].concat(_toConsumableArray(_upds2), _toConsumableArray(_otherupds2)));
       }
       /*
           线数据处理
           先全删除,再新增
       */
+
+
       if (mapLines instanceof Array && 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;
@@ -2984,43 +3321,52 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
             return item.id !== editGraphicId;
           });
         }
+
         var _t$dataMatch5 = t.dataMatch(oldMapLines, newMapLines, 'id'),
-          _deletedDataIDs4 = _t$dataMatch5.deletedDataIDs,
-          _addedData4 = _t$dataMatch5.addedData,
-          _updatedData4 = _t$dataMatch5.updatedData;
+            _deletedDataIDs4 = _t$dataMatch5.deletedDataIDs,
+            _addedData4 = _t$dataMatch5.addedData,
+            _updatedData4 = _t$dataMatch5.updatedData;
+
         var _t$dealAdd4 = t.dealAdd(_addedData4, [].concat(_toConsumableArray(lineIds), _toConsumableArray(polyline))),
-          _ads3 = _t$dealAdd4.ads,
-          _otherupds3 = _t$dealAdd4.otherupds;
+            _ads3 = _t$dealAdd4.ads,
+            _otherupds3 = _t$dealAdd4.otherupds;
+
         var _t$dealUpdate4 = t.dealUpdate(_updatedData4, [].concat(_toConsumableArray(lineIds), _toConsumableArray(polyline))),
-          _upds3 = _t$dealUpdate4.upds,
-          _otherads3 = _t$dealUpdate4.otherads;
-        //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
+            _upds3 = _t$dealUpdate4.upds,
+            _otherads3 = _t$dealUpdate4.otherads; //删在增之前,(因为增加后会刷新pointIds的值,造成多删的问题)
+
+
         var _iterator4 = _createForOfIteratorHelper(_deletedDataIDs4),
-          _step4;
+            _step4;
+
         try {
           for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
             var _id3 = _step4.value;
             t.removeGraphic(_id3, 'line');
-          }
-          //增加
+          } //增加
+
         } catch (err) {
           _iterator4.e(err);
         } finally {
           _iterator4.f();
         }
-        t.addLine([].concat(_toConsumableArray(_ads3), _toConsumableArray(_otherads3)));
-        //更新
+
+        t.addLine([].concat(_toConsumableArray(_ads3), _toConsumableArray(_otherads3))); //更新
+
         t.updateLine([].concat(_toConsumableArray(_upds3), _toConsumableArray(_otherupds3)));
-      }
-      //画其他特例线专用
+      } //画其他特例线专用
+
+
       if (customizedBoundary instanceof Array && 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 _id4 = _step5.value;
@@ -3031,10 +3377,12 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         } finally {
           _iterator5.f();
         }
+
         t.updateLine(_updatedData5);
         t.addLine(_addedData5);
-      }
-      //绘制边界线
+      } //绘制边界线
+
+
       if (boundaryName instanceof Array && props.boundaryName instanceof Array && !t.deepEqual(boundaryName, props.boundaryName)) {
         var newBDName = Set(boundaryName);
         var oldBDName = Set(props.boundaryName);
@@ -3042,104 +3390,128 @@ var VortexAMap = /*#__PURE__*/function (_React$Component) {
         var addedBoundaryName = newBDName.subtract(oldBDName).toJS();
         t.removeBaiduBoundary(removedBoundaryName);
         t.addBaiduBoundary(addedBoundaryName);
-      }
-      // 获取热力图
+      } // 获取热力图
+
+
       if (heatMapData && !t.deepEqual(heatMapData, props.heatMapData)) {
         t.heatMapOverlay(heatMapData);
-      }
-      // 打开信息窗体
+      } // 打开信息窗体
+
+
       if (infoWindowData && !t.deepEqual(infoWindowData, t.props.infoWindowData)) {
         t.infoWindow(infoWindowData);
-      }
-      //添加图片图层
+      } //添加图片图层
+
+
       if (imageOverlays instanceof Array && props.imageOverlays instanceof Array && !t.deepEqual(imageOverlays, props.imageOverlays)) {
         t.imageUrlOverlay(imageOverlays);
-      }
-      //图元编辑调用
+      } //图元编辑调用
+
+
       if (typeof isDoEdit == 'boolean' && isDoEdit || isDoEdit && isDoEdit !== t.props.isDoEdit) {
         t.doEdit(editGraphicId);
-      }
-      //是否关闭图元编辑
+      } //是否关闭图元编辑
+
+
       if (typeof isEndEdit == 'boolean' && isEndEdit || isEndEdit && isEndEdit !== t.props.isEndEdit) {
         t.endEdit();
       }
       /*设置指定图元展示*/
+
+
       if (typeof setVisiblePoints == 'boolean' && setVisiblePoints || setVisiblePoints && setVisiblePoints !== t.props.setVisiblePoints) {
         t.setVisiblePoints(mapVisiblePoints);
-      }
-      //绘制图元
+      } //绘制图元
+
+
       if (typeof isDraw == 'boolean' && isDraw || isDraw && isDraw !== t.props.isDraw) {
         t.draw(mapDraw);
-      }
-      //关闭绘制
+      } //关闭绘制
+
+
       if (typeof isCloseDraw == 'boolean' && isCloseDraw || isCloseDraw && isCloseDraw !== t.props.isCloseDraw) {
         t.closeDraw();
-      }
-      //清空地图
+      } //清空地图
+
+
       if (typeof isClearAll == 'boolean' && isClearAll || isClearAll && isClearAll !== t.props.isClearAll) {
         t.clearAll();
-      }
-      //设置中心点
+      } //设置中心点
+
+
       if (typeof setCenter == 'boolean' && setCenter || setCenter && setCenter !== t.props.setCenter) {
         if (!(t.getCurrentCenter().lng == mapCenter[0] && t.getCurrentCenter().lat == mapCenter[1])) {
           t.setCenter(mapCenter);
         }
-      }
-      //设置比例尺
+      } //设置比例尺
+
+
       if (typeof setZoomLevel == 'boolean' && setZoomLevel || setZoomLevel && setZoomLevel !== t.props.setZoomLevel) {
         if (!(t.getZoomLevel() == mapZoomLevel)) {
           t.setZoomLevel(mapZoomLevel);
         }
-      }
-      //是否打开路况
+      } //是否打开路况
+
+
       if (isOpenTrafficInfo) {
         t.openTrafficInfo();
       } else {
         t.hideTrafficInfo();
-      }
-      //设置点聚合
+      } //设置点聚合
+
+
       if (typeof setCluster == 'boolean' && setCluster || setCluster && setCluster !== t.props.setCluster) {
         t.cluster(mapCluster);
-      }
-      // 清除聚合
+      } // 清除聚合
+
+
       if (!setCluster && setCluster !== t.props.setCluster) {
         t.removeCluster(mapCluster);
-      }
-      //测距工具调用
+      } //测距工具调用
+
+
       if (typeof isRangingTool == 'boolean' && isRangingTool || isRangingTool && isRangingTool !== t.props.isRangingTool) {
         t.vtxRangingTool();
-      }
-      //单独删除操作
+      } //单独删除操作
+
+
       if (typeof isRemove == 'boolean' && isRemove || isRemove && isRemove !== t.props.isRemove) {
         mapRemove.map(function (item, index) {
           t.removeGraphic(item.id, item.type);
         });
-      }
-      //设置区域限制
+      } //设置区域限制
+
+
       if (typeof isSetAreaRestriction == 'boolean' && isSetAreaRestriction || isSetAreaRestriction && isSetAreaRestriction !== t.props.isSetAreaRestriction && areaRestriction && !!areaRestriction[0] && !!areaRestriction[1]) {
         t.setAreaRestriction(areaRestriction);
-      }
-      //关闭区域限制
+      } //关闭区域限制
+
+
       if (typeof isClearAreaRestriction == 'boolean' && isClearAreaRestriction || isClearAreaRestriction && isClearAreaRestriction !== t.props.isClearAreaRestriction) {
         t.clearAreaRestriction();
-      }
+      } // 比例尺控件位置改变
+
 
-      // 比例尺控件位置改变
       if (nextProps.showControl && JSON.stringify(nextProps.showControl) != JSON.stringify(t.props.showControl)) {
         t.showControl(nextProps);
-      }
-      // 比例尺移除
+      } // 比例尺移除
+
+
       if (!nextProps.showControl) {
         t.removeControl();
-      }
-      // 地图类型控件位置改变
+      } // 地图类型控件位置改变
+
+
       if (nextProps.satelliteSwitch && JSON.stringify(nextProps.satelliteSwitch) != JSON.stringify(t.props.satelliteSwitch)) {
         t.showMapTypeControl(nextProps);
       }
     }
   }]);
+
   return VortexAMap;
 }(_react["default"].Component);
-var _default = exports["default"] = VortexAMap;
+
+var _default = VortexAMap;
+exports["default"] = _default;
 module.exports = exports["default"];
 //# sourceMappingURL=AMap.js.map