@vtx/ol-map 1.0.144 → 1.0.145

package/lib/map/Popup.js

@@ -0,0 +1,370 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _ol = require("ol");
+var _layer2 = require("ol/layer");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _layerControl = require("../tools/layer-control");
+var _popup = _interopRequireDefault(require("../popup"));
+require("./style");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var ClusterTitle = function ClusterTitle(props) {
+  var layer = props.layer;
+  var name = layer.name;
+  var imgUrl = (0, _layerControl.getImgUrl)(layer);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-map-popup-cluster-title')
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: imgUrl,
+    alt: "",
+    className: (0, _classnames["default"])('ol-map-popup-cluster-title-img')
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])('ol-map-popup-cluster-title-text')
+  }, name));
+};
+var Cluster = function Cluster(props) {
+  var layer = props.layer,
+    features = props.features,
+    onFeatureClick = props.onFeatureClick,
+    onFitView = props.onFitView;
+  var labelField = layer.labelField;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-map-popup-cluster')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-map-popup-cluster-header')
+  }, "\u5171 ", features.length, " \u4E2A\u70B9\u4F4D", /*#__PURE__*/_react["default"].createElement("a", {
+    onClick: onFitView
+  }, "\u7F29\u653E\u81F3")), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+    pagination: false,
+    size: "small",
+    dataSource: features,
+    scroll: {
+      y: 120
+    },
+    columns: [{
+      title: '名称',
+      dataIndex: '名称',
+      width: 60,
+      render: function render(text, record) {
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          onClick: function onClick() {
+            return onFeatureClick(record);
+          }
+        }, record.values_[labelField]);
+      }
+    }, {
+      title: '操作',
+      dataIndex: '操作',
+      width: 30,
+      render: function render(text, record) {
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          onClick: function onClick() {
+            return onFeatureClick(record);
+          }
+        }, "\u5B9A\u4F4D");
+      }
+    }]
+  }));
+};
+var FeatureTable = function FeatureTable(props) {
+  var tableData = props.tableData,
+    onFeatureClick = props.onFeatureClick,
+    onFitView = props.onFitView;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-map-popup-cluster')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-map-popup-cluster-header'),
+    style: {
+      padding: '10px 0'
+    }
+  }, "\u5171 ", tableData.length, " \u4E2A\u70B9\u4F4D", /*#__PURE__*/_react["default"].createElement("a", {
+    onClick: onFitView
+  }, "\u7F29\u653E\u81F3")), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+    pagination: false,
+    size: "small",
+    dataSource: tableData,
+    scroll: {
+      y: 120
+    },
+    columns: [{
+      title: '图层',
+      dataIndex: 'layerName',
+      width: 40,
+      render: function render(text, record) {
+        return record.layer.name;
+      }
+    }, {
+      title: '名称',
+      dataIndex: 'name',
+      width: 60,
+      render: function render(text, record) {
+        var _record$layer;
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          onClick: function onClick() {
+            return onFeatureClick(record);
+          }
+        }, record.feature.values_[(record === null || record === void 0 || (_record$layer = record.layer) === null || _record$layer === void 0 ? void 0 : _record$layer.labelField) || 'name'] || '-');
+      }
+    }]
+  }));
+};
+var MapPopup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    content = _useState2[0],
+    setContent = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    title = _useState4[0],
+    setTitle = _useState4[1];
+  var overlayRef = (0, _react.useRef)();
+  var popupRef = (0, _react.useRef)();
+  var featureRef = (0, _react.useRef)();
+  var viewRef = (0, _react.useRef)({});
+  var map = props.map;
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      showTemplate: showTemplate,
+      hideTemplate: hideTemplate,
+      setLastView: setLastView
+    };
+  });
+  (0, _react.useEffect)(function () {
+    var overlay = new _ol.Overlay({
+      element: popupRef.current.wrapDom,
+      autoPan: {
+        animation: {
+          duration: 250
+        }
+      },
+      stopEvent: true,
+      positioning: 'bottom-center',
+      offset: [10, -45]
+    });
+    overlayRef.current = overlay;
+    map.addOverlay(overlay);
+    return function () {
+      map.removeOverlay(overlay);
+    };
+  }, []);
+  var showTemplate = function showTemplate(feature, options) {
+    var _feature;
+    var _ref = options || {},
+      fitViewOptions = _ref.fitViewOptions;
+    if (Array.isArray(feature) && feature.length >= 2 && !map.hidePopupTable) {
+      showTemplateByFeatures(feature, options);
+      return;
+    }
+    feature = Array.isArray(feature) ? feature[0] : feature;
+    featureRef.current = feature;
+    if (!feature) {
+      hideTemplate();
+      return;
+    }
+    var layer = map.getLayerByFeature(feature);
+    if (layer !== null && layer !== void 0 && layer.cancelPopup || (_feature = feature) !== null && _feature !== void 0 && _feature.cancelPopup) {
+      return;
+    }
+    map.featureRef = feature;
+
+    // 判断是否为聚合点击
+    var features = feature.get('features');
+    if (features && features.length >= 2) {
+      showTemplateByCluster(feature, layer, features);
+      return;
+    }
+
+    // 记录放大前的视角
+    if (map.autoView) {
+      getView();
+    }
+    map.highlightLayer.addHighlightFeature(feature, _objectSpread({
+      autoView: map.autoView
+    }, fitViewOptions));
+    if (!(layer !== null && layer !== void 0 && layer.template)) {
+      return;
+    }
+    if (layer) {
+      var template = layer.template;
+      var labelField = layer.labelField;
+      if (labelField) {
+        setTitle(feature.values_[labelField]);
+      }
+      if (template) {
+        var geometry = feature.getGeometry();
+        if (geometry.getType() == 'GeometryCollection') {
+          var _geometry$getGeometri;
+          geometry = (_geometry$getGeometri = geometry.getGeometries()) === null || _geometry$getGeometri === void 0 ? void 0 : _geometry$getGeometri[0];
+        }
+        setContent(template(feature));
+        var offset = layer instanceof _layer2.Image ? [10, -10] : [10, -45];
+        if (geometry) {
+          var type = geometry.getType();
+          var coordinate = geometry.getCoordinates();
+          if (['MultiLineString', 'LineString'].includes(type)) {
+            if (geometry.getFlatMidpoints) {
+              coordinate = geometry.getFlatMidpoints();
+            } else if (geometry.getFlatMidpoint) {
+              coordinate = geometry.getFlatMidpoint();
+            }
+            offset = [7, 0];
+          } else if (['MultiPolygon', 'Polygon'].includes(type)) {
+            if (geometry.getFlatInteriorPoints) {
+              coordinate = geometry.getFlatInteriorPoints();
+            } else if (geometry.getFlatInteriorPoint) {
+              coordinate = geometry.getFlatInteriorPoint();
+            }
+            offset = [10, 0];
+          }
+          overlayRef.current.setPosition(coordinate);
+          overlayRef.current.values_.offset = offset;
+        }
+      }
+    }
+  };
+
+  // 聚合点位展示
+  var showTemplateByCluster = function showTemplateByCluster(feature, layer, features) {
+    var _feature$getGeometry, _layer$_options;
+    var coordinate = feature === null || feature === void 0 || (_feature$getGeometry = feature.getGeometry()) === null || _feature$getGeometry === void 0 ? void 0 : _feature$getGeometry.getCoordinates();
+    overlayRef.current.setPosition(coordinate);
+    setTitle(/*#__PURE__*/_react["default"].createElement(ClusterTitle, {
+      layer: layer
+    }));
+
+    // 判断是否有自定义聚合列表模版
+    var Template = (layer === null || layer === void 0 || (_layer$_options = layer._options) === null || _layer$_options === void 0 || (_layer$_options = _layer$_options.cluster) === null || _layer$_options === void 0 ? void 0 : _layer$_options.template) || Cluster;
+    setContent(/*#__PURE__*/_react["default"].createElement(Template, {
+      layer: layer,
+      features: features,
+      onFitView: function onFitView() {
+        map.fitView(features);
+        hideTemplate();
+      },
+      onFeatureClick: function onFeatureClick(f) {
+        map.fitView(f);
+        showTemplate(f);
+      }
+    }));
+  };
+
+  // 多个点位展示
+  var showTemplateByFeatures = function showTemplateByFeatures(features) {
+    overlayRef.current.setPosition(map._clickObject.coordinate);
+    overlayRef.current.values_.offset = [10, -10];
+
+    // 设置新的中心点
+    map.getView().animate({
+      center: map._clickObject.coordinate,
+      duration: 500
+    });
+    setTitle(null);
+    var tableData = [];
+    features.map(function (feature) {
+      var layer = map.getLayerByFeature(feature);
+      // 判断是否为聚合点击
+      var clusterFeature = feature.get('features');
+      if (clusterFeature && clusterFeature.length >= 2) {
+        clusterFeature.map(function (f) {
+          tableData.push({
+            layer: layer,
+            feature: f
+          });
+        });
+      } else {
+        var _layer = map.getLayerByFeature(feature);
+        tableData.push({
+          layer: _layer,
+          feature: feature
+        });
+      }
+    });
+    setContent(/*#__PURE__*/_react["default"].createElement(FeatureTable, {
+      tableData: tableData,
+      onFitView: function onFitView() {
+        map.fitView(features);
+        hideTemplate();
+      },
+      onFeatureClick: function onFeatureClick(record) {
+        var feature = record.feature;
+        var layer = map.getLayerByFeature(feature);
+        var properties = feature.getProperties();
+        layer === null || layer === void 0 || layer.onClick(properties, map._clickObject);
+        if (layer !== null && layer !== void 0 && layer.template) {
+          map.fitView(feature);
+          showTemplate(feature);
+        }
+      }
+    }));
+  };
+
+  // 恢复上一次视角
+  var setLastView = function setLastView() {
+    // 恢复打开前的视角
+    if (map.autoView && map.closePopupAutoView && viewRef.current) {
+      var _viewRef$current = viewRef.current,
+        zoom = _viewRef$current.zoom,
+        center = _viewRef$current.center;
+      map.getView().animate({
+        zoom: zoom,
+        center: center
+      });
+    }
+  };
+  var hideTemplate = function hideTemplate() {
+    overlayRef.current.setPosition(undefined);
+    map.highlightLayer.clearFeatures();
+    setContent(null);
+    setTitle(null);
+    featureRef.current = null;
+    map.featureRef = null;
+  };
+  var getView = function getView() {
+    var view = map.getView();
+    var zoom = view.getZoom();
+    var viewParams;
+    if (zoom < 15) {
+      viewParams = {
+        extent: view.calculateExtent(map.getSize()),
+        zoom: view.getZoom(),
+        center: view.getCenter()
+      };
+    }
+    viewRef.current = viewParams;
+  };
+  var onClose = function onClose() {
+    // 回调事件
+    map.onCloseTemplateBefore && map.onCloseTemplateBefore(featureRef.current);
+
+    // 隐藏气泡
+    hideTemplate();
+
+    // 恢复打开前的视角
+    setLastView();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    ref: popupRef,
+    title: title,
+    onClose: onClose
+  }, content);
+});
+var _default = exports["default"] = MapPopup;
+//# sourceMappingURL=Popup.js.map

package/lib/map/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","names":["_react","_interopRequireWildcard","require","_antd","_ol","_layer2","_classnames","_interopRequireDefault","_layerControl","_popup","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","isArray","ClusterTitle","props","layer","imgUrl","getImgUrl","createElement","className","classnames","src","alt","Cluster","features","onFeatureClick","onFitView","labelField","onClick","Table","pagination","size","dataSource","scroll","y","columns","title","dataIndex","width","render","text","record","values_","FeatureTable","tableData","style","padding","_record$layer","feature","MapPopup","forwardRef","ref","_useState","useState","_useState2","content","setContent","_useState3","_useState4","setTitle","overlayRef","useRef","popupRef","featureRef","viewRef","map","useImperativeHandle","showTemplate","hideTemplate","setLastView","useEffect","overlay","Overlay","element","current","wrapDom","autoPan","animation","duration","stopEvent","positioning","offset","addOverlay","removeOverlay","options","_feature","_ref","fitViewOptions","hidePopupTable","showTemplateByFeatures","getLayerByFeature","cancelPopup","showTemplateByCluster","autoView","getView","highlightLayer","addHighlightFeature","template","geometry","getGeometry","getType","_geometry$getGeometri","getGeometries","Image","type","coordinate","getCoordinates","includes","getFlatMidpoints","getFlatMidpoint","getFlatInteriorPoints","getFlatInteriorPoint","setPosition","_feature$getGeometry","_layer$_options","Template","_options","cluster","fitView","_clickObject","animate","center","clusterFeature","properties","getProperties","closePopupAutoView","_viewRef$current","zoom","undefined","clearFeatures","view","getZoom","viewParams","extent","calculateExtent","getSize","getCenter","onClose","onCloseTemplateBefore","_default","exports"],"sources":["map/Popup.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useImperativeHandle, forwardRef } from 'react';\r\nimport { Table } from 'antd';\r\nimport { Overlay } from 'ol';\r\nimport { Image } from 'ol/layer';\r\nimport classnames from 'classnames';\r\nimport { getImgUrl } from '../tools/layer-control';\r\nimport Popup from '../popup';\r\nimport './style';\r\n\r\nconst ClusterTitle = props => {\r\n    const { layer } = props;\r\n    let { name } = layer;\r\n\r\n    const imgUrl = getImgUrl(layer);\r\n\r\n    return (\r\n        <div className={classnames('ol-map-popup-cluster-title')}>\r\n            <img src={imgUrl} alt=\"\" className={classnames('ol-map-popup-cluster-title-img')} />\r\n            <span className={classnames('ol-map-popup-cluster-title-text')}>{name}</span>\r\n        </div>\r\n    );\r\n};\r\n\r\nconst Cluster = props => {\r\n    const { layer, features, onFeatureClick, onFitView } = props;\r\n    let { labelField } = layer;\r\n\r\n    return (\r\n        <div className={classnames('ol-map-popup-cluster')}>\r\n            <div className={classnames('ol-map-popup-cluster-header')}>\r\n                共 {features.length} 个点位\r\n                <a onClick={onFitView}>缩放至</a>\r\n            </div>\r\n            <Table\r\n                pagination={false}\r\n                size=\"small\"\r\n                dataSource={features}\r\n                scroll={{ y: 120 }}\r\n                columns={[\r\n                    {\r\n                        title: '名称',\r\n                        dataIndex: '名称',\r\n                        width: 60,\r\n                        render: (text, record) => {\r\n                            return (\r\n                                <a onClick={() => onFeatureClick(record)}>\r\n                                    {record.values_[labelField]}\r\n                                </a>\r\n                            );\r\n                        },\r\n                    },\r\n                    {\r\n                        title: '操作',\r\n                        dataIndex: '操作',\r\n                        width: 30,\r\n                        render: (text, record) => {\r\n                            return <a onClick={() => onFeatureClick(record)}>定位</a>;\r\n                        },\r\n                    },\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\nconst FeatureTable = props => {\r\n    const { tableData, onFeatureClick, onFitView } = props;\r\n\r\n    return (\r\n        <div className={classnames('ol-map-popup-cluster')}>\r\n            <div\r\n                className={classnames('ol-map-popup-cluster-header')}\r\n                style={{ padding: '10px 0' }}\r\n            >\r\n                共 {tableData.length} 个点位\r\n                <a onClick={onFitView}>缩放至</a>\r\n            </div>\r\n            <Table\r\n                pagination={false}\r\n                size=\"small\"\r\n                dataSource={tableData}\r\n                scroll={{ y: 120 }}\r\n                columns={[\r\n                    {\r\n                        title: '图层',\r\n                        dataIndex: 'layerName',\r\n                        width: 40,\r\n                        render: (text, record) => record.layer.name,\r\n                    },\r\n                    {\r\n                        title: '名称',\r\n                        dataIndex: 'name',\r\n                        width: 60,\r\n                        render: (text, record) => {\r\n                            return (\r\n                                <a onClick={() => onFeatureClick(record)}>\r\n                                    {record.feature.values_[record?.layer?.labelField || 'name'] ||\r\n                                        '-'}\r\n                                </a>\r\n                            );\r\n                        },\r\n                    },\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\nconst MapPopup = forwardRef((props, ref) => {\r\n    const [content, setContent] = useState(null);\r\n    const [title, setTitle] = useState(null);\r\n    const overlayRef = useRef();\r\n    const popupRef = useRef();\r\n    const featureRef = useRef();\r\n    const viewRef = useRef({});\r\n\r\n    const { map } = props;\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return {\r\n            showTemplate,\r\n            hideTemplate,\r\n            setLastView,\r\n        };\r\n    });\r\n\r\n    useEffect(() => {\r\n        const overlay = new Overlay({\r\n            element: popupRef.current.wrapDom,\r\n            autoPan: {\r\n                animation: {\r\n                    duration: 250,\r\n                },\r\n            },\r\n            stopEvent: true,\r\n            positioning: 'bottom-center',\r\n            offset: [10, -45],\r\n        });\r\n        overlayRef.current = overlay;\r\n\r\n        map.addOverlay(overlay);\r\n\r\n        return () => {\r\n            map.removeOverlay(overlay);\r\n        };\r\n    }, []);\r\n\r\n    const showTemplate = (feature, options) => {\r\n        const { fitViewOptions } = options || {};\r\n\r\n        if (Array.isArray(feature) && feature.length >= 2 && !map.hidePopupTable) {\r\n            showTemplateByFeatures(feature, options);\r\n            return;\r\n        }\r\n\r\n        feature = Array.isArray(feature) ? feature[0] : feature;\r\n\r\n        featureRef.current = feature;\r\n\r\n        if (!feature) {\r\n            hideTemplate();\r\n            return;\r\n        }\r\n\r\n        let layer = map.getLayerByFeature(feature);\r\n        if (layer?.cancelPopup || feature?.cancelPopup) {\r\n            return;\r\n        }\r\n        map.featureRef = feature;\r\n\r\n        // 判断是否为聚合点击\r\n        const features = feature.get('features');\r\n        if (features && features.length >= 2) {\r\n            showTemplateByCluster(feature, layer, features);\r\n            return;\r\n        }\r\n\r\n        // 记录放大前的视角\r\n        if (map.autoView) {\r\n            getView();\r\n        }\r\n\r\n        map.highlightLayer.addHighlightFeature(feature, {\r\n            autoView: map.autoView,\r\n            ...fitViewOptions,\r\n        });\r\n\r\n        if (!layer?.template) {\r\n            return;\r\n        }\r\n\r\n        if (layer) {\r\n            let template = layer.template;\r\n            let labelField = layer.labelField;\r\n            if (labelField) {\r\n                setTitle(feature.values_[labelField]);\r\n            }\r\n            if (template) {\r\n                let geometry = feature.getGeometry();\r\n                if (geometry.getType() == 'GeometryCollection') {\r\n                    geometry = geometry.getGeometries()?.[0];\r\n                }\r\n                setContent(template(feature));\r\n\r\n                let offset = layer instanceof Image ? [10, -10] : [10, -45];\r\n                if (geometry) {\r\n                    let type = geometry.getType();\r\n                    let coordinate = geometry.getCoordinates();\r\n\r\n                    if (['MultiLineString', 'LineString'].includes(type)) {\r\n                        if (geometry.getFlatMidpoints) {\r\n                            coordinate = geometry.getFlatMidpoints();\r\n                        } else if (geometry.getFlatMidpoint) {\r\n                            coordinate = geometry.getFlatMidpoint();\r\n                        }\r\n                        offset = [7, 0];\r\n                    } else if (['MultiPolygon', 'Polygon'].includes(type)) {\r\n                        if (geometry.getFlatInteriorPoints) {\r\n                            coordinate = geometry.getFlatInteriorPoints();\r\n                        } else if (geometry.getFlatInteriorPoint) {\r\n                            coordinate = geometry.getFlatInteriorPoint();\r\n                        }\r\n                        offset = [10, 0];\r\n                    }\r\n\r\n                    overlayRef.current.setPosition(coordinate);\r\n                    overlayRef.current.values_.offset = offset;\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    // 聚合点位展示\r\n    const showTemplateByCluster = (feature, layer, features) => {\r\n        let coordinate = feature?.getGeometry()?.getCoordinates();\r\n        overlayRef.current.setPosition(coordinate);\r\n\r\n        setTitle(<ClusterTitle layer={layer} />);\r\n\r\n        // 判断是否有自定义聚合列表模版\r\n        let Template = layer?._options?.cluster?.template || Cluster;\r\n        setContent(\r\n            <Template\r\n                layer={layer}\r\n                features={features}\r\n                onFitView={() => {\r\n                    map.fitView(features);\r\n                    hideTemplate();\r\n                }}\r\n                onFeatureClick={f => {\r\n                    map.fitView(f);\r\n                    showTemplate(f);\r\n                }}\r\n            />,\r\n        );\r\n    };\r\n\r\n    // 多个点位展示\r\n    const showTemplateByFeatures = features => {\r\n        overlayRef.current.setPosition(map._clickObject.coordinate);\r\n        overlayRef.current.values_.offset = [10, -10];\r\n\r\n        // 设置新的中心点\r\n        map.getView().animate({ center: map._clickObject.coordinate, duration: 500 });\r\n        setTitle(null);\r\n\r\n        const tableData = [];\r\n        features.map(feature => {\r\n            let layer = map.getLayerByFeature(feature);\r\n            // 判断是否为聚合点击\r\n            const clusterFeature = feature.get('features');\r\n            if (clusterFeature && clusterFeature.length >= 2) {\r\n                clusterFeature.map(f => {\r\n                    tableData.push({\r\n                        layer: layer,\r\n                        feature: f,\r\n                    });\r\n                });\r\n            } else {\r\n                let layer = map.getLayerByFeature(feature);\r\n                tableData.push({\r\n                    layer: layer,\r\n                    feature: feature,\r\n                });\r\n            }\r\n        });\r\n\r\n        setContent(\r\n            <FeatureTable\r\n                tableData={tableData}\r\n                onFitView={() => {\r\n                    map.fitView(features);\r\n                    hideTemplate();\r\n                }}\r\n                onFeatureClick={record => {\r\n                    let { feature } = record;\r\n                    let layer = map.getLayerByFeature(feature);\r\n\r\n                    let properties = feature.getProperties();\r\n                    layer?.onClick(properties, map._clickObject);\r\n\r\n                    if (layer?.template) {\r\n                        map.fitView(feature);\r\n                        showTemplate(feature);\r\n                    }\r\n                }}\r\n            />,\r\n        );\r\n    };\r\n\r\n    // 恢复上一次视角\r\n    const setLastView = () => {\r\n        // 恢复打开前的视角\r\n        if (map.autoView && map.closePopupAutoView && viewRef.current) {\r\n            const { zoom, center } = viewRef.current;\r\n            map.getView().animate({ zoom, center });\r\n        }\r\n    };\r\n\r\n    const hideTemplate = () => {\r\n        overlayRef.current.setPosition(undefined);\r\n        map.highlightLayer.clearFeatures();\r\n        setContent(null);\r\n        setTitle(null);\r\n        featureRef.current = null;\r\n        map.featureRef = null;\r\n    };\r\n\r\n    const getView = () => {\r\n        const view = map.getView();\r\n\r\n        let zoom = view.getZoom();\r\n        let viewParams;\r\n        if (zoom < 15) {\r\n            viewParams = {\r\n                extent: view.calculateExtent(map.getSize()),\r\n                zoom: view.getZoom(),\r\n                center: view.getCenter(),\r\n            };\r\n        }\r\n        viewRef.current = viewParams;\r\n    };\r\n\r\n    const onClose = () => {\r\n        // 回调事件\r\n        map.onCloseTemplateBefore && map.onCloseTemplateBefore(featureRef.current);\r\n\r\n        // 隐藏气泡\r\n        hideTemplate();\r\n\r\n        // 恢复打开前的视角\r\n        setLastView();\r\n    };\r\n    return (\r\n        <Popup ref={popupRef} title={title} onClose={onClose}>\r\n            {content}\r\n        </Popup>\r\n    );\r\n});\r\n\r\nexport default MapPopup;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/map/ScaleDenominator.js

@@ -0,0 +1,68 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./style");
+var _useProps2 = _interopRequireDefault(require("../use-props"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // 计算视野高度的组件
+var count2 = function count2(map, setHeight) {
+  var view = map.getView();
+  var resolution = view.getResolution();
+  var projection = view.getProjection();
+  if (!resolution || !projection) return;
+  var inchesPerMeter = 39.37;
+  var dpi = 90.7; // GeoServer标准DPI
+  // 使用投影单位计算
+  var units = projection.getUnits();
+  var scaleDenominator;
+  if (units === 'degrees') {
+    // 如果是经纬度投影，需要转换
+    var center = view.getCenter();
+    if (center) {
+      // 使用中心点纬度计算米/度的转换因子
+      var metersPerUnit = projection.getMetersPerUnit();
+      scaleDenominator = resolution * metersPerUnit * inchesPerMeter * dpi;
+    }
+  } else {
+    // 其他单位（如米）直接计算
+    scaleDenominator = resolution * inchesPerMeter * dpi;
+  }
+  setHeight(scaleDenominator);
+};
+
+//偏小
+var Sd = function Sd() {
+  var _useProps = (0, _useProps2["default"])(),
+    map = _useProps.map;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    height2 = _useState2[0],
+    setHeight2 = _useState2[1];
+  var timeRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (map) {
+      //监测地图zoom改变
+      map.getView().on('change:resolution', function () {
+        if (timeRef.current) {
+          clearTimeout(timeRef.current);
+          count2(map, setHeight2);
+        }
+        timeRef.current = setTimeout(function () {}, 50);
+      });
+    }
+  }, [map]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, height2);
+};
+var _default = exports["default"] = Sd;
+//# sourceMappingURL=ScaleDenominator.js.map

package/lib/map/ScaleDenominator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleDenominator.js","names":["_react","_interopRequireWildcard","require","_useProps2","_interopRequireDefault","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","count2","map","setHeight","view","getView","resolution","getResolution","projection","getProjection","inchesPerMeter","dpi","units","getUnits","scaleDenominator","center","getCenter","metersPerUnit","getMetersPerUnit","Sd","_useProps","useProps","_useState","useState","_useState2","height2","setHeight2","timeRef","useRef","useEffect","on","current","clearTimeout","setTimeout","createElement","Fragment","_default","exports"],"sources":["map/ScaleDenominator.jsx"],"sourcesContent":["// 计算视野高度的组件\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport './style';\r\nimport useProps from '../use-props';\r\n\r\nconst count2 = (map, setHeight) => {\r\n    const view = map.getView();\r\n    const resolution = view.getResolution();\r\n    const projection = view.getProjection();\r\n\r\n    if (!resolution || !projection) return;\r\n    const inchesPerMeter = 39.37;\r\n    const dpi = 90.7; // GeoServer标准DPI\r\n    // 使用投影单位计算\r\n    const units = projection.getUnits();\r\n    let scaleDenominator;\r\n    if (units === 'degrees') {\r\n        // 如果是经纬度投影，需要转换\r\n        const center = view.getCenter();\r\n        if (center) {\r\n            // 使用中心点纬度计算米/度的转换因子\r\n            const metersPerUnit = projection.getMetersPerUnit();\r\n            scaleDenominator = resolution * metersPerUnit * inchesPerMeter * dpi;\r\n        }\r\n    } else {\r\n        // 其他单位（如米）直接计算\r\n        scaleDenominator = resolution * inchesPerMeter * dpi;\r\n    }\r\n    setHeight(scaleDenominator);\r\n};\r\n\r\n//偏小\r\nconst Sd = () => {\r\n    const { map } = useProps();\r\n    const [height2, setHeight2] = useState(0);\r\n    const timeRef = useRef(null);\r\n    useEffect(() => {\r\n        if (map) {\r\n            //监测地图zoom改变\r\n            map.getView().on('change:resolution', function() {\r\n                if (timeRef.current) {\r\n                    clearTimeout(timeRef.current);\r\n                    count2(map, setHeight2);\r\n                }\r\n\r\n                timeRef.current = setTimeout(() => {}, 50);\r\n            });\r\n        }\r\n    }, [map]);\r\n    return <>{height2}</>;\r\n};\r\n\r\nexport default Sd;\r\n"],"mappings":"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","ignoreList":[]}