@vtx/map 1.2.15 → 1.2.17

package/lib/VtxSearchMap/VtxSearchMap.js

@@ -41,6 +41,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 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; }
@@ -247,13 +255,16 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       showControl: props.showControl || false,
       coverageType: props.coverageType || 'sl',
       // 自定义右上角功能
-      customNodes: props.customNodes || null
+      customNodes: props.customNodes || null,
+      // 查询模式
+      searchMode: props.searchMode || 'keyword'
     };
     _this.TextEnum = _objectSpread({
       locationTitleText: '定位',
       drawTitleText: '绘制',
       searchConfirmBtnText: '查询',
       searchResetBtnText: '清空',
+      locateLnglatText: '定位',
       searchRelocateBtnText: '校正',
       searchGlobalBtnText: '返回全局地图',
       searchRedrawBtnText: '重新绘制',
@@ -265,10 +276,14 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       footerConfirmBtnText: '确定',
       footerCancelBtnText: '关闭',
       msgConfirmInputText: '请输入搜索关键字',
+      msgConfirmInputLnglatText: '请输入经纬度定位',
       msgEndEditingDrawText: '请双击结束图元编辑',
       msgClickGraphicEditText: '请点击图元进行编辑',
       msgDoNotAllowOtherGraph: '不允许编辑其它参考图元',
       placeholderSearchInputText: '输入关键字',
+      placeholderSearchInputLngLatText: '输入经纬度，逗号分隔',
+      radioLabelKeywordText: '关键字',
+      radioLabelLnglatText: '坐标定位',
       lengthText: '长度',
       areaText: '面积'
     }, props.customEnumText || {});
@@ -342,10 +357,21 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
             break;
 
           case 'rectangle':
-            this.props[fun](this.state.graphicValue ? {
-              rings: distinct(this.state.graphicValue.geometry.rings),
-              area: this.state.graphicValue.area
-            } : null);
+            if (this.state.graphicValue) {
+              this.props[fun](this.state.graphicValue ? {
+                rings: distinct(this.state.graphicValue.geometry.rings),
+                area: this.state.graphicValue.area
+              } : null);
+            } else if (this.map.getGraphic(editGraphicId)) {
+              var _p3 = this.map.GM.allParam[editGraphicId];
+              this.props[fun]({
+                rings: distinct(_p3.geometry.rings),
+                area: this.map.getPolygonArea(distinct(_p3.geometry.rings))
+              });
+            } else {
+              this.props[fun](null);
+            }
+
             break;
 
           case 'polyline':
@@ -355,11 +381,11 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
             }
 
             if (this.map.getGraphic(editGraphicId)) {
-              var _p3 = this.map.getGraphic(editGraphicId);
+              var _p4 = this.map.getGraphic(editGraphicId);
 
               this.props[fun]({
-                paths: _p3.geometry.paths,
-                length: this.map.calculateDistance(_p3.geometry.paths)
+                paths: _p4.geometry.paths,
+                length: this.map.calculateDistance(_p4.geometry.paths)
               });
             } else {
               this.props[fun](this.state.graphicValue ? {
@@ -466,6 +492,36 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
       this.setState({
         searchValue: e.target.value
       });
+    } // 根据经纬度定位中心点
+
+  }, {
+    key: "locateByLnglat",
+    value: function locateByLnglat() {
+      var t = this;
+
+      if (!t.state.searchValue) {
+        _message["default"].warn(t.TextEnum.msgConfirmInputLnglatText);
+
+        return;
+      }
+
+      var _t$state$searchValue$ = t.state.searchValue.split(','),
+          _t$state$searchValue$2 = _slicedToArray(_t$state$searchValue$, 2),
+          longitude = _t$state$searchValue$2[0],
+          latitude = _t$state$searchValue$2[1];
+
+      t.setState({
+        mapCenter: [longitude, latitude],
+        setCenter: true
+      }, function () {
+        t.setState({
+          setCenter: false
+        });
+
+        if (t.state.graphicType == 'point') {
+          t.correction();
+        }
+      });
     } //根据关键字搜索数据
 
   }, {
@@ -477,16 +533,13 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         _message["default"].warn(this.TextEnum.msgConfirmInputText);
 
         return;
-      } // if(window.AMap){
-      //     t.searchPoints();
-      // }else {
-      //     $.getScript("//webapi.amap.com/maps?v=1.4.14&key=e59ef9272e3788ac59d9a22f0f8cf9fe&plugin=AMap.PlaceSearch",()=>{
-      //         t.searchPoints();
-      //     })
-      // }
-
+      }
 
-      t.searchPointsLBS();
+      if (t.state.searchMode === 'lnglat') {
+        t.locateByLnglat();
+      } else {
+        t.searchPointsLBS();
+      }
     } // 从lbs中查询
 
   }, {
@@ -872,9 +925,9 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
 
         case 'polygon':
           if (this.map.getGraphic(editGraphicId)) {
-            var _p4 = this.map.getGraphic(editGraphicId);
+            var _p5 = this.map.getGraphic(editGraphicId);
 
-            str = "".concat(this.TextEnum.areaText, "\uFF1A").concat(formatNumber(this.map.getPolygonArea(distinct(_p4.geometry.rings))), "\u33A1");
+            str = "".concat(this.TextEnum.areaText, "\uFF1A").concat(formatNumber(this.map.getPolygonArea(distinct(_p5.geometry.rings))), "\u33A1");
           } else {
             str = "".concat(this.TextEnum.areaText, "\uFF1A").concat(graphicValue ? formatNumber(graphicValue.area) : '-', "\u33A1");
           }
@@ -887,9 +940,9 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
 
         case 'polyline':
           if (this.map.getGraphic(editGraphicId)) {
-            var _p5 = this.map.getGraphic(editGraphicId);
+            var _p6 = this.map.getGraphic(editGraphicId);
 
-            str = "".concat(this.TextEnum.lengthText, "\uFF1A").concat(formatNumber(this.map.calculateDistance(_p5.geometry.paths)), "m");
+            str = "".concat(this.TextEnum.lengthText, "\uFF1A").concat(formatNumber(this.map.calculateDistance(_p6.geometry.paths)), "m");
           } else {
             str = "".concat(this.TextEnum.lengthText, "\uFF1A").concat(graphicValue ? formatNumber(this.map.calculateDistance(graphicValue.geometry.paths)) : '-', "m");
           }
@@ -961,7 +1014,7 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         style: {
           'width': '200px'
         },
-        placeholder: TextEnum.placeholderSearchInputText,
+        placeholder: this.state.searchMode == 'keyword' ? TextEnum.placeholderSearchInputText : TextEnum.placeholderSearchInputLngLatText,
         value: searchValue,
         onChange: this.changeValue.bind(this),
         onPressEnter: this.searchList.bind(this),
@@ -1113,9 +1166,21 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         className: styles.top
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: styles.top_left
-      }, [/*#__PURE__*/_react["default"].createElement(_input["default"], _extends({
+      }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+        value: this.state.searchMode,
+        onChange: function onChange(e) {
+          _this8.setState({
+            searchMode: e.target.value,
+            searchValue: ''
+          });
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Radio, {
+        value: 'keyword'
+      }, this.TextEnum.radioLabelKeywordText), /*#__PURE__*/_react["default"].createElement(_antd.Radio, {
+        value: 'lnglat'
+      }, this.TextEnum.radioLabelLnglatText)), /*#__PURE__*/_react["default"].createElement(_input["default"], _extends({
         key: "1"
-      }, InputProps)), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      }, InputProps)), this.state.searchMode === 'keyword' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
         key: "2",
         type: "primary",
         onClick: this.searchList.bind(this),
@@ -1124,7 +1189,11 @@ var VtxSearchMap = /*#__PURE__*/function (_React$Component) {
         key: "3",
         onClick: this.clearList.bind(this),
         icon: getIcon('close')
-      }, TextEnum.searchResetBtnText)], this.state.graphicType == 'point' ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      }, TextEnum.searchResetBtnText)) : /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        key: "4",
+        type: "primary",
+        onClick: this.locateByLnglat.bind(this)
+      }, TextEnum.locateLnglatText)), this.state.graphicType == 'point' ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
         onClick: this.correction.bind(this),
         icon: getIcon('environment')
       }, TextEnum.searchRelocateBtnText) : null, this.state.graphicType != 'point' ? /*#__PURE__*/_react["default"].createElement(_button["default"], {