@vtx/ol-map 1.0.2-0

package/lib/map/index.js

@@ -0,0 +1,319 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _ol = require("ol");
+var _layer = require("ol/layer");
+var _source = require("ol/source");
+var _control = require("ol/control");
+require("ol/ol.css");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _getDefaultMapInfo2 = _interopRequireDefault(require("../_util/getDefaultMapInfo"));
+var _Popup = _interopRequireDefault(require("./Popup"));
+var _getBaseLayers = _interopRequireDefault(require("./getBaseLayers"));
+var _HighLayer = _interopRequireDefault(require("../tools/Utils/HighLayer"));
+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 _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; }
+function Map(props) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    mapLoaded = _useState2[0],
+    setMapLoaded = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tipVis = _useState4[0],
+    setTipVis = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tip = _useState6[0],
+    setTip = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    modal = _useState8[0],
+    setModal = _useState8[1];
+  var mapRef = (0, _react.useRef)(null);
+  var timerRef = (0, _react.useRef)(null);
+  var mapDomRef = (0, _react.useRef)(null);
+  var tipRef = (0, _react.useRef)(null);
+  var highLayerRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    initMap();
+    return function () {
+      window.removeEventListener('resize', handleResize);
+      highLayerRef.current && highLayerRef.current.destroy();
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (mapRef.current) {
+      timerRef.current = setInterval(function () {
+        var layers = mapRef.current.getLayers().getArray() || [];
+        layers.map(function (v) {
+          if (v.autoRefresh && v.key && v.get('visible') && v.refresh) {
+            v.refresh();
+          }
+        });
+      }, 10000);
+    }
+    return function () {
+      if (timerRef.current) {
+        clearInterval(timerRef.current);
+      }
+    };
+  }, []);
+  function initMap() {
+    var center = props.center,
+      dark = props.dark,
+      zoom = props.zoom,
+      createdMap = props.createdMap,
+      _props$style = props.style,
+      style = _props$style === void 0 ? 'vec' : _props$style,
+      tk = props.tk;
+    var _getDefaultMapInfo = (0, _getDefaultMapInfo2["default"])(),
+      minZoom = _getDefaultMapInfo.minZoom,
+      maxZoom = _getDefaultMapInfo.maxZoom,
+      defaultZoomLevel = _getDefaultMapInfo.defaultZoomLevel,
+      longitude = _getDefaultMapInfo.longitude,
+      latitude = _getDefaultMapInfo.latitude;
+
+    // 全屏
+    var viewDefault = {
+      center: center || longitude && latitude && [longitude, latitude] || [116.397228, 30.9096],
+      zoom: zoom || defaultZoomLevel && Number(defaultZoomLevel) || 0,
+      minZoom: minZoom && Number(minZoom) || 0,
+      maxZoom: maxZoom && Number(maxZoom) || 20
+    };
+    var map = new _ol.Map({
+      target: mapDomRef.current,
+      controls: (0, _control.defaults)({
+        zoom: false
+      }).extend([]),
+      layers: _toConsumableArray((0, _getBaseLayers["default"])(style, dark, tk)),
+      view: new _ol.View(_objectSpread(_objectSpread({}, viewDefault), {}, {
+        projection: 'EPSG:4326',
+        constrainResolution: true
+      }))
+    });
+    mapRef.current = map;
+
+    // 地图视角默认配置
+    map.defaultInfo = viewDefault;
+
+    // 高亮效果
+    highLayerRef.current = new _HighLayer["default"]({
+      map: map
+    });
+    map.highlightLayer = highLayerRef.current;
+
+    // 根 key 查找图层
+    map.getLayerByKey = function (key) {
+      return map.getAllLayers().find(function (layer) {
+        if (layer.key === key) {
+          return layer;
+        }
+      });
+    };
+
+    // 查找展示的绑定key的wms图层
+    map.getWmsVisibleLayers = function () {
+      var layers = [];
+      map.getAllLayers().map(function (layer) {
+        if (layer.key && layer instanceof _layer.Image && layer.get('visible')) {
+          layers.push(layer);
+        }
+      });
+      return layers;
+    };
+
+    // 根 keys 查找展示的图层
+    map.getVisibleLayersByKeys = function (keys) {
+      var layers = [];
+      if (Array.isArray(keys) && keys !== null && keys !== void 0 && keys.length) {
+        map.getAllLayers().map(function (layer) {
+          if (layer.key && keys.includes(layer.key) && layer.get('visible')) {
+            layers.push(layer);
+          }
+        });
+      }
+      return layers;
+    };
+
+    // 展示提示
+    map.showTip = function (content) {
+      setTip(content);
+    };
+
+    // 隐藏提示
+    map.hideTip = function () {
+      setTip(null);
+    };
+
+    // 展示弹窗
+    map.showModal = function (params) {
+      setModal(params);
+    };
+
+    // 隐藏弹窗
+    map.hideModal = function () {
+      setModal(null);
+    };
+    map.fitView = function (e) {
+      if (e) {
+        var extent;
+        if (e instanceof _layer.Vector) {
+          extent = e.getSource().getExtent();
+        } else if (e instanceof _source.Vector) {
+          extent = _source.Vector.getExtent();
+        } else {
+          extent = e.values_.geometry.getExtent();
+        }
+        map.getView().fit(extent, {
+          maxZoom: 18,
+          duration: 500
+        });
+      } else {
+        map.getView().animate(_objectSpread(_objectSpread({}, map.defaultInfo), {}, {
+          duration: 500
+        }));
+      }
+    };
+
+    // 通过图形查询所属图层
+    map.getLayerByFeature = function (feature) {
+      return map.getAllLayers().find(function (layer) {
+        if (layer instanceof _layer.Vector) {
+          if (layer.getSource() && layer.getSource().hasFeature(feature)) {
+            return layer;
+          }
+        } else if (feature.key && feature.key === layer.key) {
+          return layer;
+        } else if (feature.layerKey && feature.layerKey === layer.key) {
+          return layer;
+        }
+      });
+    };
+
+    // 鼠标移入展示名称
+    map.on('pointermove', function (event) {
+      if (!(map.analysisActive || map.toolboxActive)) {
+        var feature = map.getFeaturesAtPixel(event.pixel)[0];
+        if (feature) {
+          var layer = map.getLayerByFeature(feature);
+          if (layer) {
+            var labelField = layer.labelField;
+            if (labelField) {
+              var label = feature.values_[labelField];
+              if (label) {
+                map.showTip(label);
+              } else {
+                map.hideTip();
+              }
+            } else {
+              map.hideTip();
+            }
+          } else {
+            map.hideTip();
+          }
+        } else {
+          map.hideTip();
+        }
+      }
+    });
+    createdMap && createdMap(map);
+    setMapLoaded(true);
+    window.addEventListener('resize', handleResize);
+  }
+  var handleResize = function handleResize() {
+    mapRef.current && mapRef.current.updateSize();
+  };
+  var onMouseMove = function onMouseMove(event) {
+    if (tip) {
+      tipRef.current.style.left = "".concat(event.nativeEvent.layerX + 15, "px");
+      tipRef.current.style.top = "".concat(event.nativeEvent.layerY + 15, "px");
+    }
+  };
+  var _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? '100%' : _props$height,
+    dark = props.dark,
+    children = props.children;
+
+  // 渲染 Children
+  var renderChildren = function renderChildren() {
+    return _react.Children.map(children, function (child) {
+      if (child) {
+        var cType = child.type;
+        /* 针对下面两种组件不注入地图相关属性
+         * 1. 明确声明不需要注入的
+         * 2. DOM 元素
+         */
+        if (cType.preventMap || typeof cType === 'string') {
+          return child;
+        }
+        return /*#__PURE__*/_react["default"].cloneElement(child, {
+          __map__: mapRef.current
+        });
+      }
+      return child;
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: width,
+      height: height,
+      background: dark ? '#152937' : '#cccccc'
+    },
+    className: (0, _classnames["default"])('map-container')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: mapDomRef,
+    className: (0, _classnames["default"])('map'),
+    onMouseMove: onMouseMove,
+    onMouseOver: function onMouseOver() {
+      return setTipVis(true);
+    },
+    onMouseOut: function onMouseOut() {
+      return setTipVis(false);
+    }
+  }, tip && tipVis && /*#__PURE__*/_react["default"].createElement("div", {
+    ref: tipRef,
+    className: (0, _classnames["default"])('custom-tip')
+  }, tip)), mapLoaded && /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
+    map: mapRef.current
+  }), mapLoaded && renderChildren());
+}
+var _default = Map;
+exports["default"] = _default;
+Map.propTypes = {
+  width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  createdMap: _propTypes["default"].func,
+  center: _propTypes["default"].array,
+  zoom: _propTypes["default"].number,
+  minZoom: _propTypes["default"].number,
+  maxZoom: _propTypes["default"].number,
+  dark: _propTypes["default"].bool,
+  style: _propTypes["default"].oneOfType(['vec', 'img']),
+  tk: _propTypes["default"].string.isRequired
+};
+//# sourceMappingURL=index.js.map

package/lib/map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_ol","_layer","_source","_control","_classnames","_getDefaultMapInfo2","_Popup","_getBaseLayers","_HighLayer","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","iter","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","err","Map","props","_useState","useState","_useState2","mapLoaded","setMapLoaded","_useState3","_useState4","tipVis","setTipVis","_useState5","_useState6","tip","setTip","_useState7","_useState8","modal","setModal","mapRef","useRef","timerRef","mapDomRef","tipRef","highLayerRef","useEffect","initMap","window","removeEventListener","handleResize","current","destroy","setInterval","layers","getLayers","getArray","map","v","autoRefresh","refresh","clearInterval","center","dark","zoom","createdMap","_props$style","style","tk","_getDefaultMapInfo","getDefaultMapInfo","minZoom","maxZoom","defaultZoomLevel","longitude","latitude","viewDefault","OlMap","controls","defaultControls","extend","getBaseLayers","view","View","projection","constrainResolution","defaultInfo","HighLayer","highlightLayer","getLayerByKey","getAllLayers","find","layer","getWmsVisibleLayers","Image","getVisibleLayersByKeys","includes","showTip","content","hideTip","showModal","params","hideModal","fitView","e","extent","VectorLayer","getSource","getExtent","VectorSource","values_","geometry","getView","fit","duration","animate","getLayerByFeature","feature","hasFeature","layerKey","on","event","analysisActive","toolboxActive","getFeaturesAtPixel","pixel","labelField","label","addEventListener","updateSize","onMouseMove","left","concat","nativeEvent","layerX","top","layerY","_props$width","width","_props$height","height","children","renderChildren","Children","child","cType","type","preventMap","React","cloneElement","__map__","createElement","background","className","classnames","ref","onMouseOver","onMouseOut","_default","exports","propTypes","PropTypes","oneOfType","string","number","func","array","bool","isRequired"],"sources":["map/index.jsx"],"sourcesContent":["import React, { Children, useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Map as OlMap, View } from 'ol';\nimport { Vector as VectorLayer, Image } from 'ol/layer';\nimport { Vector as VectorSource } from 'ol/source';\nimport { defaults as defaultControls } from 'ol/control';\nimport 'ol/ol.css';\nimport classnames from 'classnames';\nimport getDefaultMapInfo from '../_util/getDefaultMapInfo';\nimport Popup from \"./Popup\";\nimport getBaseLayers from \"./getBaseLayers\";\nimport HighLayer from '../tools/Utils/HighLayer';\n\nfunction Map(props) {\n    const [mapLoaded, setMapLoaded] = useState(false);\n    const [tipVis, setTipVis] = useState(false);\n    const [tip, setTip] = useState(null);\n    const [modal, setModal] = useState(null);\n\n    const mapRef = useRef(null);\n    const timerRef = useRef(null);\n    const mapDomRef = useRef(null);\n    const tipRef = useRef(null);\n    const highLayerRef = useRef();\n\n    useEffect(() => {\n        initMap();\n        return () => {\n            window.removeEventListener('resize', handleResize);\n            highLayerRef.current && highLayerRef.current.destroy();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (mapRef.current) {\n            timerRef.current = setInterval(() => {\n                const layers = mapRef.current.getLayers().getArray() || [];\n                layers.map(v => {\n                    if (v.autoRefresh && v.key && v.get('visible') && v.refresh) {\n                        v.refresh();\n                    }\n                });\n            }, 10000);\n        }\n        return () => {\n            if (timerRef.current) {\n                clearInterval(timerRef.current);\n            }\n        };\n    }, []);\n\n    function initMap() {\n        const { center, dark, zoom, createdMap, style = 'vec', tk } = props;\n\n        let {\n            minZoom,\n            maxZoom,\n            defaultZoomLevel,\n            longitude,\n            latitude,\n        } = getDefaultMapInfo();\n\n        // 全屏\n        let viewDefault = {\n            center: center || (longitude && latitude && [longitude, latitude]) || [116.397228, 30.9096],\n            zoom: zoom || (defaultZoomLevel && Number(defaultZoomLevel)) || 0,\n            minZoom: (minZoom && Number(minZoom)) || 0,\n            maxZoom: (maxZoom && Number(maxZoom)) || 20,\n        };\n\n        let map = new OlMap({\n            target: mapDomRef.current,\n            controls: defaultControls({ zoom: false }).extend([]),\n            layers: [...getBaseLayers(style, dark, tk)],\n            view: new View({\n                ...viewDefault,\n                projection: 'EPSG:4326',\n                constrainResolution: true,\n            }),\n        });\n\n        mapRef.current = map;\n\n        // 地图视角默认配置\n        map.defaultInfo = viewDefault;\n\n        // 高亮效果\n        highLayerRef.current = new HighLayer({ map });\n        map.highlightLayer = highLayerRef.current;\n\n        // 根 key 查找图层\n        map.getLayerByKey = function(key) {\n            return map.getAllLayers().find(layer => {\n                if (layer.key === key) {\n                    return layer;\n                }\n            });\n        };\n\n        // 查找展示的绑定key的wms图层\n        map.getWmsVisibleLayers = function() {\n            let layers = [];\n            map.getAllLayers().map(layer => {\n                if (layer.key && layer instanceof Image && layer.get('visible')) {\n                    layers.push(layer);\n                }\n            });\n            return layers;\n        };\n\n        // 根 keys 查找展示的图层\n        map.getVisibleLayersByKeys = function(keys) {\n            let layers = [];\n            if (Array.isArray(keys) && keys?.length) {\n                map.getAllLayers().map(layer => {\n                    if (layer.key && keys.includes(layer.key) && layer.get('visible')) {\n                        layers.push(layer);\n                    }\n                });\n            }\n            return layers;\n        };\n\n        // 展示提示\n        map.showTip = content => {\n            setTip(content);\n        };\n\n        // 隐藏提示\n        map.hideTip = () => {\n            setTip(null);\n        };\n\n        // 展示弹窗\n        map.showModal = params => {\n            setModal(params);\n        };\n\n        // 隐藏弹窗\n        map.hideModal = () => {\n            setModal(null);\n        };\n\n        map.fitView = (e) => {\n            if (e) {\n                let extent;\n                if (e instanceof VectorLayer) {\n                    extent = e.getSource().getExtent();\n                } else if (e instanceof VectorSource) {\n                    extent = VectorSource.getExtent();\n                } else {\n                    extent = e.values_.geometry.getExtent();\n                }\n\n                map.getView().fit(extent, {\n                    maxZoom: 18,\n                    duration: 500,\n                })\n            } else {\n                map.getView().animate({ ...map.defaultInfo, duration: 500 })\n            }\n        }\n\n        // 通过图形查询所属图层\n        map.getLayerByFeature = function(feature) {\n            return map.getAllLayers().find(layer => {\n                if (layer instanceof VectorLayer) {\n                    if (layer.getSource() && layer.getSource().hasFeature(feature)) {\n                        return layer;\n                    }\n                } else if (feature.key && feature.key === layer.key) {\n                    return layer;\n                } else if (feature.layerKey && feature.layerKey === layer.key) {\n                    return layer;\n                }\n            });\n        };\n\n        // 鼠标移入展示名称\n        map.on('pointermove', event => {\n            if (!(map.analysisActive || map.toolboxActive)) {\n                const feature = map.getFeaturesAtPixel(event.pixel)[0];\n                if (feature) {\n                    let layer = map.getLayerByFeature(feature);\n                    if (layer) {\n                        let labelField = layer.labelField;\n                        if (labelField) {\n                            let label = feature.values_[labelField];\n                            if (label) {\n                                map.showTip(label);\n                            } else {\n                                map.hideTip();\n                            }\n                        } else {\n                            map.hideTip();\n                        }\n                    } else {\n                        map.hideTip();\n                    }\n                } else {\n                    map.hideTip();\n                }\n            }\n        });\n\n\n        createdMap && createdMap(map);\n\n        setMapLoaded(true);\n\n        window.addEventListener('resize', handleResize);\n    }\n\n    const handleResize = () => {\n        mapRef.current && mapRef.current.updateSize();\n    }\n\n    const onMouseMove = event => {\n        if (tip) {\n            tipRef.current.style.left = `${event.nativeEvent.layerX + 15}px`;\n            tipRef.current.style.top = `${event.nativeEvent.layerY + 15}px`;\n        }\n    };\n\n    const { width = '100%', height = '100%', dark, children } = props;\n\n    // 渲染 Children\n    const renderChildren = () => {\n        return Children.map(children, (child) => {\n            if (child) {\n                const cType = child.type;\n                /* 针对下面两种组件不注入地图相关属性\n                 * 1. 明确声明不需要注入的\n                 * 2. DOM 元素\n                 */\n                if (cType.preventMap || typeof cType === 'string') {\n                    return child;\n                }\n                return React.cloneElement(child, {\n                    __map__: mapRef.current,\n                });\n            }\n\n            return child;\n        });\n    }\n    return (\n        <div style={{ width, height, background: dark ? '#152937' : '#cccccc' }} className={classnames('map-container')}>\n            <div\n                ref={mapDomRef}\n                className={classnames('map')}\n                onMouseMove={onMouseMove}\n                onMouseOver={() => setTipVis(true)}\n                onMouseOut={() => setTipVis(false)}\n            >\n                {(tip && tipVis) && (\n                    <div ref={tipRef} className={classnames('custom-tip')}>\n                        {tip}\n                    </div>\n                )}\n            </div>\n\n            {mapLoaded && <Popup map={mapRef.current} />}\n            {mapLoaded && renderChildren()}\n        </div>\n    )\n}\n\nexport default Map;\n\nMap.propTypes = {\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    createdMap: PropTypes.func,\n    center: PropTypes.array,\n    zoom: PropTypes.number,\n    minZoom: PropTypes.number,\n    maxZoom: PropTypes.number,\n    dark: PropTypes.bool,\n    style: PropTypes.oneOfType(['vec', 'img']),\n    tk: PropTypes.string.isRequired\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACAA,OAAA;AACA,IAAAO,WAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,mBAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,cAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,UAAA,GAAAT,sBAAA,CAAAF,OAAA;AAAiD,SAAAE,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAa,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,oBAAAxC,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,QAAA5C,OAAA,CAAA2C,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,oBAAA5C,OAAA,CAAAiD,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAP,SAAA;AAAA,SAAAK,iBAAAG,IAAA,eAAAZ,MAAA,oBAAAY,IAAA,CAAAZ,MAAA,CAAAa,QAAA,aAAAD,IAAA,+BAAAE,KAAA,CAAAC,IAAA,CAAAH,IAAA;AAAA,SAAAJ,mBAAAD,GAAA,QAAAO,KAAA,CAAAE,OAAA,CAAAT,GAAA,UAAAU,iBAAA,CAAAV,GAAA;AAAA,SAAAW,eAAAX,GAAA,EAAAzB,CAAA,WAAAqC,eAAA,CAAAZ,GAAA,KAAAa,qBAAA,CAAAb,GAAA,EAAAzB,CAAA,KAAA4B,2BAAA,CAAAH,GAAA,EAAAzB,CAAA,KAAAuC,gBAAA;AAAA,SAAAA,iBAAA,cAAAjB,SAAA;AAAA,SAAAM,4BAAAY,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAL,iBAAA,CAAAK,CAAA,EAAAC,MAAA,OAAAC,CAAA,GAAAhE,MAAA,CAAAI,SAAA,CAAA6D,QAAA,CAAA3D,IAAA,CAAAwD,CAAA,EAAAI,KAAA,aAAAF,CAAA,iBAAAF,CAAA,CAAAK,WAAA,EAAAH,CAAA,GAAAF,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAV,KAAA,CAAAC,IAAA,CAAAO,CAAA,OAAAE,CAAA,+DAAAK,IAAA,CAAAL,CAAA,UAAAP,iBAAA,CAAAK,CAAA,EAAAC,MAAA;AAAA,SAAAN,kBAAAV,GAAA,EAAAuB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAvB,GAAA,CAAAvB,MAAA,EAAA8C,GAAA,GAAAvB,GAAA,CAAAvB,MAAA,WAAAF,CAAA,MAAAiD,IAAA,OAAAjB,KAAA,CAAAgB,GAAA,GAAAhD,CAAA,GAAAgD,GAAA,EAAAhD,CAAA,IAAAiD,IAAA,CAAAjD,CAAA,IAAAyB,GAAA,CAAAzB,CAAA,UAAAiD,IAAA;AAAA,SAAAX,sBAAAb,GAAA,EAAAzB,CAAA,QAAAkD,EAAA,WAAAzB,GAAA,gCAAAP,MAAA,IAAAO,GAAA,CAAAP,MAAA,CAAAa,QAAA,KAAAN,GAAA,4BAAAyB,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAAlE,IAAA,CAAAyC,GAAA,GAAAiC,IAAA,QAAA1D,CAAA,QAAAtB,MAAA,CAAAwE,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArE,IAAA,CAAAkE,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAA3D,IAAA,CAAAuD,EAAA,CAAA3C,KAAA,GAAA+C,IAAA,CAAArD,MAAA,KAAAF,CAAA,GAAAwD,EAAA,iBAAAI,GAAA,IAAAH,EAAA,OAAAL,EAAA,GAAAQ,GAAA,yBAAAJ,EAAA,YAAAN,EAAA,eAAAI,EAAA,GAAAJ,EAAA,cAAAxE,MAAA,CAAA4E,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAlB,gBAAAZ,GAAA,QAAAO,KAAA,CAAAE,OAAA,CAAAT,GAAA,UAAAA,GAAA;AAEjD,SAASoC,GAAGA,CAACC,KAAK,EAAE;EAChB,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA7B,cAAA,CAAA2B,SAAA;IAA1CG,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAA4B,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAAK,UAAA,GAAAjC,cAAA,CAAAgC,UAAA;IAApCE,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,IAAAG,UAAA,GAAsB,IAAAR,eAAQ,EAAC,IAAI,CAAC;IAAAS,UAAA,GAAArC,cAAA,CAAAoC,UAAA;IAA7BE,GAAG,GAAAD,UAAA;IAAEE,MAAM,GAAAF,UAAA;EAClB,IAAAG,UAAA,GAA0B,IAAAZ,eAAQ,EAAC,IAAI,CAAC;IAAAa,UAAA,GAAAzC,cAAA,CAAAwC,UAAA;IAAjCE,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EAEtB,IAAMG,MAAM,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC3B,IAAMC,QAAQ,GAAG,IAAAD,aAAM,EAAC,IAAI,CAAC;EAC7B,IAAME,SAAS,GAAG,IAAAF,aAAM,EAAC,IAAI,CAAC;EAC9B,IAAMG,MAAM,GAAG,IAAAH,aAAM,EAAC,IAAI,CAAC;EAC3B,IAAMI,YAAY,GAAG,IAAAJ,aAAM,EAAC,CAAC;EAE7B,IAAAK,gBAAS,EAAC,YAAM;IACZC,OAAO,CAAC,CAAC;IACT,OAAO,YAAM;MACTC,MAAM,CAACC,mBAAmB,CAAC,QAAQ,EAAEC,YAAY,CAAC;MAClDL,YAAY,CAACM,OAAO,IAAIN,YAAY,CAACM,OAAO,CAACC,OAAO,CAAC,CAAC;IAC1D,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAN,gBAAS,EAAC,YAAM;IACZ,IAAIN,MAAM,CAACW,OAAO,EAAE;MAChBT,QAAQ,CAACS,OAAO,GAAGE,WAAW,CAAC,YAAM;QACjC,IAAMC,MAAM,GAAGd,MAAM,CAACW,OAAO,CAACI,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,IAAI,EAAE;QAC1DF,MAAM,CAACG,GAAG,CAAC,UAAAC,CAAC,EAAI;UACZ,IAAIA,CAAC,CAACC,WAAW,IAAID,CAAC,CAACrH,GAAG,IAAIqH,CAAC,CAAC3H,GAAG,CAAC,SAAS,CAAC,IAAI2H,CAAC,CAACE,OAAO,EAAE;YACzDF,CAAC,CAACE,OAAO,CAAC,CAAC;UACf;QACJ,CAAC,CAAC;MACN,CAAC,EAAE,KAAK,CAAC;IACb;IACA,OAAO,YAAM;MACT,IAAIlB,QAAQ,CAACS,OAAO,EAAE;QAClBU,aAAa,CAACnB,QAAQ,CAACS,OAAO,CAAC;MACnC;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,SAASJ,OAAOA,CAAA,EAAG;IACf,IAAQe,MAAM,GAAgDxC,KAAK,CAA3DwC,MAAM;MAAEC,IAAI,GAA0CzC,KAAK,CAAnDyC,IAAI;MAAEC,IAAI,GAAoC1C,KAAK,CAA7C0C,IAAI;MAAEC,UAAU,GAAwB3C,KAAK,CAAvC2C,UAAU;MAAAC,YAAA,GAAwB5C,KAAK,CAA3B6C,KAAK;MAALA,KAAK,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;MAAEE,EAAE,GAAK9C,KAAK,CAAZ8C,EAAE;IAEzD,IAAAC,kBAAA,GAMI,IAAAC,8BAAiB,EAAC,CAAC;MALnBC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;MACPC,OAAO,GAAAH,kBAAA,CAAPG,OAAO;MACPC,gBAAgB,GAAAJ,kBAAA,CAAhBI,gBAAgB;MAChBC,SAAS,GAAAL,kBAAA,CAATK,SAAS;MACTC,QAAQ,GAAAN,kBAAA,CAARM,QAAQ;;IAGZ;IACA,IAAIC,WAAW,GAAG;MACdd,MAAM,EAAEA,MAAM,IAAKY,SAAS,IAAIC,QAAQ,IAAI,CAACD,SAAS,EAAEC,QAAQ,CAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;MAC3FX,IAAI,EAAEA,IAAI,IAAKS,gBAAgB,IAAI1F,MAAM,CAAC0F,gBAAgB,CAAE,IAAI,CAAC;MACjEF,OAAO,EAAGA,OAAO,IAAIxF,MAAM,CAACwF,OAAO,CAAC,IAAK,CAAC;MAC1CC,OAAO,EAAGA,OAAO,IAAIzF,MAAM,CAACyF,OAAO,CAAC,IAAK;IAC7C,CAAC;IAED,IAAIf,GAAG,GAAG,IAAIoB,OAAK,CAAC;MAChBtH,MAAM,EAAEoF,SAAS,CAACQ,OAAO;MACzB2B,QAAQ,EAAE,IAAAC,iBAAe,EAAC;QAAEf,IAAI,EAAE;MAAM,CAAC,CAAC,CAACgB,MAAM,CAAC,EAAE,CAAC;MACrD1B,MAAM,EAAAtE,kBAAA,CAAM,IAAAiG,yBAAa,EAACd,KAAK,EAAEJ,IAAI,EAAEK,EAAE,CAAC,CAAC;MAC3Cc,IAAI,EAAE,IAAIC,QAAI,CAAA7H,aAAA,CAAAA,aAAA,KACPsH,WAAW;QACdQ,UAAU,EAAE,WAAW;QACvBC,mBAAmB,EAAE;MAAI,EAC5B;IACL,CAAC,CAAC;IAEF7C,MAAM,CAACW,OAAO,GAAGM,GAAG;;IAEpB;IACAA,GAAG,CAAC6B,WAAW,GAAGV,WAAW;;IAE7B;IACA/B,YAAY,CAACM,OAAO,GAAG,IAAIoC,qBAAS,CAAC;MAAE9B,GAAG,EAAHA;IAAI,CAAC,CAAC;IAC7CA,GAAG,CAAC+B,cAAc,GAAG3C,YAAY,CAACM,OAAO;;IAEzC;IACAM,GAAG,CAACgC,aAAa,GAAG,UAASpJ,GAAG,EAAE;MAC9B,OAAOoH,GAAG,CAACiC,YAAY,CAAC,CAAC,CAACC,IAAI,CAAC,UAAAC,KAAK,EAAI;QACpC,IAAIA,KAAK,CAACvJ,GAAG,KAAKA,GAAG,EAAE;UACnB,OAAOuJ,KAAK;QAChB;MACJ,CAAC,CAAC;IACN,CAAC;;IAED;IACAnC,GAAG,CAACoC,mBAAmB,GAAG,YAAW;MACjC,IAAIvC,MAAM,GAAG,EAAE;MACfG,GAAG,CAACiC,YAAY,CAAC,CAAC,CAACjC,GAAG,CAAC,UAAAmC,KAAK,EAAI;QAC5B,IAAIA,KAAK,CAACvJ,GAAG,IAAIuJ,KAAK,YAAYE,YAAK,IAAIF,KAAK,CAAC7J,GAAG,CAAC,SAAS,CAAC,EAAE;UAC7DuH,MAAM,CAAClG,IAAI,CAACwI,KAAK,CAAC;QACtB;MACJ,CAAC,CAAC;MACF,OAAOtC,MAAM;IACjB,CAAC;;IAED;IACAG,GAAG,CAACsC,sBAAsB,GAAG,UAASjJ,IAAI,EAAE;MACxC,IAAIwG,MAAM,GAAG,EAAE;MACf,IAAI9D,KAAK,CAACE,OAAO,CAAC5C,IAAI,CAAC,IAAIA,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEY,MAAM,EAAE;QACrC+F,GAAG,CAACiC,YAAY,CAAC,CAAC,CAACjC,GAAG,CAAC,UAAAmC,KAAK,EAAI;UAC5B,IAAIA,KAAK,CAACvJ,GAAG,IAAIS,IAAI,CAACkJ,QAAQ,CAACJ,KAAK,CAACvJ,GAAG,CAAC,IAAIuJ,KAAK,CAAC7J,GAAG,CAAC,SAAS,CAAC,EAAE;YAC/DuH,MAAM,CAAClG,IAAI,CAACwI,KAAK,CAAC;UACtB;QACJ,CAAC,CAAC;MACN;MACA,OAAOtC,MAAM;IACjB,CAAC;;IAED;IACAG,GAAG,CAACwC,OAAO,GAAG,UAAAC,OAAO,EAAI;MACrB/D,MAAM,CAAC+D,OAAO,CAAC;IACnB,CAAC;;IAED;IACAzC,GAAG,CAAC0C,OAAO,GAAG,YAAM;MAChBhE,MAAM,CAAC,IAAI,CAAC;IAChB,CAAC;;IAED;IACAsB,GAAG,CAAC2C,SAAS,GAAG,UAAAC,MAAM,EAAI;MACtB9D,QAAQ,CAAC8D,MAAM,CAAC;IACpB,CAAC;;IAED;IACA5C,GAAG,CAAC6C,SAAS,GAAG,YAAM;MAClB/D,QAAQ,CAAC,IAAI,CAAC;IAClB,CAAC;IAEDkB,GAAG,CAAC8C,OAAO,GAAG,UAACC,CAAC,EAAK;MACjB,IAAIA,CAAC,EAAE;QACH,IAAIC,MAAM;QACV,IAAID,CAAC,YAAYE,aAAW,EAAE;UAC1BD,MAAM,GAAGD,CAAC,CAACG,SAAS,CAAC,CAAC,CAACC,SAAS,CAAC,CAAC;QACtC,CAAC,MAAM,IAAIJ,CAAC,YAAYK,cAAY,EAAE;UAClCJ,MAAM,GAAGI,cAAY,CAACD,SAAS,CAAC,CAAC;QACrC,CAAC,MAAM;UACHH,MAAM,GAAGD,CAAC,CAACM,OAAO,CAACC,QAAQ,CAACH,SAAS,CAAC,CAAC;QAC3C;QAEAnD,GAAG,CAACuD,OAAO,CAAC,CAAC,CAACC,GAAG,CAACR,MAAM,EAAE;UACtBjC,OAAO,EAAE,EAAE;UACX0C,QAAQ,EAAE;QACd,CAAC,CAAC;MACN,CAAC,MAAM;QACHzD,GAAG,CAACuD,OAAO,CAAC,CAAC,CAACG,OAAO,CAAA7J,aAAA,CAAAA,aAAA,KAAMmG,GAAG,CAAC6B,WAAW;UAAE4B,QAAQ,EAAE;QAAG,EAAE,CAAC;MAChE;IACJ,CAAC;;IAED;IACAzD,GAAG,CAAC2D,iBAAiB,GAAG,UAASC,OAAO,EAAE;MACtC,OAAO5D,GAAG,CAACiC,YAAY,CAAC,CAAC,CAACC,IAAI,CAAC,UAAAC,KAAK,EAAI;QACpC,IAAIA,KAAK,YAAYc,aAAW,EAAE;UAC9B,IAAId,KAAK,CAACe,SAAS,CAAC,CAAC,IAAIf,KAAK,CAACe,SAAS,CAAC,CAAC,CAACW,UAAU,CAACD,OAAO,CAAC,EAAE;YAC5D,OAAOzB,KAAK;UAChB;QACJ,CAAC,MAAM,IAAIyB,OAAO,CAAChL,GAAG,IAAIgL,OAAO,CAAChL,GAAG,KAAKuJ,KAAK,CAACvJ,GAAG,EAAE;UACjD,OAAOuJ,KAAK;QAChB,CAAC,MAAM,IAAIyB,OAAO,CAACE,QAAQ,IAAIF,OAAO,CAACE,QAAQ,KAAK3B,KAAK,CAACvJ,GAAG,EAAE;UAC3D,OAAOuJ,KAAK;QAChB;MACJ,CAAC,CAAC;IACN,CAAC;;IAED;IACAnC,GAAG,CAAC+D,EAAE,CAAC,aAAa,EAAE,UAAAC,KAAK,EAAI;MAC3B,IAAI,EAAEhE,GAAG,CAACiE,cAAc,IAAIjE,GAAG,CAACkE,aAAa,CAAC,EAAE;QAC5C,IAAMN,OAAO,GAAG5D,GAAG,CAACmE,kBAAkB,CAACH,KAAK,CAACI,KAAK,CAAC,CAAC,CAAC,CAAC;QACtD,IAAIR,OAAO,EAAE;UACT,IAAIzB,KAAK,GAAGnC,GAAG,CAAC2D,iBAAiB,CAACC,OAAO,CAAC;UAC1C,IAAIzB,KAAK,EAAE;YACP,IAAIkC,UAAU,GAAGlC,KAAK,CAACkC,UAAU;YACjC,IAAIA,UAAU,EAAE;cACZ,IAAIC,KAAK,GAAGV,OAAO,CAACP,OAAO,CAACgB,UAAU,CAAC;cACvC,IAAIC,KAAK,EAAE;gBACPtE,GAAG,CAACwC,OAAO,CAAC8B,KAAK,CAAC;cACtB,CAAC,MAAM;gBACHtE,GAAG,CAAC0C,OAAO,CAAC,CAAC;cACjB;YACJ,CAAC,MAAM;cACH1C,GAAG,CAAC0C,OAAO,CAAC,CAAC;YACjB;UACJ,CAAC,MAAM;YACH1C,GAAG,CAAC0C,OAAO,CAAC,CAAC;UACjB;QACJ,CAAC,MAAM;UACH1C,GAAG,CAAC0C,OAAO,CAAC,CAAC;QACjB;MACJ;IACJ,CAAC,CAAC;IAGFlC,UAAU,IAAIA,UAAU,CAACR,GAAG,CAAC;IAE7B9B,YAAY,CAAC,IAAI,CAAC;IAElBqB,MAAM,CAACgF,gBAAgB,CAAC,QAAQ,EAAE9E,YAAY,CAAC;EACnD;EAEA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACvBV,MAAM,CAACW,OAAO,IAAIX,MAAM,CAACW,OAAO,CAAC8E,UAAU,CAAC,CAAC;EACjD,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAGT,KAAK,EAAI;IACzB,IAAIvF,GAAG,EAAE;MACLU,MAAM,CAACO,OAAO,CAACgB,KAAK,CAACgE,IAAI,MAAAC,MAAA,CAAMX,KAAK,CAACY,WAAW,CAACC,MAAM,GAAG,EAAE,OAAI;MAChE1F,MAAM,CAACO,OAAO,CAACgB,KAAK,CAACoE,GAAG,MAAAH,MAAA,CAAMX,KAAK,CAACY,WAAW,CAACG,MAAM,GAAG,EAAE,OAAI;IACnE;EACJ,CAAC;EAED,IAAAC,YAAA,GAA4DnH,KAAK,CAAzDoH,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAAE,aAAA,GAAsCrH,KAAK,CAAzCsH,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,MAAM,GAAAA,aAAA;IAAE5E,IAAI,GAAezC,KAAK,CAAxByC,IAAI;IAAE8E,QAAQ,GAAKvH,KAAK,CAAlBuH,QAAQ;;EAEvD;EACA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IACzB,OAAOC,eAAQ,CAACtF,GAAG,CAACoF,QAAQ,EAAE,UAACG,KAAK,EAAK;MACrC,IAAIA,KAAK,EAAE;QACP,IAAMC,KAAK,GAAGD,KAAK,CAACE,IAAI;QACxB;AAChB;AACA;AACA;QACgB,IAAID,KAAK,CAACE,UAAU,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;UAC/C,OAAOD,KAAK;QAChB;QACA,oBAAOI,iBAAK,CAACC,YAAY,CAACL,KAAK,EAAE;UAC7BM,OAAO,EAAE9G,MAAM,CAACW;QACpB,CAAC,CAAC;MACN;MAEA,OAAO6F,KAAK;IAChB,CAAC,CAAC;EACN,CAAC;EACD,oBACIzO,MAAA,YAAAgP,aAAA;IAAKpF,KAAK,EAAE;MAAEuE,KAAK,EAALA,KAAK;MAAEE,MAAM,EAANA,MAAM;MAAEY,UAAU,EAAEzF,IAAI,GAAG,SAAS,GAAG;IAAU,CAAE;IAAC0F,SAAS,EAAE,IAAAC,sBAAU,EAAC,eAAe;EAAE,gBAC5GnP,MAAA,YAAAgP,aAAA;IACII,GAAG,EAAEhH,SAAU;IACf8G,SAAS,EAAE,IAAAC,sBAAU,EAAC,KAAK,CAAE;IAC7BxB,WAAW,EAAEA,WAAY;IACzB0B,WAAW,EAAE,SAAAA,YAAA;MAAA,OAAM7H,SAAS,CAAC,IAAI,CAAC;IAAA,CAAC;IACnC8H,UAAU,EAAE,SAAAA,WAAA;MAAA,OAAM9H,SAAS,CAAC,KAAK,CAAC;IAAA;EAAC,GAEjCG,GAAG,IAAIJ,MAAM,iBACXvH,MAAA,YAAAgP,aAAA;IAAKI,GAAG,EAAE/G,MAAO;IAAC6G,SAAS,EAAE,IAAAC,sBAAU,EAAC,YAAY;EAAE,GACjDxH,GACA,CAER,CAAC,EAELR,SAAS,iBAAInH,MAAA,YAAAgP,aAAA,CAACrO,MAAA,WAAK;IAACuI,GAAG,EAAEjB,MAAM,CAACW;EAAQ,CAAE,CAAC,EAC3CzB,SAAS,IAAIoH,cAAc,CAAC,CAC5B,CAAC;AAEd;AAAC,IAAAgB,QAAA,GAEczI,GAAG;AAAA0I,OAAA,cAAAD,QAAA;AAElBzI,GAAG,CAAC2I,SAAS,GAAG;EACZtB,KAAK,EAAEuB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAChExB,MAAM,EAAEqB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EACjEnG,UAAU,EAAEgG,qBAAS,CAACI,IAAI;EAC1BvG,MAAM,EAAEmG,qBAAS,CAACK,KAAK;EACvBtG,IAAI,EAAEiG,qBAAS,CAACG,MAAM;EACtB7F,OAAO,EAAE0F,qBAAS,CAACG,MAAM;EACzB5F,OAAO,EAAEyF,qBAAS,CAACG,MAAM;EACzBrG,IAAI,EAAEkG,qBAAS,CAACM,IAAI;EACpBpG,KAAK,EAAE8F,qBAAS,CAACC,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;EAC1C9F,EAAE,EAAE6F,qBAAS,CAACE,MAAM,CAACK;AACzB,CAAC"}

package/lib/map/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/map/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":["require"],"sources":["map/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA"}

package/lib/map/style/index.css

@@ -0,0 +1,140 @@
+.map-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.map-container .map {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.map-container .map .map-dark {
+  -webkit-filter: sepia(100%) hue-rotate(-25deg) invert(100%);
+          filter: sepia(100%) hue-rotate(-25deg) invert(100%);
+}
+.map-container .map .map-dark-label {
+  -webkit-filter: sepia(10%) hue-rotate(-10deg) invert(80%);
+          filter: sepia(10%) hue-rotate(-10deg) invert(80%);
+}
+.map-container .map .custom-tip {
+  position: absolute;
+  z-index: 2;
+  padding: 2px 6px;
+  background: rgba(0, 0, 0, 0.5);
+  color: #ffffff;
+  font-size: 14px;
+  border-radius: 4px;
+}
+.map-container .map .custom-scaleLine {
+  position: absolute;
+  right: 24px;
+  bottom: 8px;
+}
+.map-container .map .point_animation {
+  height: 65px;
+  width: 65px;
+  margin-bottom: 4px;
+  border-radius: 40px;
+  background: #0080ff;
+  -webkit-transform: scale(0);
+      -ms-transform: scale(0);
+          transform: scale(0);
+  -webkit-animation: point 2s;
+          animation: point 2s;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+  pointer-events: none;
+}
+@-webkit-keyframes point {
+  to {
+    -webkit-transform: scale(0.8, 0.3);
+            transform: scale(0.8, 0.3);
+    background: rgba(0, 0, 0, 0);
+  }
+}
+@keyframes point {
+  to {
+    -webkit-transform: scale(0.8, 0.3);
+            transform: scale(0.8, 0.3);
+    background: rgba(0, 0, 0, 0);
+  }
+}
+.map-container .ol-popup {
+  position: absolute;
+  border: 1px solid #cccccc;
+  bottom: 12px;
+  left: 0;
+  -webkit-transform: translateX(-50%);
+      -ms-transform: translateX(-50%);
+          transform: translateX(-50%);
+  min-width: 250px;
+  background: #ffffff;
+  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.16);
+          box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.16);
+  border-radius: 2px 2px 2px 2px;
+  opacity: 1;
+}
+.map-container .ol-popup .title {
+  font-size: 14px;
+  font-weight: bold;
+  color: #222222;
+  border-bottom: 1px solid #dfdfdf;
+  padding: 10px 20px 10px 12px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.map-container .ol-popup .noTitle {
+  border-bottom: 0 !important;
+}
+.map-container .ol-popup .content {
+  padding: 10px 12px;
+}
+.map-container .ol-popup .close {
+  text-decoration: none;
+  position: absolute;
+  top: 12px;
+  right: 8px;
+  cursor: pointer;
+}
+.map-container .ol-popup::after,
+.map-container .ol-popup::before {
+  top: 100%;
+  border: solid transparent;
+  content: ' ';
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+.map-container .ol-popup::after {
+  border-top-color: white;
+  border-width: 5px;
+  left: 50%;
+  -webkit-transform: translateX(calc(-50% - 10px));
+      -ms-transform: translateX(calc(-50% - 10px));
+          transform: translateX(calc(-50% - 10px));
+}
+.map-container .ol-popup::before {
+  border-top-color: #cccccc;
+  border-width: 5px;
+  left: 50%;
+  -webkit-transform: translateX(calc(-50% - 11px));
+      -ms-transform: translateX(calc(-50% - 11px));
+          transform: translateX(calc(-50% - 11px));
+}
+.map-container .more {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  margin-top: 10px;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}

package/lib/map/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/map/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["map/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA"}

package/lib/map/style/index.less

@@ -0,0 +1,128 @@
+.map-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+
+    .map {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        .map-dark {
+            filter: sepia(100%) hue-rotate(-25deg) invert(100%);
+        }
+
+        .map-dark-label {
+            filter: sepia(10%) hue-rotate(-10deg) invert(80%);
+        }
+
+        .custom-tip {
+            position: absolute;
+            z-index: 2;
+            padding: 2px 6px;
+            background: rgba(0, 0, 0, 0.5);
+            color: #ffffff;
+            font-size: 14px;
+            border-radius: 4px;
+        }
+
+        .custom-scaleLine {
+            position: absolute;
+            right: 24px;
+            bottom: 8px;
+        }
+
+        .point_animation {
+            height: 65px;
+            width: 65px;
+            margin-bottom: 4px;
+            border-radius: 40px;
+            background: rgb(0, 128, 255, .8);
+            transform: scale(0);
+            animation: point 2s;
+            animation-iteration-count: infinite;
+            animation-timing-function: linear;
+            pointer-events: none;
+        }
+
+        @keyframes point {
+            to {
+                transform: scale(0.8, 0.3);
+                background: rgba(0, 0, 0, 0);
+            }
+        }
+    }
+
+    .ol-popup {
+        position: absolute;
+        border: 1px solid #cccccc;
+        bottom: 12px;
+        left: 0;
+        transform: translateX(-50%);
+        min-width: 250px;
+        background: #ffffff;
+        box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.16);
+        border-radius: 2px 2px 2px 2px;
+        opacity: 1;
+
+        .title {
+            font-size: 14px;
+            font-weight: bold;
+            color: #222222;
+            border-bottom: 1px solid #dfdfdf;
+            padding: 10px 20px 10px 12px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+        }
+
+        .noTitle {
+            border-bottom: 0 !important;
+        }
+
+        .content {
+            padding: 10px 12px;
+        }
+
+        .close {
+            text-decoration: none;
+            position: absolute;
+            top: 12px;
+            right: 8px;
+            cursor: pointer;
+        }
+
+        &::after,
+        &::before {
+            top: 100%;
+            border: solid transparent;
+            content: ' ';
+            height: 0;
+            width: 0;
+            position: absolute;
+            pointer-events: none;
+        }
+
+        &::after {
+            border-top-color: white;
+            border-width: 5px;
+            left: 50%;
+            transform: translateX(calc(-50% - 10px));
+        }
+
+        &::before {
+            border-top-color: #cccccc;
+            border-width: 5px;
+            left: 50%;
+            transform: translateX(calc(-50% - 11px));
+        }
+    }
+
+    .more {
+        display: flex;
+        width: 100%;
+        margin-top: 10px;
+        justify-content: flex-end;
+        align-items: center;
+    }
+}