@vtx/ol-map 1.0.2-0

package/lib/tools/Toolbox/EagleEye/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _getBaseLayers = _interopRequireDefault(require("../../../map/getBaseLayers"));
+var _control = require("ol/control");
+var _ToolItem = _interopRequireDefault(require("../../components/ToolItem"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 _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 _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 _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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var _default = function _default(props) {
+  var map = props.map;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var controlRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    var control = controlRef.current || new _control.OverviewMap({
+      layers: _toConsumableArray((0, _getBaseLayers["default"])()),
+      collapsed: false
+    });
+    if (active) {
+      map.addControl(controlRef.current);
+    } else {
+      map.removeControl(controlRef.current);
+    }
+    controlRef.current = control;
+    return function () {
+      map.removeControl(control);
+    };
+  }, [active]);
+  return /*#__PURE__*/_react["default"].createElement(_ToolItem["default"], {
+    onClick: function onClick() {
+      return setActive(!active);
+    },
+    label: "\u9E70\u773C",
+    icon: "icon-yingyan",
+    active: active
+  });
+};
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/tools/Toolbox/EagleEye/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_getBaseLayers","_interopRequireDefault","_control","_ToolItem","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","_default","props","map","_useState","useState","_useState2","active","setActive","controlRef","useRef","useEffect","control","current","OverviewMap","layers","getBaseLayers","collapsed","addControl","removeControl","createElement","onClick","label","icon","exports"],"sources":["tools/Toolbox/EagleEye/index.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport getBaseLayers from '../../../map/getBaseLayers';\nimport { OverviewMap } from 'ol/control';\nimport ToolItem from '../../components/ToolItem';\n\nexport default props => {\n  const { map } = props;\n\n  const [active, setActive] = useState(false);\n  const controlRef = useRef();\n\n  useEffect(() => {\n    let control =\n      controlRef.current ||\n      new OverviewMap({\n        layers: [...getBaseLayers()],\n        collapsed: false,\n      });\n\n    if (active) {\n      map.addControl(controlRef.current);\n    } else {\n      map.removeControl(controlRef.current);\n    }\n\n    controlRef.current = control;\n\n    return () => {\n      map.removeControl(control);\n    };\n  }, [active]);\n\n  return (\n    <ToolItem onClick={() => setActive(!active)} label=\"鹰眼\" icon=\"icon-yingyan\" active={active} />\n  );\n};\n"],"mappings":"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"}

package/lib/tools/Toolbox/MapBookmark/index.css

@@ -0,0 +1,18 @@
+.label {
+  margin: 5px 0;
+}
+.label .labelAction {
+  cursor: pointer;
+  margin-right: 12px;
+}
+.label .labelTable {
+  margin-top: 14px;
+}
+.wrap {
+  position: relative;
+}
+.wrap .lngLat {
+  position: absolute;
+  top: 62px;
+  right: 20px;
+}

package/lib/tools/Toolbox/MapBookmark/index.js

@@ -0,0 +1,494 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _index = _interopRequireDefault(require("./index.less"));
+var _http = _interopRequireDefault(require("../../../_util/http"));
+var _getSystemInfo = _interopRequireDefault(require("../../../_util/getSystemInfo"));
+var _getUrlParam = _interopRequireDefault(require("../../../_util/getUrlParam"));
+var _Draw = _interopRequireDefault(require("../../Utils/Draw"));
+var _HighLayer = _interopRequireDefault(require("../../Utils/HighLayer"));
+var _Table = _interopRequireDefault(require("../../components/Table"));
+var _Modal = _interopRequireDefault(require("../../components/Modal"));
+var _Icon = _interopRequireDefault(require("../../components/Icon"));
+var _Feature = _interopRequireDefault(require("ol/Feature"));
+var _style = require("ol/style");
+var _geom = require("ol/geom");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { 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 _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 _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 _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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+                                                                       * @description 地图书签
+                                                                       */
+var confirm = _antd.Modal.confirm;
+var btnList = [{
+  title: '新增',
+  icon: 'icon-add',
+  color: 'rgb(73, 119, 233)'
+}, {
+  title: '删除',
+  icon: 'icon-shanchu',
+  color: 'rgb(255,0,0)'
+}, {
+  title: '编辑',
+  icon: 'icon-bianji',
+  color: 'rgb(22, 184, 190)'
+}];
+var options = [{
+  label: '公有',
+  value: 0
+}, {
+  label: '私有',
+  value: 1
+}];
+var publicUrlJCSS = '/cloud/zhsw-jcss';
+function MapBookmark(props) {
+  var onClose = props.onClose,
+    map = props.map;
+  var _Form$useForm = _antd.Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var columns = [{
+    title: '添加用户',
+    dataIndex: 'userName',
+    width: 70
+  }, {
+    title: '书签名',
+    dataIndex: 'name',
+    width: 80,
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        onClick: function onClick() {
+          return locatedLabel(record);
+        },
+        style: {
+          cursor: 'pointer',
+          color: '#00A8FF'
+        }
+      }, text);
+    }
+  }, {
+    title: '状态',
+    dataIndex: 'status',
+    width: 60,
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, text === 0 ? '公有' : text === 1 ? '私有' : text);
+    }
+  }, {
+    title: '创建日期',
+    dataIndex: 'createTime',
+    width: 140
+  }];
+  var userId = (0, _getUrlParam["default"])('userId') || (0, _getSystemInfo["default"])('userId') || '';
+  var _useState = (0, _react.useState)(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    pageIndex = _useState2[0],
+    setPageIndex = _useState2[1];
+  var _useState3 = (0, _react.useState)(5),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pageSize = _useState4[0],
+    setPageSize = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tableLoading = _useState6[0],
+    setTableLoading = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tableData = _useState8[0],
+    setTableData = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedRowKeys = _useState10[0],
+    setRowKeys = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    modalVisisble = _useState12[0],
+    setModalVisisble = _useState12[1];
+  var _useState13 = (0, _react.useState)(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    modalType = _useState14[0],
+    setModalType = _useState14[1];
+  var _useState15 = (0, _react.useState)(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    recordId = _useState16[0],
+    setRecordId = _useState16[1];
+  var _useState17 = (0, _react.useState)(0),
+    _useState18 = _slicedToArray(_useState17, 2),
+    total = _useState18[0],
+    setTotal = _useState18[1];
+  var highLayer = (0, _react.useRef)();
+  var draw = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    onSearch(pageIndex, pageSize);
+    highLayer.current = new _HighLayer["default"]({
+      map: map,
+      parmas: {
+        style: function style(feature) {
+          return new _style.Style({
+            fill: new _style.Fill({
+              color: 'rgba(255, 255, 255, 0.8)'
+            }),
+            text: new _style.Text({
+              textAlign: 'center',
+              textBaseline: 'middle',
+              fill: new _style.Fill({
+                color: '#009BFF'
+              }),
+              stroke: new _style.Stroke({
+                color: 'rgba(255, 255, 255, 0.8)',
+                width: 1
+              }),
+              offsetX: 0,
+              offsetY: 0,
+              placement: 'point',
+              maxAngle: '45',
+              overflow: true,
+              rotation: 0,
+              font: 'normal 28px serif',
+              text: getText(feature)
+            })
+          });
+        }
+      }
+    });
+    return function () {
+      highLayer.current.destroy();
+      draw.current && draw.current.destroy();
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    addLabelMakrker();
+  }, [tableData]);
+
+  // 地图上添加标签
+  var addLabelMakrker = function addLabelMakrker() {
+    var features = [];
+    tableData.map(function (v) {
+      var _v$geometryInfo;
+      if ((_v$geometryInfo = v.geometryInfo) !== null && _v$geometryInfo !== void 0 && _v$geometryInfo.lngLats) {
+        var _v$geometryInfo2, _v$geometryInfo2$lngL;
+        var lngLat = (_v$geometryInfo2 = v.geometryInfo) === null || _v$geometryInfo2 === void 0 ? void 0 : (_v$geometryInfo2$lngL = _v$geometryInfo2.lngLats) === null || _v$geometryInfo2$lngL === void 0 ? void 0 : _v$geometryInfo2$lngL.split(',');
+        if ((lngLat === null || lngLat === void 0 ? void 0 : lngLat.length) === 2) {
+          var feature = new _Feature["default"](_objectSpread({
+            geometry: new _geom.Point([Number(lngLat[0]), Number(lngLat[1])])
+          }, v));
+          features.push(feature);
+        }
+      }
+    });
+    highLayer.current.setHighlight(features);
+  };
+  var getText = function getText(feature) {
+    var text = feature.get('name');
+    return text;
+  };
+  var onSearch = function onSearch(pageIndex, pageSize) {
+    setTableLoading(true);
+    _http["default"].post("".concat(publicUrlJCSS, "/api/mapLabel/page"), {
+      body: {
+        current: pageIndex,
+        size: pageSize,
+        userId: userId
+      }
+    }).then(function (res) {
+      var _res$data;
+      var tableData = [];
+      var num = 0;
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0 && res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.records) {
+        tableData = res.data.records;
+        num = res.data.total;
+      }
+      setTableLoading(false);
+      setTableData(tableData);
+      setTotal(num);
+    });
+  };
+
+  // 定位
+  var locatedLabel = function locatedLabel(record) {
+    var _record$geometryInfo, _record$geometryInfo$;
+    var lngLat = record === null || record === void 0 ? void 0 : (_record$geometryInfo = record.geometryInfo) === null || _record$geometryInfo === void 0 ? void 0 : (_record$geometryInfo$ = _record$geometryInfo.lngLats) === null || _record$geometryInfo$ === void 0 ? void 0 : _record$geometryInfo$.split(',');
+    if ((lngLat === null || lngLat === void 0 ? void 0 : lngLat.length) === 2) {
+      map.getView().animate({
+        zoom: 16
+      }, {
+        center: [lngLat[0], lngLat[1]]
+      });
+    }
+  };
+
+  // 编辑时 获取详情
+  var getDetail = function getDetail(id) {
+    var _tableData$filter, _record$geometryInfo2;
+    var record = (_tableData$filter = tableData.filter(function (item) {
+      return item.id == id;
+    })) === null || _tableData$filter === void 0 ? void 0 : _tableData$filter[0];
+    form.setFieldsValue({
+      name: record === null || record === void 0 ? void 0 : record.name,
+      lngLat: record === null || record === void 0 ? void 0 : (_record$geometryInfo2 = record.geometryInfo) === null || _record$geometryInfo2 === void 0 ? void 0 : _record$geometryInfo2.lngLats,
+      remark: record === null || record === void 0 ? void 0 : record.remark,
+      status: record === null || record === void 0 ? void 0 : record.status
+    });
+    setModalVisisble(true);
+    setRecordId(id);
+  };
+
+  // 删除标签
+  var deleteLabel = function deleteLabel(ids) {
+    _http["default"].post("".concat(publicUrlJCSS, "/api/mapLabel/delete"), {
+      body: ids
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        _antd.message.success('删除成功', 2);
+        onSearch(pageIndex, pageSize);
+        setRowKeys([]);
+      } else {
+        _antd.message.error(res.message, 2);
+      }
+    });
+  };
+  var modalShow = function modalShow(modalType) {
+    setModalType(modalType);
+    if (modalType === '新增') {
+      setModalVisisble(true);
+    } else if (modalType == '删除') {
+      if (!selectedRowKeys.length) {
+        _antd.message.info('请先勾选', 2);
+      } else {
+        confirm({
+          title: '确认删除书签',
+          okText: '确认',
+          okType: 'primary',
+          cancelText: '取消',
+          maskStyle: {
+            zIndex: 1250
+          },
+          zIndex: 1250,
+          style: {
+            top: 10
+          },
+          onOk: function onOk() {
+            deleteLabel(selectedRowKeys);
+          }
+        });
+      }
+    } else {
+      if (!selectedRowKeys.length) {
+        _antd.message.info('请先勾选', 2);
+      } else if (selectedRowKeys.length > 1) {
+        _antd.message.info('请只勾选1个', 2);
+      } else {
+        getDetail(selectedRowKeys[0]);
+      }
+    }
+  };
+  var onModalSave = function onModalSave(val) {
+    var url = "".concat(publicUrlJCSS, "/api/mapLabel/save");
+    var params = val || {};
+    params.userId = userId;
+    var geometryInfo = {
+      coordType: 'wgs84',
+      type: 'point',
+      lngLats: params.lngLat
+    };
+    params.geometryInfo = geometryInfo;
+    delete params.lngLat;
+    if (modalType === '编辑' && recordId) {
+      url = "".concat(publicUrlJCSS, "/api/mapLabel/update");
+      params.id = recordId;
+    }
+    _http["default"].post(url, {
+      body: _objectSpread({}, params)
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        var msg = modalType === '编辑' ? '书签编辑成功' : '书签保存成功';
+        _antd.message.success(msg, 2);
+        onSearch(pageIndex, pageSize);
+        modalCancel();
+      } else {
+        _antd.message.error(res.message, 2);
+      }
+    });
+  };
+  var modalCancel = function modalCancel() {
+    setModalVisisble(false);
+    setModalType('');
+    form.resetFields();
+    draw.current && draw.current.destroy();
+  };
+  var onSelectChange = function onSelectChange(keys) {
+    setRowKeys(keys);
+  };
+  var rowSelection = {
+    selectedRowKeys: selectedRowKeys,
+    columnWidth: 30,
+    onChange: onSelectChange
+  };
+  var onPageChange = function onPageChange(current, size) {
+    setPageIndex(current);
+    setPageSize(size);
+    onSearch(current, size);
+  };
+  var onFinish = function onFinish(val) {
+    if (val) {
+      onModalSave(val);
+    }
+  };
+  var mapBookMarkerAdd = function mapBookMarkerAdd() {
+    draw.current = new _Draw["default"]({
+      map: map
+    });
+    draw.current.draw('Point', function (feature) {
+      var _feature$getGeometry;
+      var lngLat = feature === null || feature === void 0 ? void 0 : (_feature$getGeometry = feature.getGeometry()) === null || _feature$getGeometry === void 0 ? void 0 : _feature$getGeometry.getCoordinates();
+      if (lngLat) {
+        form.setFieldsValue({
+          lngLat: "".concat(lngLat[0], ",").concat(lngLat[1])
+        });
+      }
+    });
+  };
+  var addModal = function addModal() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].wrap
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+      form: form,
+      name: "basic",
+      labelCol: {
+        span: 4
+      },
+      wrapperCol: {
+        span: 18
+      },
+      initialValues: {},
+      onFinish: onFinish
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      label: "\u4E66\u7B7E\u540D",
+      name: "name",
+      rules: [{
+        required: true,
+        message: '请输入书签名'
+      }]
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u4E66\u7B7E\u540D"
+    })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      label: "\u7ECF\u7EAC\u5EA6",
+      name: "lngLat",
+      labelCol: {
+        span: 4
+      },
+      wrapperCol: {
+        span: 15
+      },
+      rules: [{
+        required: true,
+        message: '请输入经纬度'
+      }]
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165\u7ECF\u7EAC\u5EA6",
+      name: "lngLat"
+    })), /*#__PURE__*/_react["default"].createElement("a", {
+      onClick: mapBookMarkerAdd,
+      className: _index["default"].lngLat,
+      style: {
+        flexShrink: '0',
+        marginLeft: 10,
+        marginBottom: 20
+      }
+    }, "\u91CD\u65B0\u9009\u62E9"), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      label: "\u5907\u6CE8",
+      name: "remark"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input.TextArea, {
+      placeholder: "\u8BF7\u8F93\u5165\u5907\u6CE8"
+    })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      label: "\u72B6\u6001",
+      name: "status",
+      rules: [{
+        required: true,
+        message: '请选择状态'
+      }]
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+      placeholder: "\u8BF7\u9009\u62E9\u72B6\u6001",
+      allowClear: true
+    }, options.map(function (v) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        key: v.value,
+        value: v.value
+      }, v.label);
+    }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      wrapperCol: {
+        offset: 8,
+        span: 16
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+      type: "primary",
+      onClick: modalCancel,
+      style: {
+        marginRight: 20
+      }
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+      type: "primary",
+      htmlType: "submit"
+    }, "\u4FDD\u5B58"))));
+  };
+  var renderTable = function renderTable() {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].label
+    }, btnList.map(function (v, i) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: _index["default"].labelAction,
+        key: i,
+        onClick: function onClick() {
+          return modalShow(v.title);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        type: v.icon,
+        style: {
+          color: v.color,
+          marginRight: 6
+        }
+      }), v.title);
+    })), /*#__PURE__*/_react["default"].createElement(_Table["default"], {
+      columns: columns,
+      dataSource: tableData,
+      rowKey: "id",
+      rowSelection: rowSelection,
+      bordered: true,
+      loading: tableLoading,
+      pagination: {
+        position: ['bottomRight'],
+        size: 'small',
+        showTotal: function showTotal(total) {
+          return "\u5171 ".concat(total, " \u6761");
+        },
+        onChange: onPageChange,
+        current: pageIndex,
+        total: total,
+        pageSize: pageSize
+      }
+    }));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
+    title: "".concat(modalType || '', "\u5730\u56FE\u4E66\u7B7E"),
+    onClose: onClose,
+    width: 500
+  }, modalVisisble ? addModal() : renderTable());
+}
+var _default = MapBookmark;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map