zhihao-ui 1.2.34 → 1.2.35

package/dist/es/{Map-CWXp1qnd.js → Map-Cgw7AB3i.js}

@@ -1,6 +1,6 @@
-var B = Object.defineProperty;
-var O = (e, t, n) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var I = (e, t, n) => O(e, typeof t != "symbol" ? t + "" : t, n);
+var D = Object.defineProperty;
+var _ = (e, t, n) => t in e ? D(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var I = (e, t, n) => _(e, typeof t != "symbol" ? t + "" : t, n);
 import { defineComponent, inject, useModel, ref, watch, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, toDisplayString, createCommentVNode, mergeModels, nextTick, onMounted, normalizeClass, renderSlot, createBlock, useCssVars, computed, provide } from "vue";
 import { p as getArea, q as getLength, V as VectorSource, r as VectorLayer, S as Style, C as CircleStyle, F as Fill, s as Stroke, D as Draw, O as Overlay, u as unByKey, t as ElSelect, v as ElOption, w as fromLonLat, P as Point, x as transform, y as Feature, T as Text, I as Icon, z as Translate, A as toLonLat, B as transformExtent, h as hooks, L as LineString, G as Polyline, H as getVectorContext, i as cloneDeep, J as GeoJSON, W as WebGLPointsLayer, K as Circle, M as buffer, N as ScaleLine$1, Q as MultiPoint, R as getCenter, U as TileLayer, X as XYZ, Y as Map$1, Z as View } from "./vendor-Bonn9k5m.js";
 import { _ as _export_sfc } from "./Button-BbUxF68h.js";
@@ -8,7 +8,7 @@ import { g as getForegroundColor } from "./DatePicker-BkfvEDok.js";
 import { w as withInstall } from "./utils-hD_p7bGY.js";
 var BaseMapType = /* @__PURE__ */ ((e) => (e[e.vector = 0] = "vector", e[e.satellite = 1] = "satellite", e))(BaseMapType || {}), SEARCH_TYPE = /* @__PURE__ */ ((e) => (e[e.SEARCH_SHIP = 0] = "SEARCH_SHIP", e[e.SEARCH_PORT = 1] = "SEARCH_PORT", e[e.SEARCH_CUSTOM = 2] = "SEARCH_CUSTOM", e))(SEARCH_TYPE || {}), COPY_RIGHT_TYPE = /* @__PURE__ */ ((e) => (e[e.HORIZONTAL = 0] = "HORIZONTAL", e[e.VERTICAL = 1] = "VERTICAL", e))(COPY_RIGHT_TYPE || {}), CAR_COLOR = /* @__PURE__ */ ((e) => (e[e.BLUE = 1] = "BLUE", e[e.YELLOW = 2] = "YELLOW", e[e.Y_GREEN = 3] = "Y_GREEN", e))(CAR_COLOR || {}), DEVICE_TYPE = /* @__PURE__ */ ((e) => (e[e.HOST = 1] = "HOST", e[e.TALK = 2] = "TALK", e[e.STORAGE = 3] = "STORAGE", e[e.INTERNET = 4] = "INTERNET", e[e.CAMERA = 5] = "CAMERA", e[e.LOAD = 6] = "LOAD", e))(DEVICE_TYPE || {}), LENGTH_UNIT = /* @__PURE__ */ ((e) => (e[e.M = 1] = "M", e[e.KM = 2] = "KM", e[e.NM = 3] = "NM", e))(LENGTH_UNIT || {}), SWITCH_BTN = /* @__PURE__ */ ((e) => (e.Camera = "camera", e.Mobile = "mobile", e.WaterGauge = "waterGauge", e))(SWITCH_BTN || {}), SHIP_SAIL_STATUS = /* @__PURE__ */ ((e) => (e[e.发动机使用中 = 0] = "发动机使用中", e[e.锚泊 = 1] = "锚泊", e[e.未操作 = 2] = "未操作", e[e.操纵能力受限 = 3] = "操纵能力受限", e[e.吃水受限 = 4] = "吃水受限", e[e.系泊 = 5] = "系泊", e[e.搁浅 = 6] = "搁浅", e[e.从事捕捞 = 7] = "从事捕捞", e[e.航行中 = 8] = "航行中", e[e.留作将来修正导航状态 = 9] = "留作将来修正导航状态", e[e.高速船留用 = 10] = "高速船留用", e[e.机动船尾推作业 = 11] = "机动船尾推作业", e[e.机动船顶推或侧推作业 = 12] = "机动船顶推或侧推作业", e[e.飞翼船留用 = 13] = "飞翼船留用", e[e.现行的 = 14] = "现行的", e[e.未定义 = 15] = "未定义", e))(SHIP_SAIL_STATUS || {});
 class ShipMapData {
-  constructor(t, n, o, r, l, i, s, c, d, m, u, f, p, y, v, g, M, S, b, C, F, x, h, w) {
+  constructor(t, n, o, r, l, i, s, c, d, m, u, f, p, y, h, g, T, S, b, V, $, x, v, w) {
     I(this, "id");
     // mmsi
     I(this, "mmsi");
@@ -50,7 +50,7 @@ class ShipMapData {
     I(this, "existWaterGauge");
     I(this, "selected");
     I(this, "blinkColors");
-    this.id = t, this.mmsi = n, this.fill = o, this.shipType = r, this.name = l, this.length = i, this.breadth = s, this.lon = c, this.lat = d, this.createdAt = m, this.speed = u, this.from = f, this.sailStatus = p, this.hdg = y, this.cog = v, this.posType = g, this.type = M, this.angle = S, this.leftIconColor = b, this.existDevice = C, this.existMobile = F, this.existWaterGauge = x, this.selected = h, this.blinkColors = w;
+    this.id = t, this.mmsi = n, this.fill = o, this.shipType = r, this.name = l, this.length = i, this.breadth = s, this.lon = c, this.lat = d, this.createdAt = m, this.speed = u, this.from = f, this.sailStatus = p, this.hdg = y, this.cog = h, this.posType = g, this.type = T, this.angle = S, this.leftIconColor = b, this.existDevice = V, this.existMobile = $, this.existWaterGauge = x, this.selected = v, this.blinkColors = w;
   }
 }
 const formatLength = function(e, t) {
@@ -132,7 +132,7 @@ const formatLength = function(e, t) {
   setup(e, { expose: t, emit: n }) {
     const o = inject("mapInstance"), r = n, l = useModel(e, "visible"), i = ref("3"), s = ref([]), c = ref(!1), d = new VectorSource();
     let m, u, f, p, y;
-    const v = new VectorLayer({
+    const h = new VectorLayer({
       source: d,
       style: {
         "fill-color": "rgba(255, 255, 255, 0.2)",
@@ -141,15 +141,15 @@ const formatLength = function(e, t) {
         "circle-radius": 7,
         "circle-fill-color": "#ffcc33"
       }
-    }), g = function(L) {
-      if (L.dragging)
+    }), g = function(k) {
+      if (k.dragging)
         return;
-      let T = "点击选择起点";
-      m && (T = "单击继续，双击结束"), u && (u.innerHTML = T, f.setPosition(L.coordinate), u.classList.remove("hidden"));
-    }, M = () => {
+      let M = "点击选择起点";
+      m && (M = "单击继续，双击结束"), u && (u.innerHTML = M, f.setPosition(k.coordinate), u.classList.remove("hidden"));
+    }, T = () => {
       o.value && (o.value.on("pointermove", g), o.value.getViewport().addEventListener("mouseout", function() {
-        var L;
-        (L = u == null ? void 0 : u.classList) == null || L.add("hidden");
+        var k;
+        (k = u == null ? void 0 : u.classList) == null || k.add("hidden");
       }), c.value = !0);
     };
     let S;
@@ -172,95 +172,95 @@ const formatLength = function(e, t) {
         })
       })
     });
-    function C() {
-      var L, T;
+    function V() {
+      var k, M;
       if (o.value) {
         if (s.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((E) => {
-          var V;
-          (V = E == null ? void 0 : E.parentNode) == null || V.removeChild(E);
+          var C;
+          (C = E == null ? void 0 : E.parentNode) == null || C.removeChild(E);
         }), d.clear(), S) {
-          const E = o.value.getInteractions().getArray().find((V) => V.ol_uid === S.ol_uid);
-          E && ((L = o.value) == null || L.removeInteraction(E));
+          const E = o.value.getInteractions().getArray().find((C) => C.ol_uid === S.ol_uid);
+          E && ((k = o.value) == null || k.removeInteraction(E));
         }
-        (T = o.value) == null || T.removeLayer(v), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
+        (M = o.value) == null || M.removeLayer(h), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
       }
     }
-    function F() {
-      var T, E;
-      C(), (T = o.value) == null || T.addLayer(v), S = new Draw({
+    function $() {
+      var M, E;
+      V(), (M = o.value) == null || M.addLayer(h), S = new Draw({
         source: d,
         type: "LineString",
         style: function() {
           return b;
         }
-      }), (E = o.value) == null || E.addInteraction(S), h(), x();
-      let L;
-      S.on("drawstart", function(V) {
-        var N;
-        m = V.feature;
-        let P;
-        L = (N = m.getGeometry()) == null ? void 0 : N.on("change", function(R) {
-          const $ = R.target;
-          let A = formatUtils.formatLength($, Number(i.value));
-          P = $.getLastCoordinate(), p && A && (p.innerHTML = A), y.setPosition(P);
+      }), (E = o.value) == null || E.addInteraction(S), v(), x();
+      let k;
+      S.on("drawstart", function(C) {
+        var P;
+        m = C.feature;
+        let F;
+        k = (P = m.getGeometry()) == null ? void 0 : P.on("change", function(R) {
+          const B = R.target;
+          let N = formatUtils.formatLength(B, Number(i.value));
+          F = B.getLastCoordinate(), p && N && (p.innerHTML = N), y.setPosition(F);
         });
       }), S.on("drawend", function() {
-        var V, P;
-        p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML && (s.value.push(p == null ? void 0 : p.innerHTML), p.innerHTML = `${p.innerHTML}<div class="ol-tooltip-delete-button" data-index="${((V = s.value) == null ? void 0 : V.length) - 1}"><i class="map-iconfont icon-delete"></i></div>`), (P = document.querySelector(".ol-tooltip-delete-button:last-child")) == null || P.addEventListener("click", (N) => {
-          var $;
-          N.preventDefault(), N.stopPropagation();
-          const R = ($ = N.target) == null ? void 0 : $.getAttribute("data-index");
-          R && w(R);
-        }), y.setOffset([0, -7]), m = null, p = null, h(), L && unByKey(L);
+        var C, F;
+        p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML && (s.value.push(p == null ? void 0 : p.innerHTML), p.innerHTML = `${p.innerHTML}<div class="ol-tooltip-delete-button" data-index="${((C = s.value) == null ? void 0 : C.length) - 1}"><i class="map-iconfont icon-delete"></i></div>`), (F = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || F.addEventListener("click", (P) => {
+          var B;
+          P.preventDefault(), P.stopPropagation();
+          const R = (B = P.target) == null ? void 0 : B.getAttribute("data-index");
+          R && w(Number(R));
+        }), y.setOffset([0, -7]), m = null, p = null, v(), k && unByKey(k);
       });
     }
     function x() {
-      var L;
+      var k;
       u != null && u.parentNode && u.parentNode.removeChild(u), u = document.createElement("div"), u.className = "ol-tooltip hidden", f = new Overlay({
         element: u,
         offset: [15, 0],
         positioning: "center-left"
-      }), (L = o.value) == null || L.addOverlay(f);
+      }), (k = o.value) == null || k.addOverlay(f);
     }
-    function h() {
-      var L;
+    function v() {
+      var k;
       p != null && p.parentNode && p.parentNode.removeChild(p), p = document.createElement("div"), p.className = "ol-tooltip ol-tooltip-measure", y = new Overlay({
         element: p,
         offset: [0, -15],
         positioning: "bottom-center",
         stopEvent: !1,
         insertFirst: !1
-      }), (L = o.value) == null || L.addOverlay(y);
+      }), (k = o.value) == null || k.addOverlay(y);
     }
-    const w = (L) => {
-      var V, P;
-      s.value[L] && s.value.splice(L, 1);
-      const T = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      T[L] && ((P = (V = T[L]) == null ? void 0 : V.parentNode) == null || P.removeChild(T[L]));
+    const w = (k) => {
+      var C, F;
+      s.value[k] && s.value.splice(k, 1);
+      const M = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
+      M[k] && ((F = (C = M[k]) == null ? void 0 : C.parentNode) == null || F.removeChild(M[k]));
       const E = d.getFeatures();
-      E[L] && d.removeFeature(E[L]);
-    }, k = () => {
+      E[k] && d.removeFeature(E[k]);
+    }, L = () => {
       r("close");
     };
     return watch(() => l, () => {
-      l.value && !c.value && (M(), F());
+      l.value && !c.value && (T(), $());
     }, { deep: !0, immediate: !0 }), t({
-      addInteraction: F,
-      removeInteraction: C
-    }), (L, T) => l.value && L.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      addInteraction: $,
+      removeInteraction: V
+    }), (k, M) => l.value && k.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
       createElementVNode("div", { class: "header" }, [
-        T[1] || (T[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
+        M[1] || (M[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
         createElementVNode("i", {
-          onClick: k,
+          onClick: L,
           class: "map-iconfont icon-close"
         })
       ]),
       createElementVNode("div", _hoisted_2$2, [
-        T[2] || (T[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
+        M[2] || (M[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
         createVNode(unref(ElSelect), {
           class: "select-length-unit",
           modelValue: i.value,
-          "onUpdate:modelValue": T[0] || (T[0] = (E) => i.value = E)
+          "onUpdate:modelValue": M[0] || (M[0] = (E) => i.value = E)
         }, {
           default: withCtx(() => [
             createVNode(unref(ElOption), {
@@ -280,26 +280,26 @@ const formatLength = function(e, t) {
         }, 8, ["modelValue"])
       ]),
       createElementVNode("div", _hoisted_3$1, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (E, V) => (openBlock(), createElementBlock("div", {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (E, C) => (openBlock(), createElementBlock("div", {
           class: "measure-history-item",
-          key: V
+          key: C
         }, [
           createElementVNode("div", _hoisted_4, [
-            T[3] || (T[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
-            createElementVNode("span", _hoisted_5, "线段" + toDisplayString(V + 1), 1),
+            M[3] || (M[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
+            createElementVNode("span", _hoisted_5, "线段" + toDisplayString(C + 1), 1),
             createElementVNode("span", _hoisted_6, toDisplayString(E), 1)
           ]),
           createElementVNode("div", {
             class: "delete-button",
-            onClick: (P) => w(V)
-          }, T[4] || (T[4] = [
+            onClick: (F) => w(C)
+          }, M[4] || (M[4] = [
             createElementVNode("i", { class: "map-iconfont icon-delete" }, null, -1)
           ]), 8, _hoisted_7)
         ]))), 128))
       ])
     ])) : createCommentVNode("", !0);
   }
-}), Measure = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b36b46d6"]]), mapInstance$8 = ref(), renderMarkerSetInstance = (e) => mapInstance$8.value = e, markerPosition = ref(""), marker = ref(), createIconStyle = (e) => new Style({
+}), Measure = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-0b59fc70"]]), mapInstance$8 = ref(), renderMarkerSetInstance = (e) => mapInstance$8.value = e, markerPosition = ref(""), marker = ref(), createIconStyle = (e) => new Style({
   image: new Icon({
     src: CDN_URL + "map/poi-marker-default.png",
     anchor: [0.5, 1]
@@ -347,9 +347,9 @@ const formatLength = function(e, t) {
       layers: [s]
     });
     u.on("translating", function(f) {
-      var v;
+      var h;
       const p = f.features.item(0).getGeometry().getCoordinates(), y = toLonLat(p);
-      markerPosition.value = `${y[0].toFixed(6)}, ${y[1].toFixed(6)}`, (v = marker.value) == null || v.setStyle(createIconStyle(markerPosition.value));
+      markerPosition.value = `${y[0].toFixed(6)}, ${y[1].toFixed(6)}`, (h = marker.value) == null || h.setStyle(createIconStyle(markerPosition.value));
     }), mapInstance$8.value.addInteraction(u);
   }
   const d = new Point([o, r]);
@@ -446,11 +446,11 @@ const multiplyPixelRatio = (e) => {
   }
   function i(u, f, p = {}) {
     if (p.final)
-      return function(x, h) {
-        return (i(h, x) + 180) % 360;
+      return function(x, v) {
+        return (i(v, x) + 180) % 360;
       }(u, f);
-    const y = l(u), v = l(f), g = r(y[0]), M = r(v[0]), S = r(y[1]), b = r(v[1]), C = Math.sin(M - g) * Math.cos(b), F = Math.cos(S) * Math.sin(b) - Math.sin(S) * Math.cos(b) * Math.cos(M - g);
-    return o(Math.atan2(C, F));
+    const y = l(u), h = l(f), g = r(y[0]), T = r(h[0]), S = r(y[1]), b = r(h[1]), V = Math.sin(T - g) * Math.cos(b), $ = Math.cos(S) * Math.sin(b) - Math.sin(S) * Math.cos(b) * Math.cos(T - g);
+    return o(Math.atan2(V, $));
   }
   function s(u) {
     return !isNaN(u) && u !== null && !Array.isArray(u);
@@ -464,7 +464,7 @@ const multiplyPixelRatio = (e) => {
   }
   const m = i(c(e), c(t), n);
   return m < 0 ? 360 + m : m;
-}, labelAlpha = 0.8, labelFont = "500 12px Arial", labelOutSize = 2, labelHeight = 10, fillRectRadius = (e, t, n, o, r, l, i = 4) => {
+}, labelAlpha = 0.8, pixelRatio = window.devicePixelRatio || 1, labelFont = `500 ${12 * pixelRatio}px Arial`, labelOutSize = 2 * pixelRatio, labelHeight = 10 * pixelRatio, fillRectRadius = (e, t, n, o, r, l, i = 4) => {
   e.beginPath(), e.moveTo(t + i, n), e.arcTo(t + o, n, t + o, n + i, i), e.arcTo(t + o, n + r, t + o - i, n + r, i), e.arcTo(t, n + r, t, n + r - i, i), e.arcTo(t, n, t + i, n, i), e.closePath(), e.fillStyle = l, e.fill();
 }, getPixelFromCoordinate = (e) => {
   if (!e || e.length === 0)
@@ -567,44 +567,41 @@ function drawLabelBody(e, t, n) {
     selected: u
   } = n;
   e.save(), o && (e.font = o);
-  let f = e.measureText(s).width + 2 * r;
-  (c || d) && (f += l + 4 * r), e.restore();
-  let p;
-  const y = 20;
-  let v = -1;
-  const g = l + 3 * r;
+  let f = e.measureText(s).width + 4 * r;
+  (c || d) && (f += l + 6 * r), e.restore();
+  let p, y = 20, h = -1, g = l + 3 * r;
   if (m)
-    for (let M = 0; M < 8; M++) {
-      p = calculateBounds(i, M, f, g, m);
+    for (let T = 0; T < 8; T++) {
+      p = calculateBounds(i, T, f, g, m);
       let S = !1;
       for (let b = 0; b < t.length; ++b) {
-        const C = t[b].bounds, F = [
-          C[0] - y,
-          C[1] - y,
-          C[2] + y,
-          C[3] + y
+        let V = t[b].bounds, $ = [
+          V[0] - y,
+          V[1] - y,
+          V[2] + y,
+          V[3] + y
         ];
-        if (p && isOverlapping(p, F)) {
+        if (p && isOverlapping(p, $)) {
           S = !0;
           break;
         }
       }
       if (!S) {
-        v = M;
+        h = T;
         break;
       }
     }
   else
-    v = 0, p = calculateBounds(i, v, f, g, m);
-  if (u && v === -1 && (v = 0), p && v > -1) {
-    const M = getBottomLeftPoint(p), S = getTopRighttPoint(p);
+    h = 0, p = calculateBounds(i, h, f, g, m);
+  if (u && h === -1 && (h = 0), p && h > -1) {
+    let T = getBottomLeftPoint(p), S = getTopRighttPoint(p);
     return {
       center: i,
-      x: calculateAnchorPoint(i, v, f, g, m),
+      x: calculateAnchorPoint(i, h, f, g, m),
       l: S,
-      r: M,
+      r: T,
       bounds: p,
-      position: v,
+      position: h,
       name: s
     };
   } else
@@ -616,19 +613,19 @@ const drawText = (e, t) => {
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0);
   let [c, d] = n;
   if (l) {
-    e.font = "22px map-iconfont";
-    const m = getIconFont(l.icon);
-    e.fillStyle = l.color, e.fillText(m, c + labelOutSize - 4, d + 4), c += 22;
+    e.font = `${20 * pixelRatio}px map-iconfont`;
+    let m = getIconFont(l.icon);
+    e.fillStyle = l.color, e.fillText(m, c + labelOutSize - 3.2 * pixelRatio, d + 3.2 * pixelRatio), c += 22 * pixelRatio;
   }
   if (i != null && i.length) {
-    e.font = "12px map-iconfont", e.fillStyle = "#3370ff";
-    const m = e.measureText(o).width + 6;
+    e.font = `${12 * pixelRatio}px map-iconfont`, e.fillStyle = "#3370ff";
+    const m = e.measureText(o).width + 6 * pixelRatio;
     i.forEach((u, f) => {
-      const p = getIconFont(u), y = 20 * f;
+      const p = getIconFont(u), y = 20 * pixelRatio * f;
       e.fillText(p, c + m + y, d);
     });
   }
-  e.font = s || labelFont, e.fillStyle = r, e.fillText(o, c, d), e.restore();
+  e.font = s || labelFont, e.fillStyle = r, e.fillText(o, c + 2, d), e.restore();
 }, drawPolygon = (e, t) => {
   let {
     points: n,
@@ -648,10 +645,10 @@ const drawText = (e, t) => {
     l && e.closePath(), o && (e.strokeStyle = o, e.stroke()), r && l && (m && (e.globalAlpha = m), e.fillStyle = r, e.fill()), e.restore();
   }
 }, intervalId = [], drawLabel = (e, t, n) => {
-  var u, f;
+  var u, f, p, y, h, g, T, S;
   let { center: o, text: r, color: l, textColor: i, bgColor: s, leftIcon: c, rightIcons: d, type: m } = t;
   if (o && r) {
-    const p = {
+    const b = {
       font: labelFont,
       labelOutSize,
       labelHeight,
@@ -661,11 +658,11 @@ const drawText = (e, t) => {
       selected: t.selected
     };
     (u = t.blinkColors) != null && u.length && (s = t.fill, i = getForegroundColor(t.fill));
-    const y = drawLabelBody(e, n, p);
-    if (y) {
-      const { x: v, bounds: g, l: M } = y, S = [getTopLeftPoint(g), getBottomLeftPoint(g), getBottomRightPoint(g), getTopRighttPoint(g)];
-      n.find((w) => w.name === r) || n.push(y), drawPolygon(e, {
-        points: [o, v],
+    const V = drawLabelBody(e, n, b);
+    if (V) {
+      const { x: $, bounds: x, l: v } = V, w = [getTopLeftPoint(x), getBottomLeftPoint(x), getBottomRightPoint(x), getTopRighttPoint(x)];
+      n.find((F) => F.name === r) || n.push(V), drawPolygon(e, {
+        points: [o, $],
         strokeColor: l,
         fillColor: "#000",
         shouldClosePath: !0,
@@ -675,35 +672,48 @@ const drawText = (e, t) => {
         scale: void 0,
         globalAlpha: labelAlpha
       }), d != null && d.length && d.forEach(() => {
-        S[1][0] += 20, S[2][0] += 20;
+        w[1][0] += 20, w[2][0] += 20;
       });
-      const C = {
-        points: S,
+      const k = {
+        points: w,
         strokeColor: l,
         fillColor: s,
         shouldClosePath: !0
-      }, [F, x] = M, h = {
-        center: [F, x + labelOutSize + labelHeight + 1],
+      }, [M, E] = v, C = {
+        center: [M, E + labelOutSize + labelHeight + 1],
         text: r,
         textColor: i,
         leftIcon: c,
         rightIcons: d,
         blinkColors: t.blinkColors
       };
-      if (drawPolygon(e, C), drawText(e, h), ((f = t == null ? void 0 : t.blinkColors) == null ? void 0 : f.length) > 0) {
-        let w = Date.now(), k = 0;
-        const L = [];
-        t.blinkColors.forEach((T) => {
-          L.push(T), L.push("white");
-        }), intervalId[t.id] && clearInterval(intervalId[t.id]), intervalId[t.id] = setInterval(() => {
-          const T = Date.now();
-          T - w >= 500 && (k = (k + 1) % L.length, w = T, C.fillColor = L[k], drawPolygon(e, C), h.textColor = getForegroundColor(C.fillColor), drawText(e, h));
-        }, 10);
+      if (drawPolygon(e, k), drawText(e, C), ((f = t == null ? void 0 : t.blinkColors) == null ? void 0 : f.length) > 0) {
+        let F = Date.now(), P = 0;
+        const R = [];
+        t.blinkColors.forEach((N) => {
+          R.push(N), R.push("white");
+        }), !!((h = (y = (p = selectShipsLayer.value) == null ? void 0 : p.getSource()) == null ? void 0 : y.getFeatures()) != null && h.find((N) => {
+          var A;
+          return ((A = N.get("data")) == null ? void 0 : A.id) === t.id;
+        }) || (S = (T = (g = shipsLayer.value) == null ? void 0 : g.getSource()) == null ? void 0 : T.getFeatures()) != null && S.find((N) => {
+          var A;
+          return ((A = N.get("data")) == null ? void 0 : A.id) === t.id;
+        })) ? (intervalId[t.id] && clearInterval(intervalId[t.id]), intervalId[t.id] = setInterval(() => {
+          const N = Date.now();
+          if (N - F >= 500) {
+            P = (P + 1) % R.length, F = N, k.fillColor = R[P], drawPolygon(e, k), C.textColor = getForegroundColor(k.fillColor), drawText(e, C);
+            const A = !!shipLabels.value.find((O) => O.name === t.name);
+            A || (console.log(A), clearInterval(intervalId[t.id]), deleteLabelFromArray(n, r));
+          }
+        }, 10)) : (clearInterval(intervalId[t.id]), deleteLabelFromArray(n, r));
       } else
-        shipLabels.value.find((k) => k.name === r) && (clearInterval(intervalId[t.id]), drawPolygon(e, C), drawText(e, h));
+        shipLabels.value.find((P) => P.name === r) && (clearInterval(intervalId[t.id]), drawPolygon(e, k), drawText(e, C));
     }
   }
   return null;
+}, deleteLabelFromArray = (e, t) => {
+  const n = e.findIndex((o) => o.name === t);
+  n !== -1 && e.splice(n, 1);
 }, PI = Math.PI, a = 6378245, ee = 0.006693421622965943;
 function transformLat(e, t) {
   let n = -100 + 2 * e + 3 * t + 0.2 * t * t + 0.1 * e * t + 0.2 * Math.sqrt(Math.abs(e));
@@ -758,9 +768,9 @@ function mercatorToLonLat(e, t = "lonlat") {
 }
 function calculateBoundingBox(e) {
   let t = 1 / 0, n = -1 / 0, o = 1 / 0, r = -1 / 0;
-  e.forEach((v) => {
-    const [g, M] = v;
-    t = Math.min(t, M), n = Math.max(n, M), o = Math.min(o, g), r = Math.max(r, g);
+  e.forEach((h) => {
+    const [g, T] = h;
+    t = Math.min(t, T), n = Math.max(n, T), o = Math.min(o, g), r = Math.max(r, g);
   });
   const l = r - o, i = n - t, s = Math.max(l, i), c = (o + r) / 2, d = (t + n) / 2, m = s / 2, u = c - m, f = c + m, p = d - m, y = d + m;
   return [f, p, u, y];
@@ -826,7 +836,7 @@ let polyline, linePath, startMarker, position, geoMarker, vectorLayer;
 const trackAnimating = ref(!1);
 let distance = 0, lastTime = Date.now(), moveFeatureHandler = null;
 const moveFeature = (e, t) => {
-  var u;
+  var u, f;
   const n = Number(50 * t), o = e.frameState.time, r = o - lastTime;
   if (distance = (distance + n * r / 1e6) % 2, lastTime = o, distance >= 1) {
     stopAnimation();
@@ -839,9 +849,9 @@ const moveFeature = (e, t) => {
   ), s = linePath.getCoordinateAt(
     distance > 1 ? 2 - distance : distance + 0.01
   ), d = getRotation(transformUtils.mercatorToLonLat(i, "array"), transformUtils.mercatorToLonLat(s, "array")) * Math.PI / 180;
-  geoMarkerStyle.getText().setRotation(d), position.setCoordinates(l);
+  (u = geoMarkerStyle.getText()) == null || u.setRotation(d), position.setCoordinates(l);
   const m = getVectorContext(e);
-  m.context_.save(), m.setStyle(geoMarkerStyle), m.drawGeometry(position), m.context_.restore(), (u = mapInstance$7.value) == null || u.render();
+  m.context_.save(), m.setStyle(geoMarkerStyle), m.drawGeometry(position), m.context_.restore(), (f = mapInstance$7.value) == null || f.render();
 }, startAnimation = () => {
   trackAnimating.value = !0, showTrackAnimatMarker.value = !0, lastTime = Date.now(), distance = 0, position = startMarker.getGeometry().clone(), vectorLayer.on("postrender", moveFeatureHandler), geoMarker.setGeometry(null);
 }, stopAnimation = () => {
@@ -936,8 +946,8 @@ const moveFeature = (e, t) => {
           offsetY: -10
         }),
         zIndex: 99
-      }), v = [];
-      Number(s.state) === 0 ? ((u = y.getText()) == null || u.setFill(new Fill({ color: stopColor })), v.push(l)) : Number(s.state) === 1 && ((f = y.getText()) == null || f.setFill(new Fill({ color: slowColor })), v.push(i)), v.push(y), p.setStyle(v), trackLineVectorSource.value.addFeature(p);
+      }), h = [];
+      Number(s.state) === 0 ? ((u = y.getText()) == null || u.setFill(new Fill({ color: stopColor })), h.push(l)) : Number(s.state) === 1 && ((f = y.getText()) == null || f.setFill(new Fill({ color: slowColor })), h.push(i)), h.push(y), p.setStyle(h), trackLineVectorSource.value.addFeature(p);
     }
   }), renderArrow(o, e), renderIconPoint();
 }, renderArrow = (e, t) => {
@@ -1262,7 +1272,8 @@ const renderShips = (e) => {
     }), shipsVectorSource = new VectorSource({
       features: shipsMarkerList.map((o) => o.feature)
     }), shipsLayer.value = new VectorLayer({
-      source: shipsVectorSource
+      source: shipsVectorSource,
+      zIndex: 100
     }), (n = mapInstance$5.value) == null || n.addLayer(shipsLayer.value), shipsLayer.value;
 }, customFilterShips = (e) => {
   let t = cloneDeep(e);
@@ -1363,16 +1374,16 @@ const renderShips = (e) => {
   });
   if (r) {
     let f = !1, p = [0, 0], y = [0, 0];
-    l.addEventListener("mousedown", function(v) {
+    l.addEventListener("mousedown", function(h) {
       var g;
-      f = !0, v.clientX, v.clientY, p = (g = mapInstance$4.value) == null ? void 0 : g.getCoordinateFromPixel([v.clientX - 200, v.clientY - 200]), y = [
-        v.clientX - l.getBoundingClientRect().left + 160,
-        v.clientY - l.getBoundingClientRect().top + 84
-      ], v.preventDefault();
-    }), document.addEventListener("mousemove", function(v) {
+      f = !0, h.clientX, h.clientY, p = (g = mapInstance$4.value) == null ? void 0 : g.getCoordinateFromPixel([h.clientX - 200, h.clientY - 200]), y = [
+        h.clientX - l.getBoundingClientRect().left + 160,
+        h.clientY - l.getBoundingClientRect().top + 84
+      ], h.preventDefault();
+    }), document.addEventListener("mousemove", function(h) {
       var g;
       if (f) {
-        const M = (g = mapInstance$4.value) == null ? void 0 : g.getCoordinateFromPixel([v.clientX - y[0], v.clientY - y[1]]), S = M[0] - p[0], b = M[1] - p[1];
+        const T = (g = mapInstance$4.value) == null ? void 0 : g.getCoordinateFromPixel([h.clientX - y[0], h.clientY - y[1]]), S = T[0] - p[0], b = T[1] - p[1];
         i.setPosition([p[0] + S, p[1] + b]);
       }
     }), document.addEventListener("mouseup", function() {
@@ -1430,7 +1441,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
       c != null && c.stayTime && (d = `
                     <div class="item w-100">
                         <div class="item-label">停泊时间约</div>
-                        <div class="item-item">${c.stayTime}</div>
+                        <div class="item-item">${formatMinutesToDDHHMM(Number(c.stayTime))}</div>
                     </div>
                 `);
       const m = `
@@ -1465,7 +1476,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
                     </div>
                     ${d ?? d}
                 </div>`, u = (i = mapInstance$3.value) == null ? void 0 : i.getPixelFromCoordinate(n.coordinate);
-      e.value = drawCustomContent(c.time, u, m, "center-center");
+      e.value = drawCustomContent(c.time, u, m, "left-top");
     } else
       (s = mapInstance$3.value) == null || s.removeOverlay(e.value);
   });
@@ -1486,6 +1497,10 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
     } catch (l) {
       console.log(l);
     }
+}, formatMinutesToDDHHMM = (e) => {
+  const t = hooks.duration(e, "minutes"), n = Math.floor(t.asDays()), o = t.hours(), r = t.minutes();
+  let l = `${String(o).padStart(2, "0")}时${String(r).padStart(2, "0")}分`;
+  return n !== 0 && (l = `${String(n).padStart(2, "0")}天${l}`), l;
 }, _hoisted_1$3 = {
   key: 0,
   class: "more-tool-panel"
@@ -1506,28 +1521,28 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
     }, m = () => {
       r("switchMapTile", o.mapTileMode === BaseMapType.vector ? BaseMapType.satellite : BaseMapType.vector);
     }, u = () => {
-      var v, g;
-      i.value ? (v = s.value) == null || v.removeInteraction() : (g = s.value) == null || g.addInteraction(), i.value = !i.value;
+      var h, g;
+      i.value ? (h = s.value) == null || h.removeInteraction() : (g = s.value) == null || g.addInteraction(), i.value = !i.value;
     }, f = () => {
-      var v;
-      (v = s.value) == null || v.removeInteraction(), i.value = !1;
+      var h;
+      (h = s.value) == null || h.removeInteraction(), i.value = !1;
     };
     return onMounted(() => {
       nextTick(() => {
-        var v;
-        (v = n.value) == null || v.on("moveend", () => {
-          var M, S;
-          const g = (S = (M = n.value) == null ? void 0 : M.getView()) == null ? void 0 : S.getZoom();
+        var h;
+        (h = n.value) == null || h.on("moveend", () => {
+          var T, S;
+          const g = (S = (T = n.value) == null ? void 0 : T.getView()) == null ? void 0 : S.getZoom();
           g && (l.value = g);
         });
       });
-    }), (v, g) => (openBlock(), createElementBlock(Fragment, null, [
+    }), (h, g) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
-        class: normalizeClass(`tool-panel ${v.viewMode}`)
+        class: normalizeClass(`tool-panel ${h.viewMode}`)
       }, [
-        v.viewMode === "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        h.viewMode === "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
           createElementVNode("div", _hoisted_2$1, [
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
               onClick: u
@@ -1535,50 +1550,50 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
               createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "测距", -1)
             ]), 2)) : createCommentVNode("", !0),
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: normalizeClass(`switch-btn ${c.value && "active"} ${(v.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
+              class: normalizeClass(`switch-btn ${c.value && "active"} ${(h.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
               onClick: d
             }, g[6] || (g[6] = [
               createElementVNode("i", { class: "map-iconfont icon-ship" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "绿点", -1)
             ]), 2)) : createCommentVNode("", !0),
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 2,
-              class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[0] || (g[0] = (M) => m())
+              class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
+              onClick: g[0] || (g[0] = (T) => m())
             }, g[7] || (g[7] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "图层", -1)
             ]), 2)) : createCommentVNode("", !0),
-            v.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
+            h.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
               key: 3,
-              class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[1] || (g[1] = (M) => m())
+              class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
+              onClick: g[1] || (g[1] = (T) => m())
             }, g[8] || (g[8] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "卫星", -1)
             ]), 2)) : createCommentVNode("", !0),
-            v.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+            h.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
               createElementVNode("div", {
                 class: "switch-btn multiple",
-                onClick: g[2] || (g[2] = (M) => unref(playTrack)(unref(currentTrackId), 1))
+                onClick: g[2] || (g[2] = (T) => unref(playTrack)(unref(currentTrackId), 1))
               }, g[9] || (g[9] = [
                 createElementVNode("i", { class: "map-iconfont icon-play" }, null, -1),
                 createElementVNode("div", { class: "button-text" }, "播放轨迹", -1)
               ])),
               createElementVNode("div", {
                 class: "switch-btn multiple",
-                onClick: g[3] || (g[3] = (M) => unref(resetTrackView)())
+                onClick: g[3] || (g[3] = (T) => unref(resetTrackView)())
               }, g[10] || (g[10] = [
                 createElementVNode("i", { class: "map-iconfont icon-center" }, null, -1),
                 createElementVNode("div", { class: "button-text" }, "轨迹居中", -1)
               ]))
             ], 64)) : createCommentVNode("", !0),
-            renderSlot(v.$slots, "toolPanel", {}, void 0, !0)
+            renderSlot(h.$slots, "toolPanel", {}, void 0, !0)
           ])
         ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          v.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          h.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("div", {
               class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
               onClick: u
@@ -1586,9 +1601,9 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
               createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "测距", -1)
             ]), 2),
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(`switch-btn ${c.value && "active"} ${(v.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
+              class: normalizeClass(`switch-btn ${c.value && "active"} ${(h.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
               onClick: d
             }, g[12] || (g[12] = [
               createElementVNode("i", { class: "map-iconfont icon-ship" }, null, -1),
@@ -1596,7 +1611,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
             ]), 2)) : createCommentVNode("", !0)
           ], 64)) : createCommentVNode("", !0),
           createElementVNode("div", {
-            class: normalizeClass(["switch-btn", { active: v.mapTileMode === unref(BaseMapType).satellite }]),
+            class: normalizeClass(["switch-btn", { active: h.mapTileMode === unref(BaseMapType).satellite }]),
             onClick: m
           }, g[13] || (g[13] = [
             createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
@@ -1610,9 +1625,9 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
           ref_key: "measureRef",
           ref: s,
           visible: i.value,
-          "onUpdate:visible": g[4] || (g[4] = (M) => i.value = M),
+          "onUpdate:visible": g[4] || (g[4] = (T) => i.value = T),
           onClose: f,
-          "view-mode": v.viewMode
+          "view-mode": h.viewMode
         }, null, 8, ["visible", "view-mode"])) : createCommentVNode("", !0)
       ])
     ], 64));
@@ -1701,20 +1716,20 @@ const setTruckStyle = (e, t, n, o) => new Style({
     const m = c - 70, u = d - 68;
     let f = 180;
     const p = 56, y = "#FFFFFF";
-    let v = 176;
+    let h = 176;
     const g = 52;
-    let M = "#164AFF", S = "#FFFFFF";
-    n === CAR_COLOR.YELLOW ? (v = 176, M = "#FFC81E", S = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, v = 196, M = "#8FED7C", S = "rgba(0,0,0,0.88)"), o != null && o.length && (f += o.length * 56), fillRectRadius(i, m, u, f, p, y), fillRectRadius(i, m + 2, u + 2, v, g, M), n === CAR_COLOR.Y_GREEN && fillRectRadius(i, m + 2, u + 2, 68, g, "#FFC81E"), i.save(), i.restore(), i.fillStyle = S, i.font = "bold 28px Arial", i.textAlign = "left", i.textBaseline = "middle";
+    let T = "#164AFF", S = "#FFFFFF";
+    n === CAR_COLOR.YELLOW ? (h = 176, T = "#FFC81E", S = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, h = 196, T = "#8FED7C", S = "rgba(0,0,0,0.88)"), o != null && o.length && (f += o.length * 56), fillRectRadius(i, m, u, f, p, y), fillRectRadius(i, m + 2, u + 2, h, g, T), n === CAR_COLOR.Y_GREEN && fillRectRadius(i, m + 2, u + 2, 68, g, "#FFC81E"), i.save(), i.restore(), i.fillStyle = S, i.font = "bold 28px Arial", i.textAlign = "left", i.textBaseline = "middle";
     const b = `${t.slice(0, 2) + " · " + t.slice(2)}`;
     if (i.fillText(b, m + 12, u + 32), i.save(), i.restore(), o != null && o.length) {
-      const F = i.measureText(b).width + 12;
+      const $ = i.measureText(b).width + 12;
       let x = 0;
-      o.forEach((h) => {
-        h === DEVICE_TYPE.CAMERA && (i.drawImage(cameraImage, c - 54 + F + x * 56, d - 64, 50, 50), ++x), h === DEVICE_TYPE.LOAD && (i.drawImage(loadImage, c - 54 + F + x * 56, d - 64, 50, 50), ++x);
+      o.forEach((v) => {
+        v === DEVICE_TYPE.CAMERA && (i.drawImage(cameraImage, c - 54 + $ + x * 56, d - 64, 50, 50), ++x), v === DEVICE_TYPE.LOAD && (i.drawImage(loadImage, c - 54 + $ + x * 56, d - 64, 50, 50), ++x);
       });
     }
-    const C = dotImage$1;
-    i.drawImage(C, c + f / 2 - 90, d, 50 / s, 50 / s), i.restore();
+    const V = dotImage$1;
+    i.drawImage(V, c + f / 2 - 90, d, 50 / s, 50 / s), i.restore();
   }
 }), mapInstance$2 = ref(), renderDashboardSetInstance = (e) => mapInstance$2.value = e;
 ref([]);
@@ -1802,10 +1817,10 @@ const validateSquareLimit = (e) => {
   const i = (o - n) * 111, s = (l - r) * 111;
   squareLimitError = i > 150 || s > 150;
 };
-let storeFeature;
+let storeFeature, callbackFunction = null;
 const addInteraction = (e) => {
   var o, r;
-  drawVector || init(), drawnState = "undrawn", layerState = "drawn", (o = mapInstance.value) == null || o.addLayer(drawVector);
+  e && (callbackFunction = e), drawVector || init(), drawnState = "undrawn", layerState = "drawn", (o = mapInstance.value) == null || o.addLayer(drawVector);
   const t = new Style({
     stroke: new Stroke({
       color: "rgba(255, 255, 255, 1)",
@@ -1843,7 +1858,7 @@ const addInteraction = (e) => {
     if (l.feature.getGeometry()) {
       storeFeature = l.feature;
       const s = endFn(l.feature);
-      s != null && s.length && e && e(s);
+      s != null && s.length && callbackFunction && callbackFunction(s);
     }
     if (sketch = null, measureTooltipElement = null, createMeasureTooltip(), n && unByKey(n), drawnState = "drawend", draw) {
       const s = mapInstance.value.getInteractions().getArray().find((c) => c.ol_uid === draw.ol_uid);
@@ -1878,7 +1893,7 @@ const addInteraction = (e) => {
   }
 }, initFeature = (e) => {
   var t, n;
-  if (layerState = "drawn", storeFeature) {
+  if (e && (callbackFunction = e), layerState = "drawn", storeFeature) {
     const o = storeFeature.getGeometry();
     if (!o) return;
     const r = formatUtils.formatArea(o, LENGTH_UNIT.NM);
@@ -1886,7 +1901,7 @@ const addInteraction = (e) => {
                 <span class="text">面积：${r}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
             `), (t = drawVector.getSource()) == null || t.addFeature(storeFeature);
     const l = endFn(storeFeature);
-    l != null && l.length && e && e(l);
+    l != null && l.length && callbackFunction && callbackFunction(l);
     const i = getCenter(storeFeature.getGeometry().getExtent());
     (n = mapInstance.value) == null || n.getView().setCenter(i);
   }
@@ -1946,8 +1961,8 @@ const setPointStyle = (e, t, n) => {
       d.scale(m, m);
       let [u, f] = s;
       u = u / m, f = f / m, d.font = "12px Arial";
-      const p = d.measureText(t).width, y = u - p / 2, v = f - 10, g = p + 4, M = 20, S = e && i || o;
-      if (fillRectRadius(d, y, v + 30, g, M, S), d.save(), d.restore(), d.fillStyle = e ? "#FFFFFF" : "#000000", d.textAlign = "center", d.textBaseline = "middle", d.fillText(t, y + (p + 4) / 2, v + 41), d.save(), d.restore(), r || l) {
+      const p = d.measureText(t).width, y = u - p / 2, h = f - 10, g = p + 4, T = 20, S = e && i || o;
+      if (fillRectRadius(d, y, h + 30, g, T, S), d.save(), d.restore(), d.fillStyle = e ? "#FFFFFF" : "#000000", d.textAlign = "center", d.textBaseline = "middle", d.fillText(t, y + (p + 4) / 2, h + 41), d.save(), d.restore(), r || l) {
         const b = e ? dotActiveImage : dotImage;
         d.drawImage(b, u - b.width / 2, f - b.height / 2, 40 / m, 40 / m);
       }
@@ -2107,12 +2122,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide("mapInstance", o);
     const r = ref(null), l = ref(null), i = ref(null), s = n, c = e, d = ref(c.zoom || mapZoom.default), m = ref(!1), u = ref(!0), f = ref(!0);
     let p;
-    ((h) => {
-      h[h.tiandituTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) })] = "tiandituTile", h[h.tiandituTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) })] = "tiandituTileMark", h[h.tiandituImgTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 })] = "tiandituImgTile", h[h.tiandituImgTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 })] = "tiandituImgTileMark", h[h.greenMark = new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })] = "greenMark";
+    ((v) => {
+      v[v.tiandituTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) })] = "tiandituTile", v[v.tiandituTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) })] = "tiandituTileMark", v[v.tiandituImgTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 })] = "tiandituImgTile", v[v.tiandituImgTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 })] = "tiandituImgTileMark", v[v.greenMark = new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })] = "greenMark";
     })(p || (p = {}));
     const y = () => {
-      var w, k;
-      const h = {
+      var w, L;
+      const v = {
         projection: projection.mercator,
         // 地图投影坐标系
         zoom: c.zoom || (c.vehicleMode === "ship" ? mapZoom.default : mapZoom.truckDefault),
@@ -2140,68 +2155,68 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           p.tiandituImgTileMark,
           p.greenMark
         ],
-        view: new View(h)
-      }), v(), (w = l.value) == null || w.setScaleLine(c.vehicleMode === "ship" && "nautical"), (k = o.value) == null || k.on("moveend", b), g(h.zoom < mapZoom.shipGreenDotMax), S(c.vehicleMode === "ship" || c.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), c.viewMode === "findShip" && c.mmsi && c.shipData && nextTick(() => {
+        view: new View(v)
+      }), h(), (w = l.value) == null || w.setScaleLine(c.vehicleMode === "ship" && "nautical"), (L = o.value) == null || L.on("moveend", b), g(v.zoom < mapZoom.shipGreenDotMax), S(c.vehicleMode === "ship" || c.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), c.viewMode === "findShip" && c.mmsi && c.shipData && nextTick(() => {
         findShip(String(c.mmsi), c.shipData);
       });
     };
     onMounted(() => {
       y();
     });
-    const v = () => {
+    const h = () => {
       o.value && (renderCustomOverlaySetInstance(o.value), renderTruckSetInstance(o.value), drawPolygonSetInstance(o.value), renderShipStyleSetInstance(o.value), renderTrackStyleSetInstance(o.value), renderDashboardSetInstance(o.value), renderMarkerSetInstance(o.value), renderShipSetInstance(o.value), renderTrackSetInstance(o.value));
-    }, g = (h) => {
+    }, g = (v) => {
       var w;
-      c.vehicleMode !== "ship" && (h = !1), (w = o.value) == null || w.getLayers().forEach((k) => {
-        k.ol_uid === p.greenMark.ol_uid && (k.setVisible(h), u.value = h);
+      c.vehicleMode !== "ship" && (v = !1), (w = o.value) == null || w.getLayers().forEach((L) => {
+        L.ol_uid === p.greenMark.ol_uid && (L.setVisible(v), u.value = v);
       });
-    }, M = ref(BaseMapType.satellite), S = (h) => {
+    }, T = ref(BaseMapType.satellite), S = (v) => {
       var w;
-      M.value = h, (w = o.value) == null || w.getLayers().forEach((k) => {
-        (k.ol_uid === p.tiandituTile.ol_uid || k.ol_uid === p.tiandituTileMark.ol_uid || k.ol_uid === p.tiandituImgTile.ol_uid || k.ol_uid === p.tiandituImgTileMark.ol_uid) && k.setVisible(!1), (h === BaseMapType.vector && (k.ol_uid === p.tiandituTile.ol_uid || k.ol_uid === p.tiandituTileMark.ol_uid) || h === BaseMapType.satellite && (k.ol_uid === p.tiandituImgTile.ol_uid || k.ol_uid === p.tiandituImgTileMark.ol_uid)) && k.setVisible(!0);
+      T.value = v, (w = o.value) == null || w.getLayers().forEach((L) => {
+        (L.ol_uid === p.tiandituTile.ol_uid || L.ol_uid === p.tiandituTileMark.ol_uid || L.ol_uid === p.tiandituImgTile.ol_uid || L.ol_uid === p.tiandituImgTileMark.ol_uid) && L.setVisible(!1), (v === BaseMapType.vector && (L.ol_uid === p.tiandituTile.ol_uid || L.ol_uid === p.tiandituTileMark.ol_uid) || v === BaseMapType.satellite && (L.ol_uid === p.tiandituImgTile.ol_uid || L.ol_uid === p.tiandituImgTileMark.ol_uid)) && L.setVisible(!0);
       });
     }, b = () => {
-      const h = o.value.getView(), w = h.getZoom();
-      w && C(w);
-      const k = h.calculateExtent(o.value.getSize());
-      k && w && F(k, w);
-    }, C = (h) => {
-      var L, T, E, V, P;
-      d.value = h, g(h < mapZoom.shipGreenDotMax);
-      const w = (L = o.value) == null ? void 0 : L.getLayers(), k = c.vehicleMode === "ship" ? w == null ? void 0 : w.getArray().find((N) => N.ol_uid === p.greenMark.ol_uid) : void 0;
-      showTrackLayer.value ? (f.value = !1, k == null || k.setVisible(!1), (T = shipsLayer.value) == null || T.setVisible(!1), (E = largeAmountShipsLayer.value) == null || E.setVisible(!1)) : !m.value && u.value && h <= mapZoom.shipGreenDotMax ? (f.value = !0, k == null || k.setVisible(!0), (V = shipsLayer.value) == null || V.setVisible(!1), (P = largeAmountShipsLayer.value) == null || P.setVisible(!1)) : (f.value = !1, k == null || k.setVisible(!1)), s("zoomChanged", h);
-    }, F = (h, w) => {
-      const k = transform([h[0], h[1]], projection.mercator, projection.data), L = transform([h[2], h[3]], projection.mercator, projection.data);
-      s("extentChanged", { extent: [k, L], zoom: w });
+      const v = o.value.getView(), w = v.getZoom();
+      w && V(w);
+      const L = v.calculateExtent(o.value.getSize());
+      L && w && $(L, w);
+    }, V = (v) => {
+      var k, M, E, C, F;
+      d.value = v, g(v < mapZoom.shipGreenDotMax);
+      const w = (k = o.value) == null ? void 0 : k.getLayers(), L = c.vehicleMode === "ship" ? w == null ? void 0 : w.getArray().find((P) => P.ol_uid === p.greenMark.ol_uid) : void 0;
+      showTrackLayer.value ? (f.value = !1, L == null || L.setVisible(!1), (M = shipsLayer.value) == null || M.setVisible(!1), (E = largeAmountShipsLayer.value) == null || E.setVisible(!1)) : !m.value && u.value && v <= mapZoom.shipGreenDotMax ? (f.value = !0, L == null || L.setVisible(!0), (C = shipsLayer.value) == null || C.setVisible(!1), (F = largeAmountShipsLayer.value) == null || F.setVisible(!1)) : (f.value = !1, L == null || L.setVisible(!1)), s("zoomChanged", v);
+    }, $ = (v, w) => {
+      const L = transform([v[0], v[1]], projection.mercator, projection.data), k = transform([v[2], v[3]], projection.mercator, projection.data);
+      s("extentChanged", { extent: [L, k], zoom: w });
     };
     return t({
       mapInstance: o,
       initMap: y,
-      pointRender: (h, w) => new PointMarkerClass(h, w),
+      pointRender: (v, w) => new PointMarkerClass(v, w),
       renderTrucksMarker,
       renderShip: renderShips,
-      renderTrack: (h, w, k) => {
-        var L, T;
-        currentTrackId.value = h, showTrackLayer.value = !0, m.value = !0, hiddenAllShips(), (T = (L = largeAmountShipsLayer.value) == null ? void 0 : L.getSource()) == null || T.clear(), renderTrack(h, w, k, LENGTH_UNIT.NM);
+      renderTrack: (v, w, L) => {
+        var k, M;
+        currentTrackId.value = v, showTrackLayer.value = !0, m.value = !0, hiddenAllShips(), (M = (k = largeAmountShipsLayer.value) == null ? void 0 : k.getSource()) == null || M.clear(), renderTrack(v, c.vehicleMode === "ship" ? w.reverse() : w, L, LENGTH_UNIT.NM);
       },
       findTruck,
       removeTruckIcon,
       clearAllTruck,
       closeTrack: () => {
-        var h, w;
-        showTrackLayer.value = !1, (h = shipTrackVectorLayer.value) == null || h.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), m.value = !1, g(d.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
+        var v, w;
+        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), m.value = !1, g(d.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
       },
       closeTruckTrack: () => {
-        var h, w;
-        showTrackLayer.value = !1, (h = shipTrackVectorLayer.value) == null || h.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), stopAnimation();
+        var v, w;
+        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), stopAnimation();
       },
       resetTrackView,
       playTrack,
       clearSelectFeature,
       findShip,
-      focusShip: (h, w, k = !0) => {
-        var L, T;
-        hiddenOrther.value = k, (L = shipsLayer.value) == null || L.setVisible(!k), (T = largeAmountShipsLayer.value) == null || T.setVisible(!1), findShip(h, w);
+      focusShip: (v, w, L = !0) => {
+        var k, M;
+        hiddenOrther.value = L, (k = shipsLayer.value) == null || k.setVisible(!L), (M = largeAmountShipsLayer.value) == null || M.setVisible(!1), findShip(v, w);
       },
       showTracks,
       removeAllTrackLayer,
@@ -2209,30 +2224,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rerenderShip,
       switchGreenDot: () => g(!1),
       zoomTruckIcon,
-      renderTruckTrack: (h, w, k) => {
-        showTrackLayer.value = !0, renderTrack(h, w, k, LENGTH_UNIT.KM, "truck");
+      renderTruckTrack: (v, w, L) => {
+        showTrackLayer.value = !0, renderTrack(v, w, L, LENGTH_UNIT.KM, "truck");
       },
       removerLayer: removeShipTrackLineFeatureByIndex,
       renderMarker,
-      setMarkerPosition: (h) => {
-        m.value = !0, setMarkerPosition(h);
+      setMarkerPosition: (v) => {
+        m.value = !0, setMarkerPosition(v);
       },
       getZoomAndCenter: () => {
-        var T;
-        const h = (T = o.value) == null ? void 0 : T.getView();
-        if (!h) return null;
-        const w = Math.round(Number(h.getZoom())), { lon: k, lat: L } = transformUtils.mercatorToLonLat(h.getCenter());
-        return { zoom: w, center: [k, L] };
+        var M;
+        const v = (M = o.value) == null ? void 0 : M.getView();
+        if (!v) return null;
+        const w = Math.round(Number(v.getZoom())), { lon: L, lat: k } = transformUtils.mercatorToLonLat(v.getCenter());
+        return { zoom: w, center: [L, k] };
       },
-      setCenter: (h) => {
-        var L;
-        const w = (L = o.value) == null ? void 0 : L.getView();
+      setCenter: (v) => {
+        var k;
+        const w = (k = o.value) == null ? void 0 : k.getView();
         if (!w) return null;
-        const k = new Point(h);
-        w.setCenter(transform(k.getCoordinates(), projection.data, projection.mercator));
+        const L = new Point(v);
+        w.setCenter(transform(L.getCoordinates(), projection.data, projection.mercator));
       },
       drawPolygonTool,
-      setMapInstance: v,
+      setMapInstance: h,
       config: {
         mapZoom,
         projection
@@ -2241,7 +2256,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         transform: transformUtils,
         format: formatUtils
       }
-    }), (h, w) => (openBlock(), createElementBlock("div", {
+    }), (v, w) => (openBlock(), createElementBlock("div", {
       class: "map-page map-container",
       ref_key: "pageRef",
       ref: r
@@ -2251,20 +2266,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "map"
       }, null, -1)),
       createVNode(ToolPanel, {
-        "vehicle-mode": h.vehicleMode,
-        "view-mode": h.viewMode,
+        "vehicle-mode": v.vehicleMode,
+        "view-mode": v.viewMode,
         "disable-green-dot": m.value,
         "show-track-layer": unref(showTrackLayer),
-        "map-tile-mode": M.value,
+        "map-tile-mode": T.value,
         onSwitchGreenDot: g,
         onSwitchMapTile: S
       }, {
         toolPanel: withCtx(() => [
-          renderSlot(h.$slots, "toolPanel", {}, void 0, !0)
+          renderSlot(v.$slots, "toolPanel", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["vehicle-mode", "view-mode", "disable-green-dot", "show-track-layer", "map-tile-mode"]),
-      h.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      v.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createVNode(ScaleLine, {
           ref_key: "scaleLineControl",
           ref: l
@@ -2274,10 +2289,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: i
         }, null, 512)
       ], 64)) : createCommentVNode("", !0),
-      createVNode(Copyright, { type: h.logoType }, null, 8, ["type"])
+      createVNode(Copyright, { type: v.logoType }, null, 8, ["type"])
     ], 512));
   }
-}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c8bbb09"]]), ZhMap = withInstall(Map);
+}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e678e00"]]), ZhMap = withInstall(Map);
 export {
   BaseMapType as B,
   CDN_URL as C,