zhihao-ui 1.3.7 → 1.3.9

package/dist/es/{Map-d20K-h9a.js → Map-CCtm5zBi.js}

@@ -1,5 +1,5 @@
+import { ref, computed, watch, onMounted, onBeforeUnmount, h, nextTick, createVNode, render as render$1, defineComponent, openBlock, createElementBlock, inject, createElementVNode, Fragment } from "vue";
 import { h as hooks, p as fromLonLat, t as transformExtent, T as Text, F as Fill, S as Style, q as getLength, O as Overlay, P as Polyline, L as LineString, r as Feature, s as Point, V as VectorLayer, u as VectorSource, i as cloneDeep, v as buffer, w as Stroke, C as CircleStyle, x as transform, y as getVectorContext, z as debounce, R as RBush$1, I as Icon, D as DoubleClickZoom, A as Draw, B as unByKey, G as getUid, M as Map$2, H as TileLayer, X as XYZ, J as View, K as defaults, N as toLonLat, Q as ScaleLine$1, U as getArea, W as getCenter$1, Y as MultiPoint } from "./vendor-Cc_TVxUO.js";
-import { ref, computed, watch, onMounted, onBeforeUnmount, h, nextTick, createVNode, render, defineComponent, openBlock, createElementBlock, inject, createElementVNode, Fragment } from "vue";
 import { _ as _export_sfc } from "./Button-NgQ5sHIG.js";
 import { w as withInstall } from "./utils-DSw1USoH.js";
 const TIAN_DI_TU_KEY = "a6e8f78974f2581f2ca00485b40c948f", MAP_ZOOM = {
@@ -93,7 +93,7 @@ const popupEle = document.createElement("div"), popupOverlay = new Overlay({
   stopEvent: !1,
   className: "track-label-popup"
 });
-let polyline, linePath, startMarker, position, geoMarker, trackAnimating = !1, lastTime = Date.now(), vectorLayer$3, distance = 0, routeFeature = null, thresholdNum = 20;
+let polyline, linePath, startMarker, position$1, geoMarker, trackAnimating = !1, lastTime = Date.now(), vectorLayer$4, distance = 0, routeFeature = null, thresholdNum = 20;
 const MAX_CACHED_LAYERS = 5, usedIds = [], manageLayerCache = (e) => {
   var n;
   const t = getInstall();
@@ -475,15 +475,15 @@ const createPointFeatureWithStyle = (e) => {
     mercatorToLonLat(s, "array"),
     mercatorToLonLat(c, "array")
   ) * Math.PI / 180;
-  (m = geoMarkerStyle.getText()) == null || m.setRotation(p), position.setCoordinates(a);
+  (m = geoMarkerStyle.getText()) == null || m.setRotation(p), position$1.setCoordinates(a);
   const i = getVectorContext(e);
-  i.setStyle(geoMarkerStyle), i.drawGeometry(position), n == null || n.render();
+  i.setStyle(geoMarkerStyle), i.drawGeometry(position$1), n == null || n.render();
 }, startAnimation = () => {
   var e;
-  trackAnimating = !0, lastTime = Date.now(), distance = 0, position = ((e = startMarker.getGeometry()) == null ? void 0 : e.clone()) || new Point([0, 0]), moveFeatureHandler && (vectorLayer$3 == null || vectorLayer$3.on("postrender", moveFeatureHandler)), geoMarker == null || geoMarker.setGeometry(void 0);
+  trackAnimating = !0, lastTime = Date.now(), distance = 0, position$1 = ((e = startMarker.getGeometry()) == null ? void 0 : e.clone()) || new Point([0, 0]), moveFeatureHandler && (vectorLayer$4 == null || vectorLayer$4.on("postrender", moveFeatureHandler)), geoMarker == null || geoMarker.setGeometry(void 0);
 }, stopAnimation = () => {
   const e = getInstall();
-  trackAnimating && (trackAnimating = !1, geoMarker == null || geoMarker.setGeometry(void 0), moveFeatureHandler && vectorLayer$3 && vectorLayer$3.un("postrender", moveFeatureHandler), vectorLayer$3 && (e == null || e.removeLayer(vectorLayer$3)), vectorLayer$3 = null, geoMarker = null);
+  trackAnimating && (trackAnimating = !1, geoMarker == null || geoMarker.setGeometry(void 0), moveFeatureHandler && vectorLayer$4 && vectorLayer$4.un("postrender", moveFeatureHandler), vectorLayer$4 && (e == null || e.removeLayer(vectorLayer$4)), vectorLayer$4 = null, geoMarker = null);
 }, playAnimation = (e, t) => {
   trackAnimating && stopAnimation(), polyline = new Polyline({
     factor: 1e6
@@ -497,17 +497,17 @@ const createPointFeatureWithStyle = (e) => {
     geometry: new Point(linePath.getFirstCoordinate())
   });
   const n = startMarker.getGeometry();
-  position = n ? n.clone() : new Point([0, 0]), geoMarker = new Feature({
+  position$1 = n ? n.clone() : new Point([0, 0]), geoMarker = new Feature({
     type: "geoMarker",
     style: geoMarkerStyle,
-    geometry: position
-  }), vectorLayer$3 = new VectorLayer({
+    geometry: position$1
+  }), vectorLayer$4 = new VectorLayer({
     source: new VectorSource({
       features: [geoMarker]
     })
   });
   const o = getInstall();
-  o == null || o.addLayer(vectorLayer$3), moveFeatureHandler = (r) => moveFeature(r, t), startAnimation();
+  o == null || o.addLayer(vectorLayer$4), moveFeatureHandler = (r) => moveFeature(r, t), startAnimation();
 }, getRotation = (e, t, n) => {
   function o(i) {
     return 180 * (i % (2 * Math.PI)) / Math.PI;
@@ -531,10 +531,10 @@ const createPointFeatureWithStyle = (e) => {
   }
   function a(i, u, m = {}) {
     if (m.final)
-      return function(k, S) {
-        return (a(S, k) + 180) % 360;
+      return function(S, k) {
+        return (a(k, S) + 180) % 360;
       }(i, u);
-    const g = l(i), f = l(u), y = r(g[0]), v = r(f[0]), L = r(g[1]), T = r(f[1]), w = Math.sin(v - y) * Math.cos(T), E = Math.cos(L) * Math.sin(T) - Math.sin(L) * Math.cos(T) * Math.cos(v - y);
+    const g = l(i), f = l(u), y = r(g[0]), v = r(f[0]), T = r(g[1]), L = r(f[1]), w = Math.sin(v - y) * Math.cos(L), E = Math.cos(T) * Math.sin(L) - Math.sin(T) * Math.cos(L) * Math.cos(v - y);
     return o(Math.atan2(w, E));
   }
   function s(i) {
@@ -853,7 +853,7 @@ const getShipDirectPath = (e) => {
       });
     }
   });
-  return render(d, t), t;
+  return render$1(d, t), t;
 };
 let selectedShipFeature = null, selectedShip = null;
 const shipsSource = new VectorSource(), shipsLayer = new VectorLayer({
@@ -988,28 +988,28 @@ const renderShipList = (e) => {
     console.log(e);
   }
 }, PORT_LAYER_CLASS_NAME = "zh-map-port-layer";
-let vectorLayer$2, vectorSource$2;
+let vectorLayer$3, vectorSource$3;
 const renderPortList = (e) => {
   var t;
   if (!(!e || e.length === 0)) {
-    if (vectorSource$2 || (vectorSource$2 = new VectorSource()), vectorSource$2.clear(), selectedPortData) {
+    if (vectorSource$3 || (vectorSource$3 = new VectorSource()), vectorSource$3.clear(), selectedPortData) {
       const n = e.find((o) => o.id === selectedPortData.id);
       n ? selectedPortData = n : e.push(selectedPortData);
     }
     e.forEach((n) => {
-      renderPortPoint(n);
-    }), vectorLayer$2 || (vectorLayer$2 = new VectorLayer({
+      renderPortPoint$1(n);
+    }), vectorLayer$3 || (vectorLayer$3 = new VectorLayer({
       className: PORT_LAYER_CLASS_NAME,
-      source: vectorSource$2,
+      source: vectorSource$3,
       zIndex: 100
-    }), (t = getInstall()) == null || t.addLayer(vectorLayer$2));
+    }), (t = getInstall()) == null || t.addLayer(vectorLayer$3));
   }
-}, renderPortPoint = (e) => {
+}, renderPortPoint$1 = (e) => {
   const t = getZoom(), [n, o] = e.latLon.split(","), r = new Feature({
     geometry: new Point(fromLonLat([Number(n), Number(o)]))
   });
-  r.setStyle(setPortStyle(e, t, e.id === (selectedPortData == null ? void 0 : selectedPortData.id))), r.set("portData", e), vectorSource$2.addFeature(r);
-}, setPortStyle = (e, t, n) => {
+  r.setStyle(setPortStyle$1(e, t, e.id === (selectedPortData == null ? void 0 : selectedPortData.id))), r.set("portData", e), vectorSource$3.addFeature(r);
+}, setPortStyle$1 = (e, t, n) => {
   const o = (l) => `<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6563 44.9304C22.5453 44.8844 22.4445 44.817 22.3595 44.7321C22.3595 44.7321 9.36986 31.7424 9.32952 31.6913C7.09059 29.0791 5.64794 25.8802 5.17255 22.4736C4.69716 19.0671 5.20896 15.5957 6.64728 12.471C8.08561 9.34625 10.3902 6.69909 13.2878 4.84325C16.1855 2.98741 19.5548 2.00068 22.9965 2C26.4381 1.99932 29.8078 2.98473 32.7062 4.83943C35.6046 6.69414 37.9102 9.34039 39.3498 12.4646C40.7893 15.5888 41.3025 19.0599 40.8284 22.4666C40.3544 25.8734 38.913 29.0729 36.6751 31.686C36.6401 31.737 23.6531 44.7321 23.6531 44.7321C23.5682 44.817 23.4674 44.8844 23.3564 44.9304C23.2454 44.9763 23.1265 45 23.0063 45C22.8862 45 22.7673 44.9763 22.6563 44.9304Z" fill="${l}"/>
             <g clip-path="url(#clip0_10059_122082)">
@@ -1040,31 +1040,31 @@ const renderPortList = (e) => {
     })
   });
 }, clearPortList = () => {
-  if (selectedPortFeature) {
+  if (selectedPortFeature$1) {
     console.log("清除非选中的港口");
-    const e = selectedPortFeature.get("portData").id;
-    vectorSource$2.getFeatures().forEach((t) => {
-      t.get("portData").id !== e && vectorSource$2.removeFeature(t);
+    const e = selectedPortFeature$1.get("portData").id;
+    vectorSource$3.getFeatures().forEach((t) => {
+      t.get("portData").id !== e && vectorSource$3.removeFeature(t);
     });
   } else
-    console.log("清除所有港口"), vectorSource$2.clear();
-}, clearSelectedPort = () => {
-  const e = selectedPortFeature.get("portData"), t = getZoom();
-  vectorSource$2.getFeatures().forEach((o) => {
-    o.get("portData").id === e.id && (o == null || o.setStyle(setPortStyle(e, t, !1)));
-  }), selectedPortData = null, selectedPortFeature = null;
+    console.log("清除所有港口"), vectorSource$3.clear();
+}, clearSelectedPort$1 = () => {
+  const e = selectedPortFeature$1.get("portData"), t = getZoom();
+  vectorSource$3.getFeatures().forEach((o) => {
+    o.get("portData").id === e.id && (o == null || o.setStyle(setPortStyle$1(e, t, !1)));
+  }), selectedPortData = null, selectedPortFeature$1 = null;
 };
-let selectedPortFeature = null, selectedPortData = null;
+let selectedPortFeature$1 = null, selectedPortData = null;
 const selectedPort = (e) => {
-  e ? (clearPrevSelectedPort(), addSelectedPortStyle(e)) : clearSelectedPort();
-}, clearPrevSelectedPort = () => {
-  if (selectedPortFeature) {
-    const e = selectedPortFeature.get("portData"), t = getZoom();
-    selectedPortFeature.setStyle(setPortStyle(e, t, !1));
+  e ? (clearPrevSelectedPort$1(), addSelectedPortStyle$1(e)) : clearSelectedPort$1();
+}, clearPrevSelectedPort$1 = () => {
+  if (selectedPortFeature$1) {
+    const e = selectedPortFeature$1.get("portData"), t = getZoom();
+    selectedPortFeature$1.setStyle(setPortStyle$1(e, t, !1));
   }
-}, addSelectedPortStyle = (e) => {
-  const t = vectorSource$2.getFeatures();
-  selectedPortData = e, selectedPortFeature = t.find((n) => n.get("portData").id === e.id);
+}, addSelectedPortStyle$1 = (e) => {
+  const t = vectorSource$3.getFeatures();
+  selectedPortData = e, selectedPortFeature$1 = t.find((n) => n.get("portData").id === e.id);
 }, handlePortHover = (e) => {
   const t = getInstall(), n = t.forEachFeatureAtPixel(e, (o) => o);
   n && n.get("portData") && (t.getTargetElement().style.cursor = "pointer");
@@ -1089,10 +1089,10 @@ const state = ref(!1), open$1 = () => {
     helpTooltipElement$1 && helpTooltipElement$1.classList.add("hidden");
   }), addInteraction(), state.value = !0;
 };
-let vectorSource$1, vectorLayer$1;
+let vectorSource$2, vectorLayer$2;
 const initMapLayer = () => {
-  vectorSource$1 = new VectorSource(), vectorLayer$1 = new VectorLayer({
-    source: vectorSource$1,
+  vectorSource$2 = new VectorSource(), vectorLayer$2 = new VectorLayer({
+    source: vectorSource$2,
     zIndex: 1e3,
     style: {
       "fill-color": "rgba(255, 255, 255, 0.2)",
@@ -1101,7 +1101,7 @@ const initMapLayer = () => {
       "circle-radius": 7,
       "circle-fill-color": "#ffcc33"
     }
-  }), getInstall().addLayer(vectorLayer$1);
+  }), getInstall().addLayer(vectorLayer$2);
 };
 let sketch$1, helpTooltip;
 const pointerMoveHandler$1 = (e) => {
@@ -1115,7 +1115,7 @@ const pointerMoveHandler$1 = (e) => {
 let draw$1;
 const addInteraction = () => {
   draw$1 = new Draw({
-    source: vectorSource$1,
+    source: vectorSource$2,
     type: "LineString",
     style: new Style({
       fill: new Fill({
@@ -1182,8 +1182,8 @@ const createMeasureTooltip$1 = () => {
     var r, l;
     const n = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
     n[t] && ((l = (r = n[t]) == null ? void 0 : r.parentNode) == null || l.removeChild(n[t]));
-    const o = vectorSource$1.getFeatures();
-    o[t] && vectorSource$1.removeFeature(o[t]);
+    const o = vectorSource$2.getFeatures();
+    o[t] && vectorSource$2.removeFeature(o[t]);
   }), removeInteraction(), enableDoubleClickZoom(), state.value = !1;
 }, deleteLine = (e) => {
   var n, o, r, l;
@@ -1192,8 +1192,8 @@ const createMeasureTooltip$1 = () => {
     measureHistory.value.splice(t, 1);
     const a = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
     a[t] && ((o = (n = a[t]) == null ? void 0 : n.parentNode) == null || o.removeChild(a[t]));
-    const s = vectorSource$1.getFeatures();
-    s[t] && vectorSource$1.removeFeature(s[t]);
+    const s = vectorSource$2.getFeatures();
+    s[t] && vectorSource$2.removeFeature(s[t]);
   }
   (r = getProps()) != null && r.lineDrawEnd && ((l = getProps()) == null || l.lineDrawEnd(measureHistory.value));
 }, computedDistance = (e, t) => {
@@ -1215,13 +1215,13 @@ const createMeasureTooltip$1 = () => {
   measureHistory.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((t) => {
     var n;
     (n = t == null ? void 0 : t.parentNode) == null || n.removeChild(t);
-  }), vectorSource$1.clear();
+  }), vectorSource$2.clear();
   const e = getInstall();
   if (draw$1) {
     const t = e.getInteractions().getArray().find((n) => getUid(n) === getUid(draw$1));
     t && e.removeInteraction(t);
   }
-  e.removeLayer(vectorLayer$1), helpTooltipElement$1 != null && helpTooltipElement$1.parentNode && helpTooltipElement$1.parentNode.removeChild(helpTooltipElement$1), measureTooltipElement$1 != null && measureTooltipElement$1.parentNode && measureTooltipElement$1.parentNode.removeChild(measureTooltipElement$1);
+  e.removeLayer(vectorLayer$2), helpTooltipElement$1 != null && helpTooltipElement$1.parentNode && helpTooltipElement$1.parentNode.removeChild(helpTooltipElement$1), measureTooltipElement$1 != null && measureTooltipElement$1.parentNode && measureTooltipElement$1.parentNode.removeChild(measureTooltipElement$1);
 }, getState = () => state.value, drawLine = {
   open: open$1,
   close: close$1,
@@ -1402,9 +1402,9 @@ const open = () => {
 }, init = () => {
   initLayer(), createMeasureTooltip(), createHelpTooltip(), initDraw();
 };
-let vectorLayer = null, vectorSource = null;
+let vectorLayer$1 = null, vectorSource$1 = null;
 const initLayer = () => {
-  if (vectorLayer || vectorSource) return;
+  if (vectorLayer$1 || vectorSource$1) return;
   const e = new VectorSource(), t = new VectorLayer({
     source: e,
     style: new Style({
@@ -1414,7 +1414,7 @@ const initLayer = () => {
       })
     })
   });
-  vectorLayer = t, vectorSource = e;
+  vectorLayer$1 = t, vectorSource$1 = e;
   const n = getInstall();
   n.on("pointermove", pointerMoveHandler), n.addLayer(t), n.on(["dblclick"], function(o) {
     draw && (o.stopPropagation(), o.preventDefault());
@@ -1437,8 +1437,8 @@ const initDraw = () => {
                 <span class="text">面积：${n}${lineLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
             `), measureTooltipElement && (measureTooltipElement.innerHTML += '<span class="delete-icon" ><i class="map-iconfont icon-delete" /></div>');
     const o = t.getCoordinates(), r = o[0][o[0].length - 2];
-    if (measureTooltip.setPosition(r), vectorLayer) {
-      const a = vectorLayer.getSource();
+    if (measureTooltip.setPosition(r), vectorLayer$1) {
+      const a = vectorLayer$1.getSource();
       a && storeFeature && (a.clear(), a.addFeature(storeFeature));
     }
     setTimeout(() => {
@@ -1454,7 +1454,7 @@ const initDraw = () => {
   }
   draw = new Draw({
     type: "Polygon",
-    source: vectorSource,
+    source: vectorSource$1,
     trace: !0,
     style: [new Style({
       stroke: new Stroke({
@@ -1548,10 +1548,10 @@ const createHelpTooltip = () => {
     positioning: "center-left"
   }), getInstall().addOverlay(tipOverlay);
 }, reset = () => {
-  vectorSource == null || vectorSource.clear(), storeFeature = null, createMeasureTooltip(), createHelpTooltip(), initDraw();
+  vectorSource$1 == null || vectorSource$1.clear(), storeFeature = null, createMeasureTooltip(), createHelpTooltip(), initDraw();
 }, close = () => {
   const e = getInstall();
-  vectorSource == null || vectorSource.clear(), vectorSource = null, vectorLayer && (e.removeLayer(vectorLayer), vectorLayer = null), sketch = null, draw && (draw = null, e.getInteractions().forEach((t) => {
+  vectorSource$1 == null || vectorSource$1.clear(), vectorSource$1 = null, vectorLayer$1 && (e.removeLayer(vectorLayer$1), vectorLayer$1 = null), sketch = null, draw && (draw = null, e.getInteractions().forEach((t) => {
     t instanceof Draw && e.removeInteraction(t);
   })), helpTooltipElement != null && helpTooltipElement.parentElement && helpTooltipElement.parentElement.removeChild(helpTooltipElement), measureTooltipElement != null && measureTooltipElement.parentElement && measureTooltipElement.parentElement.removeChild(measureTooltipElement), tipOverlay && e.removeOverlay(tipOverlay), measureTooltip && e.removeOverlay(measureTooltip);
 }, drawPolygon = {
@@ -1590,6 +1590,74 @@ const locationTruck = async (e) => {
   setTrackViewCenter(e);
 }, playTrack = (e, t) => {
   playShipTrack(e, t);
+}, LOCATION_LAYER_CLASS_NAME = "zh-map-location-layer";
+let vectorLayer, vectorSource, selectedPortFeature = null, selectedloactionData = null;
+const render = (e) => {
+  var t;
+  if (!(!e || e.length === 0)) {
+    if (vectorSource || (vectorSource = new VectorSource()), vectorSource.clear(), selectedloactionData) {
+      const n = e.find((o) => o.id === selectedloactionData.id);
+      n ? selectedloactionData = n : e.push(selectedloactionData);
+    }
+    e.forEach((n) => {
+      renderPortPoint(n);
+    }), vectorLayer || (vectorLayer = new VectorLayer({
+      className: LOCATION_LAYER_CLASS_NAME,
+      source: vectorSource,
+      zIndex: 100
+    }), (t = getInstall()) == null || t.addLayer(vectorLayer));
+  }
+}, renderPortPoint = (e) => {
+  const t = getZoom(), [n, o] = e.latLon.split(","), r = new Feature({
+    geometry: new Point(fromLonLat([Number(n), Number(o)]))
+  });
+  r.setStyle(setPortStyle(e, t, e.id === (selectedloactionData == null ? void 0 : selectedloactionData.id))), r.set("loactionData", e), vectorSource.addFeature(r);
+}, setPortStyle = (e, t, n) => {
+  const o = {
+    image: new Icon({
+      src: n && e.selectedPath || e.defaultPath,
+      scale: 0.5 * t / 10
+    })
+  };
+  return e.name && (o.text = new Text({
+    text: e.name,
+    font: "12px sans-serif",
+    fill: new Fill({
+      color: "#000000"
+    }),
+    backgroundFill: new Fill({
+      color: "#FFFFFF"
+    }),
+    offsetY: 30
+  })), new Style(o);
+}, clearList = () => {
+  if (selectedPortFeature) {
+    const e = selectedPortFeature.get("loactionData").id;
+    vectorSource.getFeatures().forEach((t) => {
+      t.get("loactionData").id !== e && vectorSource.removeFeature(t);
+    });
+  } else
+    vectorSource.clear();
+}, clearSelected = () => {
+  const e = selectedPortFeature.get("loactionData"), t = getZoom();
+  vectorSource.getFeatures().forEach((o) => {
+    o.get("loactionData").id === e.id && (o == null || o.setStyle(setPortStyle(e, t, !1)));
+  }), selectedloactionData = null, selectedPortFeature = null;
+}, selectedLocation = (e) => {
+  e ? (clearPrevSelectedPort(), addSelectedPortStyle(e)) : clearSelectedPort();
+}, clearPrevSelectedPort = () => {
+  if (selectedPortFeature) {
+    const e = selectedPortFeature.get("loactionData"), t = getZoom();
+    selectedPortFeature.setStyle(setPortStyle(e, t, !1));
+  }
+}, addSelectedPortStyle = (e) => {
+  const t = vectorSource.getFeatures();
+  selectedloactionData = e, selectedPortFeature = t.find((n) => n.get("loactionData").id === e.id);
+}, position = {
+  render,
+  selected: selectedLocation,
+  clearSelected,
+  clear: clearList
 }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Map",
   props: {
@@ -1611,15 +1679,10 @@ const locationTruck = async (e) => {
   },
   setup(e, { expose: t }) {
     const n = ref(), o = ref(), r = e;
-    console.log(r), onMounted(() => {
+    return console.log(r), onMounted(() => {
       var a;
       initMap(r), setProps(r), setShowLayerType(r.layerType), setGreenTileVisible(r.showGreenLayer), (a = o.value) == null || a.setScaleLine(r.scaleLineUnit);
-    });
-    const l = () => {
-      const a = getView().calculateExtent(getSize()), s = transform([a[0], a[1]], projection.mercator, projection.data), c = transform([a[2], a[3]], projection.mercator, projection.data);
-      return [s[0], s[1], c[0], c[1]];
-    };
-    return t({
+    }), t({
       getInstall,
       getZoom,
       setZoom,
@@ -1652,9 +1715,7 @@ const locationTruck = async (e) => {
         clear: clearPortList,
         selected: selectedPort
       },
-      loaction: {
-        ...location
-      },
+      position,
       drawLine,
       // 绘制矩形
       drawPolygon,
@@ -1667,7 +1728,10 @@ const locationTruck = async (e) => {
         playTrack
       },
       utils: {
-        getCalculateExtent: l,
+        getCalculateExtent: () => {
+          const a = getView().calculateExtent(getSize()), s = transform([a[0], a[1]], projection.mercator, projection.data), c = transform([a[2], a[3]], projection.mercator, projection.data);
+          return [s[0], s[1], c[0], c[1]];
+        },
         convertSixHundredThousandToLatLng,
         calculateCirclePoints
       }
@@ -1685,7 +1749,7 @@ const locationTruck = async (e) => {
       createVNode(ZoomControl, { ref: "zoomControlRef" }, null, 512)
     ], 64));
   }
-}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-76f5e0dc"]]), ZhMap = withInstall(Map$1);
+}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da85b816"]]), ZhMap = withInstall(Map$1);
 export {
   ZhMap as Z
 };

package/dist/es/index.js

@@ -17,7 +17,7 @@ import { Z as B } from "./BaseInfo-DFEg4oWo.js";
 import { Z as g } from "./DetailHeader-DDDbFDig.js";
 import { Z as x } from "./DiyDataTable-DlgBshaZ.js";
 import { D as V } from "./DiyDataTable-DlgBshaZ.js";
-import { Z as G } from "./Map-d20K-h9a.js";
+import { Z as G } from "./Map-CCtm5zBi.js";
 import { Z as M } from "./Table-iJRuASc3.js";
 import { Z as $ } from "./BaseItem-BvdMV2Gu.js";
 const A = [