@vtx/map 1.1.16 → 1.1.18

package/lib/VtxSearchMap/VtxSearchMap.js

@@ -37,8 +37,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -59,6 +57,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -128,6 +128,30 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, VtxSearchMap);
 
     _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "getMultiRes", function (graphicType) {
+      var resData = [];
+      var _this$state = _this.state,
+          graphicValue = _this$state.graphicValue,
+          editGraphic = _this$state.editGraphic;
+
+      switch (graphicType) {
+        case 'polygon':
+          [].concat(_toConsumableArray(graphicValue || []), _toConsumableArray(editGraphic || [])).forEach(function (item) {
+            resData.push({
+              rings: distinct(item.rings || item.geometry.rings),
+              area: _this.map.getPolygonArea(distinct(item.rings || item.geometry.rings))
+            });
+          });
+          break;
+
+        default:
+          break;
+      }
+
+      return resData.length ? resData : null;
+    });
+
     _this.map = null; //Map组件的ref对象
 
     _this.mapLoaded = false;
@@ -137,6 +161,8 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
 
     _this.loadExtent = null;
     _this.mapId = "searchMap".concat(new Date().getTime());
+    _this.multiDraw = props.multiDraw && ['polygon'].includes(props.graphicType);
+    _this.clickable = false, // 多个面绘制时，是否可以点击面进行编辑
     _this.state = {
       //列表和地图宽度切换的动画需要
       isShowList: false,
@@ -152,8 +178,9 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       graphicType: props.graphicType || 'point',
       isDraw: props.graphicType !== 'point',
       parameter: props.drawParameter,
-      graphicValue: null,
-      drawGraphID: 'drawnGraph',
+      graphicValue: _this.multiDraw ? [] : null,
+      // 绘制图元id集合
+      drawGraphID: _this.multiDraw ? ['drawnGraph'] : 'drawnGraph',
 
       /*地图Api参数*/
       mapCenter: props.mapCenter || '',
@@ -172,7 +199,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       isDoEdit: false,
       isEndEdit: false,
       editGraphicId: '',
-      editGraphic: null,
+      editGraphic: _this.multiDraw ? [] : null,
       mapZoomLevel: props.mapZoomLevel || 11,
       setZoomLevel: false,
 
@@ -185,12 +212,13 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       olProps: props.olProps
     };
     return _this;
-  } //经纬度回调
+  } // 绘制多个图元时返回参数
 
 
   _createClass(VtxSearchMap, [{
     key: "callback",
-    value: function callback() {
+    value: //经纬度回调
+    function callback() {
       var fun = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'callback';
 
       if (fun in this.props && typeof this.props[fun] === 'function') {
@@ -219,6 +247,11 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
             break;
 
           case 'polygon':
+            if (this.multiDraw) {
+              this.props[fun](this.getMultiRes('polygon'));
+              return;
+            }
+
             if (this.map.getGraphic(editGraphicId)) {
               var _p = this.map.getGraphic(editGraphicId);
 
@@ -283,7 +316,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
             editGraphic = null,
             editGraphicId = 'locationPoint';
 
-        if (this.props.editParam) {
+        if (!this.multiDraw && this.props.editParam) {
           // && (this.props.graphicType == 'polyline' || this.props.graphicType == 'polygon')
           editGraphic = _objectSpread(_objectSpread({}, this.props.editParam), {}, {
             id: 'drawnGraph'
@@ -291,6 +324,16 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
           editGraphicId = 'drawnGraph';
         }
 
+        if (this.multiDraw && Array.isArray(this.props.editParam) && this.props.editParam.length) {
+          // && (this.props.graphicType == 'polyline' || this.props.graphicType == 'polygon')
+          editGraphic = this.props.editParam.map(function (item, index) {
+            return _objectSpread(_objectSpread({}, item), {}, {
+              id: "drawnGraph".concat(index)
+            });
+          });
+          editGraphicId = null;
+        }
+
         this.isinit = false;
         this.setState({
           editGraphic: editGraphic,
@@ -420,9 +463,9 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
     key: "chooseAddress",
     value: function chooseAddress(id) {
       var t = this;
-      var _this$state = this.state,
-          listPoint = _this$state.listPoint,
-          listMess = _this$state.listMess;
+      var _this$state2 = this.state,
+          listPoint = _this$state2.listPoint,
+          listMess = _this$state2.listMess;
       var mapCenter = [];
       listPoint = listPoint.map(function (item, index) {
         if (item.id === id) {
@@ -467,9 +510,25 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "clickGraphic",
     value: function clickGraphic(obj) {
+      var _this3 = this;
+
       if (obj.type === 'point' && obj.attributes.other === 'search') {
         this.chooseAddress(obj.attributes.id);
       }
+
+      if (this.clickable && obj.type === 'polygon') {
+        var _obj$param$attributes;
+
+        // 开启编辑
+        this.setState({
+          editGraphicId: obj.param.id || ((_obj$param$attributes = obj.param.attributes) === null || _obj$param$attributes === void 0 ? void 0 : _obj$param$attributes.id),
+          isDoEdit: false
+        }, function () {
+          _this3.setState({
+            isDoEdit: true
+          });
+        });
+      }
     }
   }, {
     key: "closeModal",
@@ -492,54 +551,117 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "clearDrawnGraph",
     value: function clearDrawnGraph() {
-      var _this3 = this;
+      var _this4 = this;
 
       this.isDrawStatus = true;
       this.setState({
         isDraw: this.state.graphicType !== 'point',
-        graphicValue: null,
+        graphicValue: this.multiDraw ? [] : null,
         isEndEdit: this.state.graphicType !== 'point'
       }, function () {
-        _this3.setState({
+        _this4.setState({
           isEndEdit: false
         });
       });
     }
+  }, {
+    key: "continueDraw",
+    value: function continueDraw() {
+      var _this5 = this;
+
+      this.clickable = false;
+      this.setState({
+        isDraw: false,
+        isCloseDraw: true,
+        isEndEdit: false,
+        graphicValue: null
+      }, function () {
+        _this5.setState({
+          isDraw: true,
+          isCloseDraw: false,
+          isEndEdit: true
+        });
+      });
+    }
+  }, {
+    key: "editGraphic",
+    value: function editGraphic() {
+      var _this6 = this;
+
+      if (this.isDrawStatus && this.isClickMap) {
+        _message["default"].warning('请双击结束图元编辑');
+
+        return;
+      }
+
+      _message["default"].info('请点击图元进行编辑');
+
+      this.clickable = true;
+      this.isDrawStatus = false;
+      this.setState({
+        isDraw: true,
+        isCloseDraw: false,
+        isDoEdit: false
+      }, function () {
+        _this6.setState({
+          isDraw: false,
+          isCloseDraw: true,
+          isDoEdit: true
+        });
+      });
+    }
+  }, {
+    key: "editGraphicChange",
+    value: function editGraphicChange(obj) {
+      if (!this.multiDraw) return;
+      var _this$state3 = this.state,
+          graphicValue = _this$state3.graphicValue,
+          editGraphic = _this$state3.editGraphic;
+      this.setState({
+        graphicValue: (graphicValue || []).map(function (item) {
+          return item.id === obj.id ? obj : item;
+        }),
+        editGraphic: (editGraphic || []).map(function (item) {
+          return item.id === obj.id ? obj : item;
+        })
+      });
+    }
   }, {
     key: "render",
     value: function render() {
-      var _this4 = this;
+      var _this7 = this;
 
       var t = this;
-      var _this$state2 = this.state,
-          isShowList = _this$state2.isShowList,
-          searchValue = _this$state2.searchValue,
-          locationPoint = _this$state2.locationPoint,
-          listPoint = _this$state2.listPoint,
-          listMess = _this$state2.listMess,
-          mapZoomLevel = _this$state2.mapZoomLevel,
-          setZoomLevel = _this$state2.setZoomLevel,
-          maxZoom = _this$state2.maxZoom,
-          minZoom = _this$state2.minZoom,
-          wkid = _this$state2.wkid,
-          mapServer = _this$state2.mapServer,
-          mapCenter = _this$state2.mapCenter,
-          setCenter = _this$state2.setCenter,
-          mapType = _this$state2.mapType,
-          mapStyle = _this$state2.mapStyle,
-          mapVisiblePoints = _this$state2.mapVisiblePoints,
-          setVisiblePoints = _this$state2.setVisiblePoints,
-          isDoEdit = _this$state2.isDoEdit,
-          editGraphicId = _this$state2.editGraphicId,
-          isEndEdit = _this$state2.isEndEdit,
-          modal1Visible = _this$state2.modal1Visible,
-          drawGraphID = _this$state2.drawGraphID,
-          isShowOther = _this$state2.isShowOther,
-          otherText = _this$state2.otherText,
-          isShowOtherGraph = _this$state2.isShowOtherGraph,
-          editGraphic = _this$state2.editGraphic,
-          graphicType = _this$state2.graphicType,
-          olProps = _this$state2.olProps;
+      var _this$state4 = this.state,
+          isShowList = _this$state4.isShowList,
+          searchValue = _this$state4.searchValue,
+          locationPoint = _this$state4.locationPoint,
+          listPoint = _this$state4.listPoint,
+          listMess = _this$state4.listMess,
+          mapZoomLevel = _this$state4.mapZoomLevel,
+          setZoomLevel = _this$state4.setZoomLevel,
+          maxZoom = _this$state4.maxZoom,
+          minZoom = _this$state4.minZoom,
+          wkid = _this$state4.wkid,
+          mapServer = _this$state4.mapServer,
+          mapCenter = _this$state4.mapCenter,
+          setCenter = _this$state4.setCenter,
+          mapType = _this$state4.mapType,
+          mapStyle = _this$state4.mapStyle,
+          mapVisiblePoints = _this$state4.mapVisiblePoints,
+          setVisiblePoints = _this$state4.setVisiblePoints,
+          isDoEdit = _this$state4.isDoEdit,
+          editGraphicId = _this$state4.editGraphicId,
+          isEndEdit = _this$state4.isEndEdit,
+          modal1Visible = _this$state4.modal1Visible,
+          drawGraphID = _this$state4.drawGraphID,
+          isShowOther = _this$state4.isShowOther,
+          otherText = _this$state4.otherText,
+          isShowOtherGraph = _this$state4.isShowOtherGraph,
+          editGraphic = _this$state4.editGraphic,
+          graphicType = _this$state4.graphicType,
+          graphicValue = _this$state4.graphicValue,
+          olProps = _this$state4.olProps;
       var InputProps = {
         style: {
           'width': '200px'
@@ -557,23 +679,19 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         isDraw: this.state.isDraw,
         isCloseDraw: this.state.isCloseDraw,
         drawEnd: function drawEnd(obj) {
-          _this4.isDrawStatus = false;
-          _this4.isClickMap = false;
+          _this7.isDrawStatus = false;
+          _this7.isClickMap = false;
           var objparam = {
-            graphicValue: obj,
-            isDraw: false
+            graphicValue: _this7.multiDraw ? [].concat(_toConsumableArray(graphicValue || []), [obj]) : obj,
+            isDoEdit: !_this7.multiDraw,
+            isDraw: _this7.multiDraw
           };
 
-          if (obj.geometryType == 'polyline' || obj.geometryType == 'polygon') {
+          if (!_this7.multiDraw && (obj.geometryType == 'polyline' || obj.geometryType == 'polygon')) {
             objparam.editGraphicId = obj.id;
-            objparam.isDoEdit = true;
           }
 
-          _this4.setState(objparam, function () {
-            _this4.setState({
-              isDoEdit: false
-            });
-          });
+          _this7.setState(objparam);
         },
         mapDraw: {
           geometryType: this.state.graphicType,
@@ -598,7 +716,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
             //填充透明度 
             lineType: 'solid'
           } : {}),
-          data: {
+          data: this.multiDraw ? null : {
             id: drawGraphID
           }
         }
@@ -616,8 +734,10 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
 
       if (graphicType === 'polygon') {
         if (editGraphic) {
-          mapPolygons.push(editGraphic);
-          drawProps = null;
+          var _mapPolygons;
+
+          Array.isArray(editGraphic) ? (_mapPolygons = mapPolygons).push.apply(_mapPolygons, _toConsumableArray(editGraphic)) : mapPolygons.push(editGraphic);
+          !this.multiDraw && (drawProps = null);
         }
       }
 
@@ -672,7 +792,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
           type: "primary",
           onClick: function onClick() {
-            _this4.callback();
+            _this7.callback();
           },
           icon: getIcon('check')
         }, "\u786E\u5B9A"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -700,24 +820,54 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       }, "\u6821\u6B63") : null, this.state.graphicType != 'point' ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
         disabled: this.isDrawStatus,
         onClick: function onClick() {
-          _this4.isDrawStatus = true;
+          _this7.isDrawStatus = true;
 
-          _this4.setState({
-            isDraw: true,
-            graphicValue: null,
-            editGraphic: null,
-            isEndEdit: true
-          }, function () {
-            t.map.removeGraphic('drawnGraph', 'draw');
-            t.setState({
-              isEndEdit: false
+          if (_this7.multiDraw) {
+            _this7.clickable = false;
+            graphicValue === null || graphicValue === void 0 ? void 0 : graphicValue.forEach(function (item) {
+              return t.map.removeGraphic(item.id, 'draw');
+            });
+            editGraphic === null || editGraphic === void 0 ? void 0 : editGraphic.forEach(function (item) {
+              return t.map.removeGraphic(item.id, 'draw');
             });
-          });
 
-          _this4.callback('editDraw');
+            _this7.setState({
+              isDraw: false,
+              isCloseDraw: true,
+              isEndEdit: false,
+              graphicValue: null,
+              editGraphic: null
+            }, function () {
+              _this7.setState({
+                isDraw: true,
+                isCloseDraw: false,
+                isEndEdit: true
+              });
+            });
+          } else {
+            _this7.setState({
+              isDraw: true,
+              graphicValue: null,
+              editGraphic: null,
+              isEndEdit: true
+            }, function () {
+              t.map.removeGraphic('drawnGraph', 'draw');
+              t.setState({
+                isEndEdit: false
+              });
+            });
+          }
+
+          _this7.callback('editDraw');
         },
         icon: getIcon('edit')
-      }, "\u91CD\u65B0\u7ED8\u5236") : null, mapType == 'gmap' || mapType == 'olmap' ? '' : /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      }, "\u91CD\u65B0\u7ED8\u5236") : null, this.multiDraw && /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        onClick: this.continueDraw.bind(this),
+        icon: getIcon('edit')
+      }, "\u7EE7\u7EED\u7ED8\u5236"), this.multiDraw && /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        onClick: this.editGraphic.bind(this),
+        icon: getIcon('edit')
+      }, "\u7F16\u8F91\u56FE\u5143"), mapType == 'gmap' || mapType == 'olmap' ? '' : /*#__PURE__*/_react["default"].createElement(_button["default"], {
         onClick: this.setFitView.bind(this),
         icon: getIcon('sync')
       }, "\u8FD4\u56DE\u5168\u5C40\u5730\u56FE"), isShowOther ? /*#__PURE__*/_react["default"].createElement("div", {
@@ -725,7 +875,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
         checked: isShowOtherGraph,
         onChange: function onChange(e) {
-          _this4.setState({
+          _this7.setState({
             isShowOtherGraph: e.target.checked
           });
         }
@@ -744,7 +894,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         className: styles.title
       }, "\u67E5\u8BE2\u7ED3\u679C"), /*#__PURE__*/_react["default"].createElement("div", {
         onClick: function onClick() {
-          return _this4.showOrhidden(false);
+          return _this7.showOrhidden(false);
         },
         className: styles.btn
       }, /*#__PURE__*/_react["default"].createElement(_default2.VtxMapIcon, {
@@ -755,13 +905,13 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: index,
           onClick: function onClick() {
-            return _this4.chooseAddress(item.id);
+            return _this7.chooseAddress(item.id);
           },
           className: "".concat(styles.lists, " ").concat(item.isSelect ? styles.select : '')
         }, item.title);
       }))), /*#__PURE__*/_react["default"].createElement("div", {
         onClick: function onClick() {
-          return _this4.showOrhidden(true);
+          return _this7.showOrhidden(true);
         },
         className: "".concat(styles.btn, " ").concat(!isShowList ? styles.show : styles.hidden)
       }, /*#__PURE__*/_react["default"].createElement(_default2.VtxMapIcon, {
@@ -770,7 +920,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         className: styles.content_right
       }, /*#__PURE__*/_react["default"].createElement(_VtxMap.VtxMap, _extends({
         getMapInstance: function getMapInstance(map) {
-          if (map) _this4.map = map;
+          if (map) _this7.map = map;
         },
         mapType: mapType,
         mapStyle: mapStyle,
@@ -792,7 +942,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         isDoEdit: isDoEdit,
         isEndEdit: isEndEdit,
         editGraphicId: editGraphicId,
-        editGraphicChange: function editGraphicChange() {},
+        editGraphicChange: this.editGraphicChange.bind(this),
         clickGraphic: this.clickGraphic.bind(this),
         clickMap: function clickMap() {
           t.isClickMap = true;
@@ -803,17 +953,17 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "initSearchMap",
     value: function initSearchMap() {
-      var _this5 = this;
+      var _this8 = this;
 
       if (this.props.modal1Visible
       /*&& !this.state.locationPoint[0]*/
       ) {
         if (this.map) {
           this.map.loadMapComplete.then(function () {
-            if (!_this5.mapLoaded) {
-              _this5.mapLoaded = true;
+            if (!_this8.mapLoaded) {
+              _this8.mapLoaded = true;
 
-              _this5.drawLocationPoint();
+              _this8.drawLocationPoint();
             }
           });
         }
@@ -834,7 +984,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
-      var _this6 = this;
+      var _this9 = this;
 
       var t = this;
       this.isClickMap = false;
@@ -872,49 +1022,49 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       setTimeout(function () {
         //实现2+次进入时,清理数据
         if (nextProps.modal1Visible) {
-          _this6.clearList();
+          _this9.clearList();
 
-          _this6.setState({
+          _this9.setState({
             setZoomLevel: true
           }, function () {
-            _this6.setState({
+            _this9.setState({
               setZoomLevel: false
             });
           });
 
-          if (!!_this6.map && !!_this6.state.locationPoint[0] && nextProps.mapCenter && !!nextProps.mapCenter[0]) {
-            if (_this6.map.getGraphic('locationPoint')) {
+          if (!!_this9.map && !!_this9.state.locationPoint[0] && nextProps.mapCenter && !!nextProps.mapCenter[0]) {
+            if (_this9.map.getGraphic('locationPoint')) {
               switch (nextProps.mapType) {
                 case 'bmap':
-                  _this6.map.getGraphic('locationPoint').mapLayer.setPosition(new BMap.Point(nextProps.mapCenter[0], nextProps.mapCenter[1]));
+                  _this9.map.getGraphic('locationPoint').mapLayer.setPosition(new BMap.Point(nextProps.mapCenter[0], nextProps.mapCenter[1]));
 
                   break;
 
                 case 'amap':
-                  _this6.map.getGraphic('locationPoint').mapLayer.setPosition(new AMap.LngLat(nextProps.mapCenter[0], nextProps.mapCenter[1]));
+                  _this9.map.getGraphic('locationPoint').mapLayer.setPosition(new AMap.LngLat(nextProps.mapCenter[0], nextProps.mapCenter[1]));
 
                   break;
 
                 case 'tmap':
-                  _this6.map.getGraphic('locationPoint').mapLayer.setLngLat(new T.LngLat(nextProps.mapCenter[0], nextProps.mapCenter[1]));
+                  _this9.map.getGraphic('locationPoint').mapLayer.setLngLat(new T.LngLat(nextProps.mapCenter[0], nextProps.mapCenter[1]));
 
                   break;
 
                 case 'gmap':
-                  _this6.map.getGraphic('locationPoint').mapLayer.geometry.setLatitude(nextProps.mapCenter[1]);
+                  _this9.map.getGraphic('locationPoint').mapLayer.geometry.setLatitude(nextProps.mapCenter[1]);
 
-                  _this6.map.getGraphic('locationPoint').mapLayer.geometry.setLongitude(nextProps.mapCenter[0]);
+                  _this9.map.getGraphic('locationPoint').mapLayer.geometry.setLongitude(nextProps.mapCenter[0]);
 
-                  _this6.map.state.gis.graphics.refresh();
+                  _this9.map.state.gis.graphics.refresh();
 
                 case 'olMap':
-                  _this6.map.getGraphic('locationPoint').mapLayer.setGeometry(new ol.geom.Point(nextProps.mapCenter));
+                  _this9.map.getGraphic('locationPoint').mapLayer.setGeometry(new ol.geom.Point(nextProps.mapCenter));
 
                   break;
               }
             }
 
-            _this6.map.setCenter(nextProps.mapCenter);
+            _this9.map.setCenter(nextProps.mapCenter);
           }
         }
       }, 100);