zhihao-ui 1.2.31 → 1.2.32

package/dist/es/{Map-BJc6GMOA.js → Map-DOYV-j68.js}

@@ -1,13 +1,14 @@
-var D = Object.defineProperty;
-var A = (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) => A(e, typeof t != "symbol" ? t + "" : t, n);
-import { o as getArea, p as getLength, V as VectorSource, q as VectorLayer, S as Style, C as CircleStyle, F as Fill, r as Stroke, D as Draw, O as Overlay, u as unByKey, s as ElSelect, t as ElOption, T as Text, v as fromLonLat, w as transformExtent, x as hooks, L as LineString, y as Feature, P as Point, z as Polyline, A as getVectorContext, h as cloneDeep, G as GeoJSON, W as WebGLPointsLayer, B as Circle, H as transform, I as buffer, J as ScaleLine$1, K as Icon, M as Translate, N as toLonLat, Q as MultiPoint, R as getCenter, U as TileLayer, X as XYZ, Y as Map$1, Z as View } from "./vendor-Cq716b5Q.js";
+var A = Object.defineProperty;
+var D = (e, t, n) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var I = (e, t, n) => D(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, provide } from "vue";
-import { _ as _export_sfc } from "./Button-D-R-2Fix.js";
-import { g as getForegroundColor, w as withInstall } from "./utils-BbWQLYZL.js";
+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";
+import { g as getForegroundColor } from "./DatePicker-Ci7cvNBv.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 || {}), 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, h, g, T, M, b, E, x, v, k, w) {
+  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) {
     I(this, "id");
     // mmsi
     I(this, "mmsi");
@@ -49,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 = h, this.posType = g, this.type = T, this.angle = M, this.leftIconColor = b, this.existDevice = E, this.existMobile = x, this.existWaterGauge = v, this.selected = k, 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 = 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;
   }
 }
 const formatLength = function(e, t) {
@@ -131,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 h = new VectorLayer({
+    const v = new VectorLayer({
       source: d,
       style: {
         "fill-color": "rgba(255, 255, 255, 0.2)",
@@ -143,15 +144,15 @@ const formatLength = function(e, t) {
     }), g = function(L) {
       if (L.dragging)
         return;
-      let S = "点击选择起点";
-      m && (S = "单击继续，双击结束"), u && (u.innerHTML = S, f.setPosition(L.coordinate), u.classList.remove("hidden"));
-    }, T = () => {
+      let T = "点击选择起点";
+      m && (T = "单击继续，双击结束"), u && (u.innerHTML = T, f.setPosition(L.coordinate), u.classList.remove("hidden"));
+    }, M = () => {
       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");
       }), c.value = !0);
     };
-    let M;
+    let S;
     const b = new Style({
       fill: new Fill({
         color: "rgba(255, 255, 255, 0.2)"
@@ -171,49 +172,49 @@ const formatLength = function(e, t) {
         })
       })
     });
-    function E() {
-      var L, S;
+    function C() {
+      var L, T;
       if (o.value) {
-        if (s.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((V) => {
-          var F;
-          (F = V == null ? void 0 : V.parentNode) == null || F.removeChild(V);
-        }), d.clear(), M) {
-          const V = o.value.getInteractions().getArray().find((F) => F.ol_uid === M.ol_uid);
-          V && ((L = o.value) == null || L.removeInteraction(V));
+        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);
+        }), 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));
         }
-        (S = o.value) == null || S.removeLayer(h), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
+        (T = o.value) == null || T.removeLayer(v), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
       }
     }
-    function x() {
-      var S, V;
-      E(), (S = o.value) == null || S.addLayer(h), M = new Draw({
+    function F() {
+      var T, E;
+      C(), (T = o.value) == null || T.addLayer(v), S = new Draw({
         source: d,
         type: "LineString",
         style: function() {
           return b;
         }
-      }), (V = o.value) == null || V.addInteraction(M), k(), v();
+      }), (E = o.value) == null || E.addInteraction(S), h(), x();
       let L;
-      M.on("drawstart", function(F) {
+      S.on("drawstart", function(V) {
         var N;
-        m = F.feature;
+        m = V.feature;
         let $;
         L = (N = m.getGeometry()) == null ? void 0 : N.on("change", function(B) {
           const P = B.target;
           let R = formatUtils.formatLength(P, Number(i.value));
           $ = P.getLastCoordinate(), p && R && (p.innerHTML = R), y.setPosition($);
         });
-      }), M.on("drawend", function() {
-        var 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="${((F = s.value) == null ? void 0 : F.length) - 1}"><i class="map-iconfont icon-delete"></i></div>`), ($ = document.querySelector(".ol-tooltip-delete-button:last-child")) == null || $.addEventListener("click", (N) => {
+      }), S.on("drawend", function() {
+        var V, $;
+        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>`), ($ = document.querySelector(".ol-tooltip-delete-button:last-child")) == null || $.addEventListener("click", (N) => {
           var P;
           N.preventDefault(), N.stopPropagation();
           const B = (P = N.target) == null ? void 0 : P.getAttribute("data-index");
           B && w(B);
-        }), y.setOffset([0, -7]), m = null, p = null, k(), L && unByKey(L);
+        }), y.setOffset([0, -7]), m = null, p = null, h(), L && unByKey(L);
       });
     }
-    function v() {
+    function x() {
       var L;
       u != null && u.parentNode && u.parentNode.removeChild(u), u = document.createElement("div"), u.className = "ol-tooltip hidden", f = new Overlay({
         element: u,
@@ -221,7 +222,7 @@ const formatLength = function(e, t) {
         positioning: "center-left"
       }), (L = o.value) == null || L.addOverlay(f);
     }
-    function k() {
+    function h() {
       var L;
       p != null && p.parentNode && p.parentNode.removeChild(p), p = document.createElement("div"), p.className = "ol-tooltip ol-tooltip-measure", y = new Overlay({
         element: p,
@@ -232,34 +233,34 @@ const formatLength = function(e, t) {
       }), (L = o.value) == null || L.addOverlay(y);
     }
     const w = (L) => {
-      var F, $;
+      var V, $;
       s.value[L] && s.value.splice(L, 1);
-      const S = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      S[L] && (($ = (F = S[L]) == null ? void 0 : F.parentNode) == null || $.removeChild(S[L]));
-      const V = d.getFeatures();
-      V[L] && d.removeFeature(V[L]);
-    }, C = () => {
+      const T = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
+      T[L] && (($ = (V = T[L]) == null ? void 0 : V.parentNode) == null || $.removeChild(T[L]));
+      const E = d.getFeatures();
+      E[L] && d.removeFeature(E[L]);
+    }, k = () => {
       r("close");
     };
     return watch(() => l, () => {
-      l && !c.value && (T(), x());
+      l && !c.value && (M(), F());
     }, { deep: !0, immediate: !0 }), t({
-      addInteraction: x,
-      removeInteraction: E
-    }), (L, S) => l.value && L.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      addInteraction: F,
+      removeInteraction: C
+    }), (L, T) => l.value && L.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
       createElementVNode("div", { class: "header" }, [
-        S[1] || (S[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
+        T[1] || (T[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
         createElementVNode("i", {
-          onClick: C,
+          onClick: k,
           class: "map-iconfont icon-close"
         })
       ]),
       createElementVNode("div", _hoisted_2$2, [
-        S[2] || (S[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
+        T[2] || (T[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
         createVNode(unref(ElSelect), {
           class: "select-length-unit",
           modelValue: i.value,
-          "onUpdate:modelValue": S[0] || (S[0] = (V) => i.value = V)
+          "onUpdate:modelValue": T[0] || (T[0] = (E) => i.value = E)
         }, {
           default: withCtx(() => [
             createVNode(unref(ElOption), {
@@ -279,26 +280,88 @@ const formatLength = function(e, t) {
         }, 8, ["modelValue"])
       ]),
       createElementVNode("div", _hoisted_3$2, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (V, F) => (openBlock(), createElementBlock("div", {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (E, V) => (openBlock(), createElementBlock("div", {
           class: "measure-history-item",
-          key: F
+          key: V
         }, [
           createElementVNode("div", _hoisted_4, [
-            S[3] || (S[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
-            createElementVNode("span", _hoisted_5, "线段" + toDisplayString(F + 1), 1),
-            createElementVNode("span", _hoisted_6, toDisplayString(V), 1)
+            T[3] || (T[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
+            createElementVNode("span", _hoisted_5, "线段" + toDisplayString(V + 1), 1),
+            createElementVNode("span", _hoisted_6, toDisplayString(E), 1)
           ]),
           createElementVNode("div", {
             class: "delete-button",
-            onClick: ($) => w(F)
-          }, S[4] || (S[4] = [
+            onClick: ($) => w(V)
+          }, T[4] || (T[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-955a605e"]]), CDN_URL = "https://static.zhihaoscm.cn/", tiandituKey = "a6e8f78974f2581f2ca00485b40c948f", zhongkeKey = "15c81cc0a191a232e0a0ca1a51c3ca81", baseMap = {
+}), Measure = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-955a605e"]]), 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]
+  }),
+  text: new Text({
+    text: e,
+    offsetY: -90,
+    // 调整文本位置，使其位于标记上方
+    font: "12px",
+    fill: new Fill({
+      color: "#000"
+    }),
+    stroke: new Stroke({
+      color: "#fff",
+      width: 2
+    }),
+    backgroundFill: new Fill({
+      color: "#fff"
+      // 设置文本背景填充颜色
+    }),
+    backgroundStroke: new Stroke({
+      color: "#000",
+      // 设置文本背景描边颜色
+      width: 1
+    }),
+    padding: [2, 2, 2, 2]
+    // 设置文本背景的内边距
+  })
+}), renderMarker = (e, t = !0, n = !0) => {
+  var m;
+  if (!mapInstance$8.value || !e || e.split(",").length !== 2) return;
+  const [o, r] = e.split(",").map(Number);
+  marker.value = new Feature({
+    geometry: new Point(fromLonLat([o, r]))
+  });
+  const l = n ? `${o}, ${r}` : "";
+  (m = marker.value) == null || m.setStyle(createIconStyle(l));
+  const i = new VectorSource({
+    features: [marker.value]
+  }), s = new VectorLayer({
+    source: i
+  }), c = mapInstance$8.value.getView();
+  if (mapInstance$8.value.addLayer(s), t) {
+    const u = new Translate({
+      layers: [s]
+    });
+    u.on("translating", function(f) {
+      var v;
+      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));
+    }), mapInstance$8.value.addInteraction(u);
+  }
+  const d = new Point([o, r]);
+  c.setCenter(transform(d.getCoordinates(), projection.data, projection.mercator)), c.setZoom(mapZoom.findShip);
+}, setMarkerPosition = (e) => {
+  var r, l;
+  if (!mapInstance$8.value) return;
+  const t = mapInstance$8.value.getView(), n = e.split(",").map(Number);
+  (l = (r = marker.value) == null ? void 0 : r.getGeometry()) == null || l.setCoordinates(fromLonLat([n[0], n[1]]));
+  const o = new Point([n[0], n[1]]);
+  t.setCenter(transform(o.getCoordinates(), projection.data, projection.mercator)), t.setZoom(mapZoom.markerPosition);
+}, CDN_URL = "https://static.zhihaoscm.cn/", tiandituKey = "a6e8f78974f2581f2ca00485b40c948f", zhongkeKey = "15c81cc0a191a232e0a0ca1a51c3ca81", baseMap = {
   // 矢量底图
   // zhongkeTile: `https://api.open.geovisearth.com/map/v1/vec/{z}/{x}/{y}?token=${zhongkeKey}&format=png&tmsIds=w`,
   tiandituTile: `https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${tiandituKey}`,
@@ -332,7 +395,8 @@ const formatLength = function(e, t) {
   // 船形图标最小渲染层级
   shipModelMin: 13,
   // 船形图标最大渲染层级
-  shipModelMax: 18
+  shipModelMax: 18,
+  markerPosition: 14
 }, renderShipsLimit = 200, mapDefaultCenter = [114.84, 30.52], projection = {
   // 经纬度 源数据 地理坐标 WGS84
   data: "EPSG:4326",
@@ -382,11 +446,11 @@ const multiplyPixelRatio = (e) => {
   }
   function i(u, f, p = {}) {
     if (p.final)
-      return function(v, k) {
-        return (i(k, v) + 180) % 360;
+      return function(x, h) {
+        return (i(h, x) + 180) % 360;
       }(u, f);
-    const y = l(u), h = l(f), g = r(y[0]), T = r(h[0]), M = r(y[1]), b = r(h[1]), E = Math.sin(T - g) * Math.cos(b), x = Math.cos(M) * Math.sin(b) - Math.sin(M) * Math.cos(b) * Math.cos(T - g);
-    return o(Math.atan2(E, x));
+    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));
   }
   function s(u) {
     return !isNaN(u) && u !== null && !Array.isArray(u);
@@ -504,39 +568,39 @@ function drawLabelBody(e, t, 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, y = 20, h = -1, g = l + 3 * r;
+  let p, y = 20, v = -1, g = l + 3 * r;
   if (m)
-    for (let T = 0; T < 8; T++) {
-      p = calculateBounds(i, T, f, g, m);
-      let M = !1;
+    for (let M = 0; M < 8; M++) {
+      p = calculateBounds(i, M, f, g, m);
+      let S = !1;
       for (let b = 0; b < t.length; ++b) {
-        let E = t[b].bounds, x = [
-          E[0] - y,
-          E[1] - y,
-          E[2] + y,
-          E[3] + y
+        let C = t[b].bounds, F = [
+          C[0] - y,
+          C[1] - y,
+          C[2] + y,
+          C[3] + y
         ];
-        if (p && isOverlapping(p, x)) {
-          M = !0;
+        if (p && isOverlapping(p, F)) {
+          S = !0;
           break;
         }
       }
-      if (!M) {
-        h = T;
+      if (!S) {
+        v = M;
         break;
       }
     }
   else
-    h = 0, p = calculateBounds(i, h, f, g, m);
-  if (u && h === -1 && (h = 0), p && h > -1) {
-    let T = getBottomLeftPoint(p), M = getTopRighttPoint(p);
+    v = 0, p = calculateBounds(i, v, f, g, m);
+  if (u && v === -1 && (v = 0), p && v > -1) {
+    let M = getBottomLeftPoint(p), S = getTopRighttPoint(p);
     return {
       center: i,
-      x: calculateAnchorPoint(i, h, f, g, m),
-      l: M,
-      r: T,
+      x: calculateAnchorPoint(i, v, f, g, m),
+      l: S,
+      r: M,
       bounds: p,
-      position: h,
+      position: v,
       name: s
     };
   } else
@@ -597,10 +661,10 @@ const drawLabel = (e, t, n) => {
     (u = t.blinkColors) != null && u.length && (s = t.fill, i = getForegroundColor(t.fill));
     let y = drawLabelBody(e, n, p);
     if (y) {
-      const { x: h, bounds: g, l: T } = y;
-      let M = [getTopLeftPoint(g), getBottomLeftPoint(g), getBottomRightPoint(g), getTopRighttPoint(g)];
+      const { x: v, bounds: g, l: M } = y;
+      let S = [getTopLeftPoint(g), getBottomLeftPoint(g), getBottomRightPoint(g), getTopRighttPoint(g)];
       n.find((w) => w.name === r) || n.push(y), drawPolygon(e, {
-        points: [o, h],
+        points: [o, v],
         strokeColor: l,
         fillColor: "#000",
         shouldClosePath: !0,
@@ -610,31 +674,32 @@ const drawLabel = (e, t, n) => {
         scale: void 0,
         globalAlpha: labelAlpha
       }), d != null && d.length && d.forEach(() => {
-        M[1][0] += 20, M[2][0] += 20;
+        S[1][0] += 20, S[2][0] += 20;
       });
-      const E = {
-        points: M,
+      const C = {
+        points: S,
         strokeColor: l,
         fillColor: s,
         shouldClosePath: !0
-      }, [x, v] = T, k = {
-        center: [x, v + labelOutSize + labelHeight + 1],
+      }, [F, x] = M, h = {
+        center: [F, x + labelOutSize + labelHeight + 1],
         text: r,
         textColor: i,
         leftIcon: c,
         rightIcons: d,
         blinkColors: t.blinkColors
       };
-      if (drawPolygon(e, E), drawText(e, k), ((f = t == null ? void 0 : t.blinkColors) == null ? void 0 : f.length) > 0) {
-        let w = Date.now(), C = 0;
+      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((S) => {
-          L.push(S), L.push("white");
-        }), intervalId[t.text] && clearInterval(intervalId[t.text]), intervalId[t.text] = setInterval(() => {
-          const S = Date.now();
-          S - w >= 500 && (C = (C + 1) % L.length, w = S, E.fillColor = L[C], drawPolygon(e, E), k.textColor = getForegroundColor(E.fillColor), drawText(e, k));
+        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);
-      }
+      } else
+        shipLabels.value.find((k) => k.name === r) && (clearInterval(intervalId[t.id]), drawPolygon(e, C), drawText(e, h));
     }
   }
   return null;
@@ -689,9 +754,9 @@ function mercatorToLonLat(e, t = "lonlat") {
 }
 function calculateBoundingBox(e) {
   let t = 1 / 0, n = -1 / 0, o = 1 / 0, r = -1 / 0;
-  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);
+  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);
   });
   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];
@@ -702,7 +767,7 @@ const transformUtils = {
   lonLatToMercator,
   mercatorToLonLat,
   calculateBoundingBox
-}, mapInstance$8 = ref(), renderTrackStyleSetInstance = (e) => mapInstance$8.value = e, stopIcon = "&#xe6e2;", stopColor = "#E31818", slowIcon = "&#xe703;", slowColor = "#1890FF", dropletsIcon = "&#xe6d2", trackList$1 = ref([]), renderTrackLine = (e, t, n) => {
+}, mapInstance$7 = ref(), renderTrackStyleSetInstance = (e) => mapInstance$7.value = e, stopIcon = "&#xe6e2;", stopColor = "#E31818", slowIcon = "&#xe703;", slowColor = "#1890FF", dropletsIcon = "&#xe6d2", trackList$1 = ref([]), renderTrackLine = (e, t, n) => {
   var l, i, s;
   const o = e[t];
   if (!o) return;
@@ -724,13 +789,13 @@ const transformUtils = {
       features: [...shipTrackLineFeatures.value]
     }), shipTrackVectorLayer.value = new VectorLayer({
       source: trackLineVectorSource.value
-    }), renderPoint(n), (s = mapInstance$8.value) == null || s.addLayer(shipTrackVectorLayer.value);
+    }), renderPoint(n), (s = mapInstance$7.value) == null || s.addLayer(shipTrackVectorLayer.value);
   }
 }, handlePlay = (e, t) => {
-  const n = allTracks.value[e];
+  const n = allTracks.value[String(e)];
   playAnimation(n.map((o) => [o.lon, o.lat]), t);
-}, removeShipTrackLineFeatureByIndex = (e) => {
-  e >= 0 && e < shipTrackLineFeatures.value.length && (shipTrackLineFeatures.value.splice(e, 1), allTracks.value.splice(e, 1)), trackLineVectorSource.value = new VectorSource({
+}, removeShipTrackLineFeatureByIndex = (e, t) => {
+  e >= 0 && e < shipTrackLineFeatures.value.length && (shipTrackLineFeatures.value.splice(e, 1), delete allTracks.value[t]), trackLineVectorSource.value = new VectorSource({
     features: [...shipTrackLineFeatures.value]
   }), shipTrackVectorLayer.value && shipTrackVectorLayer.value.setSource(trackLineVectorSource.value);
 }, createAnimatedIconFeature = (e, t) => {
@@ -773,12 +838,12 @@ const moveFeature = (e, t) => {
   ), d = getRotation(transformUtils.mercatorToLonLat(i, "array"), transformUtils.mercatorToLonLat(s, "array")) * Math.PI / 180;
   geoMarkerStyle.getText().setRotation(d), position.setCoordinates(l);
   const m = getVectorContext(e);
-  m.context_.save(), m.setStyle(geoMarkerStyle), m.drawGeometry(position), m.context_.restore(), (u = mapInstance$8.value) == null || u.render();
+  m.context_.save(), m.setStyle(geoMarkerStyle), m.drawGeometry(position), m.context_.restore(), (u = mapInstance$7.value) == null || u.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 = () => {
   var e;
-  trackAnimating.value && (trackAnimating.value = !1, geoMarker.setGeometry(null), vectorLayer.un("postrender", moveFeatureHandler), (e = mapInstance$8.value) == null || e.removeLayer(vectorLayer), vectorLayer = null, geoMarker = null);
+  trackAnimating.value && (trackAnimating.value = !1, geoMarker.setGeometry(null), vectorLayer.un("postrender", moveFeatureHandler), (e = mapInstance$7.value) == null || e.removeLayer(vectorLayer), vectorLayer = null, geoMarker = null);
 }, playAnimation = (e, t) => {
   var n;
   trackAnimating.value && stopAnimation(), polyline = new Polyline({
@@ -799,19 +864,19 @@ const moveFeature = (e, t) => {
     source: new VectorSource({
       features: [geoMarker]
     })
-  }), (n = mapInstance$8.value) == null || n.addLayer(vectorLayer), moveFeatureHandler = (o) => moveFeature(o, t), startAnimation();
+  }), (n = mapInstance$7.value) == null || n.addLayer(vectorLayer), moveFeatureHandler = (o) => moveFeature(o, t), startAnimation();
 }, renderPoint = (e) => {
-  if (!mapInstance$8.value) return;
+  if (!mapInstance$7.value) return;
   let t = trackList$1.value || [];
   if (!(t && t.length > 1)) return [];
   let n = { 16: 24, 17: 15, default: 4 }, o = [], r = t.length;
   for (let s = 0; s < r; s++) {
     t[s].index = s;
-    let c = mapInstance$8.value.getPixelFromCoordinate(t[s].centerPoint);
+    let c = mapInstance$7.value.getPixelFromCoordinate(t[s].centerPoint);
     if (c) {
       let d = c.concat(c);
       d = adjustBounds(d, [20, 20]);
-      let m = mapInstance$8.value.getView().getZoom();
+      let m = mapInstance$7.value.getView().getZoom();
       if (!m) return;
       if (m > 15) {
         let f = n[m] || n.default;
@@ -834,16 +899,23 @@ const moveFeature = (e, t) => {
     let d = new Feature({
       geometry: new Point(s.centerPoint)
     });
-    d.set("type", "track_point"), d.set("data", s), d.setStyle(
+    d.set("type", "track_point"), d.set("data", s), d.setStyle([
       new Style({
+        // 扩大交互热区
+        image: new CircleStyle({
+          stroke: new Stroke({ color: "rgba(0, 0, 0, 0.01)", width: 20 }),
+          radius: 3
+        })
+      }),
+      new Style({
+        // 轨迹点样式
         image: new CircleStyle({
           fill: new Fill({ color: e }),
           stroke: new Stroke({ color: "#fff", width: 2 }),
-          radius: 3,
-          hitDetectionRadius: 10
+          radius: 3
         })
       })
-    ), trackLineVectorSource.value.addFeature(d);
+    ]), trackLineVectorSource.value.addFeature(d);
     const m = new Feature({
       geometry: new Point(fromLonLat(s.center))
     });
@@ -861,8 +933,8 @@ const moveFeature = (e, t) => {
           offsetY: -10
         }),
         zIndex: 99
-      }), 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);
+      }), 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);
     }
   }), renderArrow(o, e), renderIconPoint();
 }, renderArrow = (e, t) => {
@@ -999,7 +1071,7 @@ const moveFeature = (e, t) => {
   image: new CircleStyle({
     radius: 0
   })
-}), mapInstance$7 = ref(), renderShipStyleSetInstance = (e) => mapInstance$7.value = e, speedCondition = [[1, 10], [10, 20], [20, 1 / 0]], drawShipModelByZoom = { 14: [200, 30], 15: [115, 15], 16: [55, 8], 17: [25, 5], 18: [1, 1] }, setShipStyle = (e) => new Style({
+}), mapInstance$6 = ref(), renderShipStyleSetInstance = (e) => mapInstance$6.value = e, speedCondition = [[1, 10], [10, 20], [20, 1 / 0]], drawShipModelByZoom = { 14: [200, 30], 15: [115, 15], 16: [55, 8], 17: [25, 5], 18: [1, 1] }, setShipStyle = (e) => new Style({
   renderer: (t, n) => {
     const o = n.context, r = n.feature.get("data"), l = r.length / 2;
     o.beginPath(), o.arc(
@@ -1017,8 +1089,8 @@ const moveFeature = (e, t) => {
     }
   }
 }), drawShipBody = (e, t, n) => {
-  if (!mapInstance$7.value) return;
-  const o = Math.round(Number(mapInstance$7.value.getView().getZoom()));
+  if (!mapInstance$6.value) return;
+  const o = Math.round(Number(mapInstance$6.value.getView().getZoom()));
   if (!o) return;
   let r = [];
   const [l, i] = drawShipModelByZoom[o] || [0, 0], [s, c] = n;
@@ -1071,6 +1143,7 @@ const moveFeature = (e, t) => {
   t.leftIconColor && (c = { color: t.leftIconColor, icon: "&#xe599;" });
   let d = getShipCustomIcon(t);
   const m = {
+    id: t.id,
     center: [l, i],
     text: s,
     fill: t.fill,
@@ -1104,21 +1177,21 @@ const moveFeature = (e, t) => {
 }, getShipCustomIcon = (e) => {
   let t = [];
   return e.existDevice && t.push("&#xe687;"), e.existMobile && t.push("&#xe688;"), e.existWaterGauge && t.push("&#xe686;"), t || [];
-}, mapInstance$6 = ref(), renderShipSetInstance = (e) => mapInstance$6.value = e;
+}, mapInstance$5 = ref(), renderShipSetInstance = (e) => mapInstance$5.value = e;
 let shipsMarkerList = [], shipsVectorSource, largeAmountShipsSource;
 const selectedShipData = ref(null);
 let selectShipsVectorSource;
 const renderShips = (e) => {
   var n, o, r, l;
-  if (!mapInstance$6.value || showTrackLayer.value) return;
-  const t = Math.round(Number(mapInstance$6.value.getView().getZoom()));
+  if (!mapInstance$5.value || showTrackLayer.value) return;
+  const t = Math.round(Number(mapInstance$5.value.getView().getZoom()));
   if (selectedShipData.value && nextTick(() => {
     selectSingleShipMarker(selectedShipData.value);
   }).then((i) => {
   }), !(!t || t < mapZoom.shipGreenDotMax) && (allShips.value = e, !hiddenOrther.value))
     return t >= mapZoom.shipGreenDotMax && t < mapZoom.shipModelMin ? ((n = shipsLayer.value) == null || n.setVisible(!1), (o = largeAmountShipsLayer.value) == null || o.setVisible(!0), renderLargeAmountShips(e)) : ((r = largeAmountShipsLayer.value) == null || r.setVisible(!1), (l = shipsLayer.value) == null || l.setVisible(!0), renderShipsMarker(e));
 }, renderLargeAmountShips = (e) => {
-  if (!mapInstance$6.value) return;
+  if (!mapInstance$5.value) return;
   const t = e.map((n) => ({
     type: "Feature",
     geometry: {
@@ -1164,10 +1237,10 @@ const renderShips = (e) => {
       "shape-stroke-width": 0.5
       // 边框宽度为0.5px
     }
-  }), mapInstance$6.value.addLayer(largeAmountShipsLayer.value), largeAmountShipsLayer.value;
+  }), mapInstance$5.value.addLayer(largeAmountShipsLayer.value), largeAmountShipsLayer.value;
 }, renderShipsMarker = (e) => {
   var n;
-  if (!mapInstance$6.value) return;
+  if (!mapInstance$5.value) return;
   deleteAllShipMarkers();
   let t = convertShipMapData(e);
   if (t = customFilterShips(t), !!(t != null && t.length))
@@ -1186,7 +1259,7 @@ const renderShips = (e) => {
       features: shipsMarkerList.map((o) => o.feature)
     }), shipsLayer.value = new VectorLayer({
       source: shipsVectorSource
-    }), (n = mapInstance$6.value) == null || n.addLayer(shipsLayer.value), shipsLayer.value;
+    }), (n = mapInstance$5.value) == null || n.addLayer(shipsLayer.value), shipsLayer.value;
 }, customFilterShips = (e) => {
   let t = cloneDeep(e);
   return t = t.filter((n) => {
@@ -1204,7 +1277,7 @@ const renderShips = (e) => {
   }), shipsMarkerList = [];
 }, selectSingleShipMarker = (e) => {
   var l;
-  if (!mapInstance$6.value) return;
+  if (!mapInstance$5.value) return;
   const t = cloneDeep(selectSingleShipData.value);
   selectSingleShipData.value = convertShipMapData(e);
   const n = [selectSingleShipData.value.lon, selectSingleShipData.value.lat], o = new Feature({
@@ -1222,7 +1295,7 @@ const renderShips = (e) => {
     source: selectShipsVectorSource
   }), setVisibleFeatureById(shipsVectorSource, selectSingleShipData.value.id, !0);
   const r = (l = shipsLayer.value) == null ? void 0 : l.getSource();
-  return r && (t && setVisibleFeatureById(r, t.id, !0), setVisibleFeatureById(r, selectSingleShipData.value.id, !1)), mapInstance$6.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!0), selectShipsLayer.value;
+  return r && (t && setVisibleFeatureById(r, t.id, !0), setVisibleFeatureById(r, selectSingleShipData.value.id, !1)), mapInstance$5.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!0), selectShipsLayer.value;
 }, setVisibleFeatureById = (e, t, n) => {
   e && e.forEachFeature((o) => {
     const r = o.get("data");
@@ -1230,7 +1303,7 @@ const renderShips = (e) => {
   });
 }, findShip = (e, t, n = !0) => {
   var r, l, i, s, c;
-  if (console.log(mapInstance$6.value.ol_uid), !e || !mapInstance$6.value) return;
+  if (!e || !mapInstance$5.value) return;
   const o = (i = (l = (r = shipsLayer.value) == null ? void 0 : r.getSource()) == null ? void 0 : l.getFeatures()) == null ? void 0 : i.find((d) => {
     var m;
     return ((m = d.get("data")) == null ? void 0 : m.id) === e;
@@ -1240,7 +1313,7 @@ const renderShips = (e) => {
     return;
   }
   if (n && ((s = selectedShipData.value) != null && s.lon) && ((c = selectedShipData.value) != null && c.lat)) {
-    const d = mapInstance$6.value.getView(), m = new Point([selectedShipData.value.lon, selectedShipData.value.lat]);
+    const d = mapInstance$5.value.getView(), m = new Point([selectedShipData.value.lon, selectedShipData.value.lat]);
     d.setCenter(transform(m.getCoordinates(), projection.data, projection.mercator));
     const u = d.getZoom(), f = u < mapZoom.findShipMin ? mapZoom.findShip : u;
     d.setZoom(f);
@@ -1253,9 +1326,9 @@ const renderShips = (e) => {
     const t = (e = shipsLayer.value) == null ? void 0 : e.getSource();
     t && setVisibleFeatureById(t, selectSingleShipData.value.id, !0);
   }
-  selectedShipData.value = null, mapInstance$6.value && (selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsLayer.value = new VectorLayer({
+  selectedShipData.value = null, mapInstance$5.value && (selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsLayer.value = new VectorLayer({
     source: selectShipsVectorSource
-  }), mapInstance$6.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!1));
+  }), mapInstance$5.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!1));
 }, hiddenAllShips = () => {
   var e, t;
   (e = shipsLayer.value) == null || e.setVisible(!1), (t = largeAmountShipsLayer.value) == null || t.setVisible(!1);
@@ -1270,9 +1343,9 @@ const renderShips = (e) => {
   switchBtnShow.value[e] = t, renderShips(allShips.value);
 }, rerenderShip = () => {
   renderShips(allShips.value);
-}, mapInstance$5 = ref(), renderCustomOverlaySetInstance = (e) => mapInstance$5.value = e, drawCustomContent = (e, t, n, o = "top-left", r = !1) => {
+}, mapInstance$4 = ref(), renderCustomOverlaySetInstance = (e) => mapInstance$4.value = e, drawCustomContent = (e, t, n, o = "top-left", r = !1) => {
   var m, u;
-  if (!t || !mapInstance$5.value) return;
+  if (!t || !mapInstance$4.value) return;
   document.querySelectorAll(".truck-custom-content").forEach((f) => f.parentNode.removeChild(f));
   const l = document.createElement("div");
   l.innerHTML = n;
@@ -1286,32 +1359,32 @@ const renderShips = (e) => {
   });
   if (r) {
     let f = !1, p = [0, 0], y = [0, 0];
-    l.addEventListener("mousedown", function(h) {
+    l.addEventListener("mousedown", function(v) {
       var g;
-      f = !0, h.clientX, h.clientY, p = (g = mapInstance$5.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) {
+      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) {
       var g;
       if (f) {
-        let T = (g = mapInstance$5.value) == null ? void 0 : g.getCoordinateFromPixel([h.clientX - y[0], h.clientY - y[1]]), M = T[0] - p[0], b = T[1] - p[1];
-        i.setPosition([p[0] + M, p[1] + b]);
+        let 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];
+        i.setPosition([p[0] + S, p[1] + b]);
       }
     }), document.addEventListener("mouseup", function() {
       f = !1;
     });
   }
-  (m = mapInstance$5.value) == null || m.addOverlay(i);
+  (m = mapInstance$4.value) == null || m.addOverlay(i);
   const s = l.querySelector(".close-button");
   s && s.addEventListener("click", () => {
     var f, p;
-    (f = mapInstance$5.value) == null || f.removeOverlay(i), (p = l.parentNode) == null || p.removeChild(l);
+    (f = mapInstance$4.value) == null || f.removeOverlay(i), (p = l.parentNode) == null || p.removeChild(l);
   });
   let c = JSON.parse(JSON.stringify(t));
-  const d = (u = mapInstance$5.value) == null ? void 0 : u.getCoordinateFromPixel(c);
+  const d = (u = mapInstance$4.value) == null ? void 0 : u.getCoordinateFromPixel(c);
   return i.setPosition(d), i;
-}, mapInstance$4 = ref(), renderTrackSetInstance = (e) => mapInstance$4.value = e, showTracks = ref([]), trackList = ref([]);
+}, mapInstance$3 = ref(), renderTrackSetInstance = (e) => mapInstance$3.value = e, showTracks = ref([]), trackList = ref([]);
 ref(null);
 const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship") => {
   var m;
@@ -1335,7 +1408,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
     u < 0 ? showTracks.value.push({ id: e, length: d }) : showTracks.value[u].length = d, ++cursor.value, cursor.value > i.length && (cursor.value = 0), renderTrackLine(l, e, n), nextTick(() => {
       resetTrackView(e);
     }).then(() => {
-    }), (p = mapInstance$4.value) == null || p.on("moveend", () => {
+    }), (p = mapInstance$3.value) == null || p.on("moveend", () => {
       showTrackLayer.value && (trackLabels.value = [], renderTrackLine(l, e, n));
     }), renderTrackPointPopup();
   }).then(() => {
@@ -1343,10 +1416,10 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
 }, renderTrackPointPopup = () => {
   var t;
   const e = ref(null);
-  (t = mapInstance$4.value) == null || t.on("pointermove", (n) => {
+  (t = mapInstance$3.value) == null || t.on("pointermove", (n) => {
     var r, l, i, s;
-    e.value && ((r = mapInstance$4.value) == null || r.removeOverlay(e.value));
-    const o = (l = mapInstance$4.value) == null ? void 0 : l.forEachFeatureAtPixel(n.pixel, (c) => c);
+    e.value && ((r = mapInstance$3.value) == null || r.removeOverlay(e.value));
+    const o = (l = mapInstance$3.value) == null ? void 0 : l.forEachFeatureAtPixel(n.pixel, (c) => c);
     if (o) {
       const c = o.get("data");
       if (!(c != null && c.time)) return;
@@ -1388,10 +1461,10 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
                         <div class="item-item">${c.time}</div>
                     </div>
                     ${d ?? d}
-                </div>`, u = (i = mapInstance$4.value) == null ? void 0 : i.getPixelFromCoordinate(n.coordinate);
+                </div>`, u = (i = mapInstance$3.value) == null ? void 0 : i.getPixelFromCoordinate(n.coordinate);
       e.value = drawCustomContent(c.time, u, m, "center-center");
     } else
-      (s = mapInstance$4.value) == null || s.removeOverlay(e.value);
+      (s = mapInstance$3.value) == null || s.removeOverlay(e.value);
   });
 }, removeAllTrackLayer = () => {
   var e;
@@ -1400,7 +1473,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
   handlePlay(String(e), t);
 }, resetTrackView = (e) => {
   var r;
-  const t = mapInstance$4.value.getView(), n = e ? shipTrackLineFeatures.value.find((l) => l.getId() === e) : shipTrackLineFeatures.value[0];
+  const t = mapInstance$3.value.getView(), n = e ? shipTrackLineFeatures.value.find((l) => l.getId() === e) : shipTrackLineFeatures.value[0];
   if (!n) return;
   const o = (r = n == null ? void 0 : n.getGeometry()) == null ? void 0 : r.getExtent();
   if (o != null && o.length)
@@ -1430,28 +1503,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 h, g;
-      i.value ? (h = s.value) == null || h.removeInteraction() : (g = s.value) == null || g.addInteraction(), i.value = !i.value;
+      var v, g;
+      i.value ? (v = s.value) == null || v.removeInteraction() : (g = s.value) == null || g.addInteraction(), i.value = !i.value;
     }, f = () => {
-      var h;
-      (h = s.value) == null || h.removeInteraction(), i.value = !1;
+      var v;
+      (v = s.value) == null || v.removeInteraction(), i.value = !1;
     };
     return onMounted(() => {
       nextTick(() => {
-        var h;
-        (h = n.value) == null || h.on("moveend", () => {
-          var T, M;
-          const g = (M = (T = n.value) == null ? void 0 : T.getView()) == null ? void 0 : M.getZoom();
+        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();
           g && (l.value = g);
         });
       });
-    }), (h, g) => (openBlock(), createElementBlock(Fragment, null, [
+    }), (v, g) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
-        class: normalizeClass(`tool-panel ${h.viewMode}`)
+        class: normalizeClass(`tool-panel ${v.viewMode}`)
       }, [
-        h.viewMode === "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        v.viewMode === "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
           createElementVNode("div", _hoisted_2$1, [
-            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
               onClick: u
@@ -1459,50 +1532,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),
-            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: normalizeClass(`switch-btn ${c.value && "active"} ${(h.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
+              class: normalizeClass(`switch-btn ${c.value && "active"} ${(v.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),
-            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 2,
-              class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[0] || (g[0] = (T) => m())
+              class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
+              onClick: g[0] || (g[0] = (M) => m())
             }, g[7] || (g[7] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "图层", -1)
             ]), 2)) : createCommentVNode("", !0),
-            h.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
               key: 3,
-              class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[1] || (g[1] = (T) => m())
+              class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
+              onClick: g[1] || (g[1] = (M) => m())
             }, g[8] || (g[8] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "卫星", -1)
             ]), 2)) : createCommentVNode("", !0),
-            h.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+            v.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
               createElementVNode("div", {
                 class: "switch-btn multiple",
-                onClick: g[2] || (g[2] = (T) => unref(playTrack)(unref(currentTrackId), 1))
+                onClick: g[2] || (g[2] = (M) => 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] = (T) => unref(resetTrackView)())
+                onClick: g[3] || (g[3] = (M) => 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(h.$slots, "toolPanel", {}, void 0, !0)
+            renderSlot(v.$slots, "toolPanel", {}, void 0, !0)
           ])
         ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          h.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          v.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("div", {
               class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
               onClick: u
@@ -1510,9 +1583,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),
-            h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(`switch-btn ${c.value && "active"} ${(h.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
+              class: normalizeClass(`switch-btn ${c.value && "active"} ${(v.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
               onClick: d
             }, g[12] || (g[12] = [
               createElementVNode("i", { class: "map-iconfont icon-ship" }, null, -1),
@@ -1520,7 +1593,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: h.mapTileMode === unref(BaseMapType).satellite }]),
+            class: normalizeClass(["switch-btn", { active: v.mapTileMode === unref(BaseMapType).satellite }]),
             onClick: m
           }, g[13] || (g[13] = [
             createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
@@ -1534,9 +1607,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] = (T) => i.value = T),
+          "onUpdate:visible": g[4] || (g[4] = (M) => i.value = M),
           onClose: f,
-          "view-mode": h.viewMode
+          "view-mode": v.viewMode
         }, null, 8, ["visible", "view-mode"])) : createCommentVNode("", !0)
       ])
     ], 64));
@@ -1626,26 +1699,26 @@ const setTruckStyle = (e, t, n, o) => new Style({
     const m = c - 70, u = d - 68;
     let f = 180;
     const p = 56, y = "#FFFFFF";
-    let h = 176;
+    let v = 176;
     const g = 52;
-    let T = "#164AFF", M = "#FFFFFF";
-    n === CAR_COLOR.YELLOW ? (h = 176, T = "#FFC81E", M = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, h = 196, T = "#8FED7C", M = "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 = M, i.font = "bold 28px Arial", i.textAlign = "left", i.textBaseline = "middle";
+    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";
     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 x = i.measureText(b).width + 12;
-      let v = 0;
-      o.forEach((k) => {
-        k === DEVICE_TYPE.CAMERA && (i.drawImage(cameraImage, c - 54 + x + v * 56, d - 64, 50, 50), ++v), k === DEVICE_TYPE.LOAD && (i.drawImage(loadImage, c - 54 + x + v * 56, d - 64, 50, 50), ++v);
+      const F = 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);
       });
     }
-    const E = dotImage$1;
-    i.drawImage(E, c + f / 2 - 90, d, 50 / s, 50 / s), i.restore();
+    const C = dotImage$1;
+    i.drawImage(C, c + f / 2 - 90, d, 50 / s, 50 / s), i.restore();
   }
-}), mapInstance$3 = ref(), renderDashboardSetInstance = (e) => mapInstance$3.value = e;
+}), mapInstance$2 = ref(), renderDashboardSetInstance = (e) => mapInstance$2.value = e;
 ref([]);
 let truckMarkerList = [], trucksVectorSource;
 const renderTrucksMarker = (e) => {
-  if (deleteAllTruckMarkers(), !!mapInstance$3.value)
+  if (deleteAllTruckMarkers(), !!mapInstance$2.value)
     return e.forEach((t) => {
       const n = formatUtils.convertSixHundredThousandToLatLng(t.lon, t.lat), o = new Feature({
         geometry: new Point(fromLonLat(n))
@@ -1661,17 +1734,17 @@ const renderTrucksMarker = (e) => {
       features: truckMarkerList.map((t) => t.feature)
     }), trucksLayer.value = new VectorLayer({
       source: trucksVectorSource
-    }), mapInstance$3.value.addLayer(trucksLayer.value), trucksLayer.value;
+    }), mapInstance$2.value.addLayer(trucksLayer.value), trucksLayer.value;
 }, deleteAllTruckMarkers = () => {
   truckMarkerList.forEach((e) => {
     e.feature && (trucksVectorSource == null || trucksVectorSource.removeFeature(e.feature));
   }), truckMarkerList = [];
-}, mapInstance$2 = ref(), renderTruckSetInstance = (e) => mapInstance$2.value = e, vehicle = ref(null), focusShipData = ref(), currentTruckOverlay = ref(null), findTruck = async (e) => {
-  if (!mapInstance$2.value) return;
+}, mapInstance$1 = ref(), renderTruckSetInstance = (e) => mapInstance$1.value = e, vehicle = ref(null), focusShipData = ref(), currentTruckOverlay = ref(null), findTruck = async (e) => {
+  if (!mapInstance$1.value) return;
   focusShipData.value = e;
-  const t = formatUtils.convertSixHundredThousandToLatLng(e.lon, e.lat), n = mapInstance$2.value.getPixelFromCoordinate(transform(t, projection.data, projection.mercator));
+  const t = formatUtils.convertSixHundredThousandToLatLng(e.lon, e.lat), n = mapInstance$1.value.getPixelFromCoordinate(transform(t, projection.data, projection.mercator));
   currentTruckOverlay.value = drawTruckIcon(e.vno, n, e == null ? void 0 : e.drc);
-  const o = mapInstance$2.value.getView(), r = new Point(t);
+  const o = mapInstance$1.value.getView(), r = new Point(t);
   o.setCenter(transform(r.getCoordinates(), projection.data, projection.mercator));
 }, clearAllTruck = () => {
   vehicle.value.clearAllShip();
@@ -1686,8 +1759,8 @@ const renderTrucksMarker = (e) => {
   e && (e.innerHTML = "");
 }, zoomTruckIcon = () => {
   var l;
-  if (!mapInstance$2.value) return;
-  const e = mapInstance$2.value.getView().getZoom(), t = 120, n = 60;
+  if (!mapInstance$1.value) return;
+  const e = mapInstance$1.value.getView().getZoom(), t = 120, n = 60;
   function o(i) {
     return i < 14 ? n : i >= 14 && i <= 18 ? Math.round((i - 14) * (t - n) / 4 + n) : t;
   }
@@ -1695,68 +1768,6 @@ const renderTrucksMarker = (e) => {
   (l = document.querySelectorAll(".truck-custom-content")) == null || l.forEach((i) => {
     i.style.width = `${r}px`, i.style.height = `${r}px`;
   });
-}, mapInstance$1 = ref(), renderMarkerSetInstance = (e) => mapInstance$1.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]
-  }),
-  text: new Text({
-    text: e,
-    offsetY: -90,
-    // 调整文本位置，使其位于标记上方
-    font: "12px",
-    fill: new Fill({
-      color: "#000"
-    }),
-    stroke: new Stroke({
-      color: "#fff",
-      width: 2
-    }),
-    backgroundFill: new Fill({
-      color: "#fff"
-      // 设置文本背景填充颜色
-    }),
-    backgroundStroke: new Stroke({
-      color: "#000",
-      // 设置文本背景描边颜色
-      width: 1
-    }),
-    padding: [2, 2, 2, 2]
-    // 设置文本背景的内边距
-  })
-}), renderMarker = (e, t = !0, n = !0) => {
-  var m;
-  if (!mapInstance$1.value || !e || e.split(",").length !== 2) return;
-  const [o, r] = e.split(",").map(Number);
-  marker.value = new Feature({
-    geometry: new Point(fromLonLat([o, r]))
-  });
-  const l = n ? `${o}, ${r}` : "";
-  (m = marker.value) == null || m.setStyle(createIconStyle(l));
-  const i = new VectorSource({
-    features: [marker.value]
-  }), s = new VectorLayer({
-    source: i
-  }), c = mapInstance$1.value.getView();
-  if (mapInstance$1.value.addLayer(s), t) {
-    const u = new Translate({
-      layers: [s]
-    });
-    u.on("translating", function(f) {
-      var h;
-      const p = f.features.item(0).getGeometry().getCoordinates(), y = toLonLat(p);
-      markerPosition.value = `${y[0].toFixed(6)}, ${y[1].toFixed(6)}`, (h = marker.value) == null || h.setStyle(createIconStyle(markerPosition.value));
-    }), mapInstance$1.value.addInteraction(u);
-  }
-  const d = new Point([o, r]);
-  c.setCenter(transform(d.getCoordinates(), projection.data, projection.mercator)), c.setZoom(mapZoom.findShip);
-}, setMarkerPosition = (e) => {
-  var r, l;
-  if (!mapInstance$1.value) return;
-  const t = mapInstance$1.value.getView(), n = e.split(",").map(Number);
-  (l = (r = marker.value) == null ? void 0 : r.getGeometry()) == null || l.setCoordinates(fromLonLat([n[0], n[1]]));
-  const o = new Point([n[0], n[1]]);
-  t.setCenter(transform(o.getCoordinates(), projection.data, projection.mercator));
 }, mapInstance = ref(), drawPolygonSetInstance = (e) => mapInstance.value = e;
 let layerState = "drawn", drawnState = "undrawn";
 const source = new VectorSource();
@@ -1922,190 +1933,7 @@ const addInteraction = (e) => {
   removeInteraction,
   initFeature,
   reset
-}, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Map",
-  props: {
-    zoom: {},
-    center: {},
-    vehicleMode: {},
-    viewMode: {},
-    mmsi: {},
-    shipData: {}
-  },
-  emits: ["zoomChanged", "extentChanged"],
-  setup(e, { expose: t, emit: n }) {
-    const o = ref();
-    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;
-    ((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 k, w;
-      const v = {
-        projection: projection.mercator,
-        // 地图投影坐标系
-        zoom: c.zoom || (c.vehicleMode === "ship" ? mapZoom.default : mapZoom.truckDefault),
-        // 地图缩放级别（打开页面时默认级别）
-        minZoom: mapZoom.min,
-        // 地图缩放最小级别
-        maxZoom: mapZoom.max,
-        // 地图缩放最大级别
-        center: transformUtils.lonLatToMercator(c.center || mapDefaultCenter),
-        // 地图中心坐标
-        constrainResolution: !0,
-        // 需设为true禁用平滑缩放，zoom值为整数
-        enableRotation: !1,
-        // 禁用旋转
-        multiWorld: !0
-      };
-      o.value = new Map$1({
-        target: "map",
-        // 对应页面里 id 为 map 的元素
-        layers: [
-          // 图层
-          p.tiandituTile,
-          p.tiandituTileMark,
-          p.tiandituImgTile,
-          p.tiandituImgTileMark,
-          p.greenMark
-        ],
-        view: new View(v)
-      }), h(), (k = l.value) == null || k.setScaleLine(c.vehicleMode === "ship" && "nautical"), (w = o.value) == null || w.on("moveend", b), g(v.zoom < mapZoom.shipGreenDotMax), M(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 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 = (v) => {
-      var k;
-      c.vehicleMode !== "ship" && (v = !1), (k = o.value) == null || k.getLayers().forEach((w) => {
-        w.ol_uid === p.greenMark.ol_uid && (w.setVisible(v), u.value = v);
-      });
-    }, T = ref(BaseMapType.satellite), M = (v) => {
-      var k;
-      T.value = v, (k = o.value) == null || k.getLayers().forEach((w) => {
-        (w.ol_uid === p.tiandituTile.ol_uid || w.ol_uid === p.tiandituTileMark.ol_uid || w.ol_uid === p.tiandituImgTile.ol_uid || w.ol_uid === p.tiandituImgTileMark.ol_uid) && w.setVisible(!1), (v === BaseMapType.vector && (w.ol_uid === p.tiandituTile.ol_uid || w.ol_uid === p.tiandituTileMark.ol_uid) || v === BaseMapType.satellite && (w.ol_uid === p.tiandituImgTile.ol_uid || w.ol_uid === p.tiandituImgTileMark.ol_uid)) && w.setVisible(!0);
-      });
-    }, b = () => {
-      const v = o.value.getView(), k = v.getZoom();
-      k && E(k);
-      const w = v.calculateExtent(o.value.getSize());
-      w && k && x(w, k);
-    }, E = (v) => {
-      var C, L, S, V, F;
-      d.value = v, g(v < mapZoom.shipGreenDotMax);
-      const k = (C = o.value) == null ? void 0 : C.getLayers(), w = c.vehicleMode === "ship" ? k == null ? void 0 : k.getArray().find(($) => $.ol_uid === p.greenMark.ol_uid) : void 0;
-      showTrackLayer.value ? (f.value = !1, w == null || w.setVisible(!1), (L = shipsLayer.value) == null || L.setVisible(!1), (S = largeAmountShipsLayer.value) == null || S.setVisible(!1)) : !m.value && u.value && v <= mapZoom.shipGreenDotMax ? (f.value = !0, w == null || w.setVisible(!0), (V = shipsLayer.value) == null || V.setVisible(!1), (F = largeAmountShipsLayer.value) == null || F.setVisible(!1)) : (f.value = !1, w == null || w.setVisible(!1)), s("zoomChanged", v);
-    }, x = (v, k) => {
-      const w = transform([v[0], v[1]], projection.mercator, projection.data), C = transform([v[2], v[3]], projection.mercator, projection.data);
-      s("extentChanged", { extent: [w, C], zoom: k });
-    };
-    return t({
-      mapInstance: o,
-      initMap: y,
-      renderTrucksMarker,
-      renderShip: renderShips,
-      renderTrack: (v, k, w) => {
-        var C, L;
-        currentTrackId.value = v, showTrackLayer.value = !0, m.value = !0, hiddenAllShips(), (L = (C = largeAmountShipsLayer.value) == null ? void 0 : C.getSource()) == null || L.clear(), renderTrack(v, k, w, LENGTH_UNIT.NM);
-      },
-      findTruck,
-      removeTruckIcon,
-      clearAllTruck,
-      closeTrack: () => {
-        var v, k;
-        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (k = selectShipsLayer.value) == null || k.setVisible(!0), m.value = !1, g(d.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
-      },
-      closeTruckTrack: () => {
-        var v, k;
-        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (k = selectShipsLayer.value) == null || k.setVisible(!0), stopAnimation();
-      },
-      resetTrackView,
-      playTrack,
-      clearSelectFeature,
-      findShip,
-      focusShip: (v, k, w = !0) => {
-        var C, L;
-        hiddenOrther.value = w, (C = shipsLayer.value) == null || C.setVisible(!w), (L = largeAmountShipsLayer.value) == null || L.setVisible(!1), findShip(v, k);
-      },
-      showTracks,
-      removeAllTrackLayer,
-      switchFilterItem,
-      rerenderShip,
-      switchGreenDot: () => g(!1),
-      zoomTruckIcon,
-      renderTruckTrack: (v, k, w) => {
-        showTrackLayer.value = !0, renderTrack(v, k, w, LENGTH_UNIT.KM, "truck");
-      },
-      removerLayer: removeShipTrackLineFeatureByIndex,
-      renderMarker,
-      setMarkerPosition,
-      getZoomAndCenter: () => {
-        var L;
-        const v = (L = o.value) == null ? void 0 : L.getView();
-        if (!v) return null;
-        const k = Math.round(Number(v.getZoom())), { lon: w, lat: C } = transformUtils.mercatorToLonLat(v.getCenter());
-        return { zoom: k, center: [w, C] };
-      },
-      setCenter: (v) => {
-        var C;
-        const k = (C = o.value) == null ? void 0 : C.getView();
-        if (!k) return null;
-        const w = new Point(v);
-        k.setCenter(transform(w.getCoordinates(), projection.data, projection.mercator));
-      },
-      drawPolygonTool,
-      setMapInstance: h,
-      config: {
-        mapZoom,
-        projection
-      },
-      utils: {
-        transform: transformUtils,
-        format: formatUtils
-      }
-    }), (v, k) => (openBlock(), createElementBlock("div", {
-      class: "map-page map-container",
-      ref_key: "pageRef",
-      ref: r
-    }, [
-      k[0] || (k[0] = createElementVNode("div", {
-        id: "map",
-        class: "map"
-      }, null, -1)),
-      createVNode(ToolPanel, {
-        "vehicle-mode": v.vehicleMode,
-        "view-mode": v.viewMode,
-        "disable-green-dot": m.value,
-        "show-track-layer": unref(showTrackLayer),
-        "map-tile-mode": T.value,
-        onSwitchGreenDot: g,
-        onSwitchMapTile: M
-      }, {
-        toolPanel: withCtx(() => [
-          renderSlot(v.$slots, "toolPanel", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["vehicle-mode", "view-mode", "disable-green-dot", "show-track-layer", "map-tile-mode"]),
-      v.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createVNode(ScaleLine, {
-          ref_key: "scaleLineControl",
-          ref: l
-        }, null, 512),
-        createVNode(ZoomControl, {
-          ref_key: "zoomControl",
-          ref: i
-        }, null, 512)
-      ], 64)) : createCommentVNode("", !0),
-      createVNode(Copyright)
-    ], 512));
-  }
-}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4bd9364"]]), dotImage = new Image();
+}, dotImage = new Image();
 dotImage.crossOrigin = "anonymous";
 const dotActiveImage = new Image();
 dotActiveImage.crossOrigin = "anonymous";
@@ -2119,8 +1947,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, h = f - 10, g = p + 4, T = 20, M = e && i || o;
-      if (fillRectRadius(d, y, h + 30, g, T, M), 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 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 b = e ? dotActiveImage : dotImage;
         d.drawImage(b, u - b.width / 2, f - b.height / 2, 40 / m, 40 / m);
       }
@@ -2263,12 +2091,197 @@ class PointMarkerClass {
     l.setCenter(transform(s.getCoordinates(), projection.data, projection.mercator));
   }
 }
-const ZhMap = withInstall(Map);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Map",
+  props: {
+    zoom: {},
+    center: {},
+    vehicleMode: {},
+    viewMode: {},
+    mmsi: {},
+    shipData: {}
+  },
+  emits: ["zoomChanged", "extentChanged"],
+  setup(e, { expose: t, emit: n }) {
+    const o = ref();
+    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";
+    })(p || (p = {}));
+    const y = () => {
+      var w, k;
+      const h = {
+        projection: projection.mercator,
+        // 地图投影坐标系
+        zoom: c.zoom || (c.vehicleMode === "ship" ? mapZoom.default : mapZoom.truckDefault),
+        // 地图缩放级别（打开页面时默认级别）
+        minZoom: mapZoom.min,
+        // 地图缩放最小级别
+        maxZoom: mapZoom.max,
+        // 地图缩放最大级别
+        center: transformUtils.lonLatToMercator(c.center || mapDefaultCenter),
+        // 地图中心坐标
+        constrainResolution: !0,
+        // 需设为true禁用平滑缩放，zoom值为整数
+        enableRotation: !1,
+        // 禁用旋转
+        multiWorld: !0
+      };
+      o.value = new Map$1({
+        target: "map",
+        // 对应页面里 id 为 map 的元素
+        layers: [
+          // 图层
+          p.tiandituTile,
+          p.tiandituTileMark,
+          p.tiandituImgTile,
+          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(() => {
+        findShip(String(c.mmsi), c.shipData);
+      });
+    };
+    onMounted(() => {
+      y();
+    });
+    const v = () => {
+      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) => {
+      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);
+      });
+    }, M = ref(BaseMapType.satellite), S = (h) => {
+      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);
+      });
+    }, 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, $;
+      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), ($ = largeAmountShipsLayer.value) == null || $.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 });
+    };
+    return t({
+      mapInstance: o,
+      initMap: y,
+      pointRender: (h, w) => new PointMarkerClass(h, 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);
+      },
+      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();
+      },
+      closeTruckTrack: () => {
+        var h, w;
+        showTrackLayer.value = !1, (h = shipTrackVectorLayer.value) == null || h.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);
+      },
+      showTracks,
+      removeAllTrackLayer,
+      switchFilterItem,
+      rerenderShip,
+      switchGreenDot: () => g(!1),
+      zoomTruckIcon,
+      renderTruckTrack: (h, w, k) => {
+        showTrackLayer.value = !0, renderTrack(h, w, k, LENGTH_UNIT.KM, "truck");
+      },
+      removerLayer: removeShipTrackLineFeatureByIndex,
+      renderMarker,
+      setMarkerPosition: (h) => {
+        m.value = !0, setMarkerPosition(h);
+      },
+      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] };
+      },
+      setCenter: (h) => {
+        var L;
+        const w = (L = o.value) == null ? void 0 : L.getView();
+        if (!w) return null;
+        const k = new Point(h);
+        w.setCenter(transform(k.getCoordinates(), projection.data, projection.mercator));
+      },
+      drawPolygonTool,
+      setMapInstance: v,
+      config: {
+        mapZoom,
+        projection
+      },
+      utils: {
+        transform: transformUtils,
+        format: formatUtils
+      }
+    }), (h, w) => (openBlock(), createElementBlock("div", {
+      class: "map-page map-container",
+      ref_key: "pageRef",
+      ref: r
+    }, [
+      w[0] || (w[0] = createElementVNode("div", {
+        id: "map",
+        class: "map"
+      }, null, -1)),
+      createVNode(ToolPanel, {
+        "vehicle-mode": h.vehicleMode,
+        "view-mode": h.viewMode,
+        "disable-green-dot": m.value,
+        "show-track-layer": unref(showTrackLayer),
+        "map-tile-mode": M.value,
+        onSwitchGreenDot: g,
+        onSwitchMapTile: S
+      }, {
+        toolPanel: withCtx(() => [
+          renderSlot(h.$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 }, [
+        createVNode(ScaleLine, {
+          ref_key: "scaleLineControl",
+          ref: l
+        }, null, 512),
+        createVNode(ZoomControl, {
+          ref_key: "zoomControl",
+          ref: i
+        }, null, 512)
+      ], 64)) : createCommentVNode("", !0),
+      createVNode(Copyright)
+    ], 512));
+  }
+}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02481ec2"]]), ZhMap = withInstall(Map);
 export {
   CDN_URL as C,
   DEFAULT_VALUE as D,
   LOG_DATE_FORMAT as L,
-  PointMarkerClass as P,
   ZhMap as Z,
   mapDefaultCenter as a,
   baseMap as b,