zhihao-ui 1.2.48 → 1.2.49

package/dist/es/{Map-BaIwtuYL.js → Map-FGjTLjM5.js}

@@ -8,7 +8,7 @@ import { g as getForegroundColor } from "./DatePicker-Dh8sksac.js";
 import { w as withInstall } from "./utils-BSQSj8Ii.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, c, s, m, d, u, f, p, h, v, y, S, M, I, C, E, V, P, w) {
+  constructor(t, n, o, r, i, l, c, s, m, d, u, h, p, f, v, g, L, S, I, F, x, P, $, y) {
     b(this, "id");
     // mmsi
     b(this, "mmsi");
@@ -50,7 +50,7 @@ class ShipMapData {
     b(this, "existWaterGauge");
     b(this, "selected");
     b(this, "blinkColors");
-    this.id = t, this.mmsi = n, this.fill = o, this.shipType = r, this.name = l, this.length = i, this.breadth = c, this.lon = s, this.lat = m, this.createdAt = d, this.speed = u, this.from = f, this.sailStatus = p, this.hdg = h, this.cog = v, this.posType = y, this.type = S, this.angle = M, this.leftIconColor = I, this.existDevice = C, this.existMobile = E, this.existWaterGauge = V, this.selected = P, this.blinkColors = w;
+    this.id = t, this.mmsi = n, this.fill = o, this.shipType = r, this.name = i, this.length = l, this.breadth = c, this.lon = s, this.lat = m, this.createdAt = d, this.speed = u, this.from = h, this.sailStatus = p, this.hdg = f, this.cog = v, this.posType = g, this.type = L, this.angle = S, this.leftIconColor = I, this.existDevice = F, this.existMobile = x, this.existWaterGauge = P, this.selected = $, this.blinkColors = y;
   }
 }
 const formatLength = function(e, t) {
@@ -79,8 +79,8 @@ const formatLength = function(e, t) {
       o > 1e4 ? r = Math.round(o / 1e6 * 100) / 100 + " km<sup>2</sup>" : r = Math.round(o * 100) / 100 + " m<sup>2</sup>";
       break;
     case LENGTH_UNIT.NM:
-      const l = Math.pow(1.852, 2);
-      o > 1e4 ? r = Math.round(o / 1e6 / l * 100) / 100 + " nm<sup>2</sup>" : r = Math.round(o * 100) / 100 + " m<sup>2</sup>";
+      const i = Math.pow(1.852, 2);
+      o > 1e4 ? r = Math.round(o / 1e6 / i * 100) / 100 + " nm<sup>2</sup>" : r = Math.round(o * 100) / 100 + " m<sup>2</sup>";
       break;
   }
   return r;
@@ -130,8 +130,8 @@ const formatLength = function(e, t) {
   }),
   emits: /* @__PURE__ */ mergeModels(["close"], ["update:visible"]),
   setup(e, { expose: t, emit: n }) {
-    const o = inject("mapInstance"), r = n, l = useModel(e, "visible"), i = ref("3"), c = ref([]), s = ref(!1), m = new VectorSource();
-    let d, u, f, p, h;
+    const o = inject("mapInstance"), r = n, i = useModel(e, "visible"), l = ref("3"), c = ref([]), s = ref(!1), m = new VectorSource();
+    let d, u, h, p, f;
     const v = new VectorLayer({
       source: m,
       style: {
@@ -141,19 +141,19 @@ const formatLength = function(e, t) {
         "circle-radius": 7,
         "circle-fill-color": "#ffcc33"
       }
-    }), y = function(g) {
-      if (g.dragging)
+    }), g = function(M) {
+      if (M.dragging)
         return;
-      let L = "点击选择起点";
-      d && (L = "单击继续，双击结束"), u && (u.innerHTML = L, f.setPosition(g.coordinate), u.classList.remove("hidden"));
-    }, S = () => {
-      var g, L;
-      o != null && o.value && ((g = o == null ? void 0 : o.value) == null || g.on("pointermove", y), (L = o == null ? void 0 : o.value) == null || L.getViewport().addEventListener("mouseout", function() {
-        var T;
-        (T = u == null ? void 0 : u.classList) == null || T.add("hidden");
+      let T = "点击选择起点";
+      d && (T = "单击继续，双击结束"), u && (u.innerHTML = T, h.setPosition(M.coordinate), u.classList.remove("hidden"));
+    }, L = () => {
+      var M, T;
+      o != null && o.value && ((M = o == null ? void 0 : o.value) == null || M.on("pointermove", g), (T = o == null ? void 0 : o.value) == null || T.getViewport().addEventListener("mouseout", function() {
+        var C;
+        (C = u == null ? void 0 : u.classList) == null || C.add("hidden");
       }), s.value = !0);
     };
-    let M;
+    let S;
     const I = new Style({
       fill: new Fill({
         color: "rgba(255, 255, 255, 0.2)"
@@ -173,99 +173,106 @@ const formatLength = function(e, t) {
         })
       })
     });
-    function C() {
-      var g, L;
+    function F() {
+      var M, T;
       if (o != null && o.value) {
-        if (c.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((T) => {
-          var F;
-          (F = T == null ? void 0 : T.parentNode) == null || F.removeChild(T);
-        }), m.clear(), M) {
-          const T = o.value.getInteractions().getArray().find((F) => getUid(F) === getUid(M));
-          T && ((g = o.value) == null || g.removeInteraction(T));
+        if (c.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((C) => {
+          var V;
+          (V = C == null ? void 0 : C.parentNode) == null || V.removeChild(C);
+        }), m.clear(), S) {
+          const C = o.value.getInteractions().getArray().find((V) => getUid(V) === getUid(S));
+          C && ((M = o.value) == null || M.removeInteraction(C));
         }
-        (L = o.value) == null || L.removeLayer(v), 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 E() {
-      var L, T;
-      C(), (L = o == null ? void 0 : o.value) == null || L.addLayer(v), M = new Draw({
+    function x() {
+      var T, C;
+      F(), (T = o == null ? void 0 : o.value) == null || T.addLayer(v), S = new Draw({
         source: m,
         type: "LineString",
         style: function() {
           return I;
         },
         // 添加条件函数，判断是否应该触发绘制
-        condition: function(F) {
-          return F.originalEvent.target.tagName !== "DIV";
+        condition: function(V) {
+          return V.originalEvent.target.tagName !== "DIV";
         }
-      }), (T = o == null ? void 0 : o.value) == null || T.addInteraction(M), P(), V();
-      let g;
-      M.on("drawstart", function(F) {
+      }), (C = o == null ? void 0 : o.value) == null || C.addInteraction(S), $(), P();
+      let M;
+      S.on("drawstart", function(V) {
         var N;
-        d = F.feature;
-        let x;
-        g = (N = d.getGeometry()) == null ? void 0 : N.on("change", function($) {
-          const R = $.target;
-          let O = formatUtils.formatLength(R, Number(i.value));
-          x = R.getLastCoordinate(), p && O && (p.innerHTML = O), h.setPosition(x);
+        d = V.feature, d.set("randomId", k());
+        let E;
+        M = (N = d.getGeometry()) == null ? void 0 : N.on("change", function(B) {
+          const O = B.target;
+          let R = formatUtils.formatLength(O, Number(l.value));
+          E = O.getLastCoordinate(), p && R && (p.innerHTML = R), f.setPosition(E);
         });
-      }), M.on("drawend", function() {
-        var F, x;
-        p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML && (c.value.push(p == null ? void 0 : p.innerHTML), p.innerHTML = `${p.innerHTML}<div class="ol-tooltip-delete-button" data-index="${((F = c.value) == null ? void 0 : F.length) - 1}"><i class="map-iconfont icon-delete"></i></div>`), (x = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || x.addEventListener("click", (N) => {
-          var R;
-          N.preventDefault(), N.stopPropagation();
-          const $ = (R = N.target) == null ? void 0 : R.getAttribute("data-index");
-          $ && w(Number($));
-        }), h.setOffset([0, -7]), d = null, p = null, P(), g && unByKey(g);
+      }), S.on("drawend", function() {
+        var V;
+        if (p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML) {
+          const E = (d == null ? void 0 : d.get("randomId")) || k();
+          c.value.push({ id: E, value: p == null ? void 0 : p.innerHTML }), p.innerHTML = `${p.innerHTML}<div class="ol-tooltip-delete-button" data-id="${E}"><i class="map-iconfont icon-delete"></i></div>`;
+        }
+        (V = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || V.addEventListener("click", (E) => {
+          var B;
+          E.preventDefault(), E.stopPropagation();
+          const N = (B = E.target) == null ? void 0 : B.getAttribute("data-id");
+          N && y(N);
+        }), f.setOffset([0, -7]), d = null, p = null, $(), M && unByKey(M);
       });
     }
-    function V() {
-      var g;
-      u != null && u.parentNode && u.parentNode.removeChild(u), u = document.createElement("div"), u.className = "ol-tooltip hidden", f = new Overlay({
+    function P() {
+      var M;
+      u != null && u.parentNode && u.parentNode.removeChild(u), u = document.createElement("div"), u.className = "ol-tooltip hidden", h = new Overlay({
         element: u,
         offset: [15, 0],
         positioning: "center-left"
-      }), (g = o == null ? void 0 : o.value) == null || g.addOverlay(f);
+      }), (M = o == null ? void 0 : o.value) == null || M.addOverlay(h);
     }
-    function P() {
-      var g;
-      p != null && p.parentNode && p.parentNode.removeChild(p), p = document.createElement("div"), p.className = "ol-tooltip ol-tooltip-measure", h = new Overlay({
+    function $() {
+      var M;
+      p != null && p.parentNode && p.parentNode.removeChild(p), p = document.createElement("div"), p.className = "ol-tooltip ol-tooltip-measure", f = new Overlay({
         element: p,
         offset: [0, -15],
         positioning: "bottom-center",
         stopEvent: !1,
         insertFirst: !1
-      }), (g = o == null ? void 0 : o.value) == null || g.addOverlay(h);
+      }), (M = o == null ? void 0 : o.value) == null || M.addOverlay(f);
     }
-    const w = (g) => {
-      var F, x;
-      c.value[g] && c.value.splice(g, 1);
-      const L = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      L[g] && ((x = (F = L[g]) == null ? void 0 : F.parentNode) == null || x.removeChild(L[g]));
-      const T = m.getFeatures();
-      T[g] && m.removeFeature(T[g]);
-    }, k = () => {
+    const y = (M) => {
+      var C, V;
+      const T = c.value.findIndex((E) => E.id === M);
+      if (T !== -1) {
+        c.value.splice(T, 1);
+        const E = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
+        E[T] && ((V = (C = E[T]) == null ? void 0 : C.parentNode) == null || V.removeChild(E[T]));
+        const N = m.getFeatures();
+        N[T] && m.removeFeature(N[T]);
+      }
+    }, w = () => {
       r("close");
-    };
-    return watch(() => l, () => {
-      l.value && !s.value && (S(), E());
+    }, k = () => Math.random().toString(36).substring(2, 9);
+    return watch(() => i, () => {
+      i.value && !s.value && (L(), x());
     }, { deep: !0, immediate: !0 }), t({
-      addInteraction: E,
-      removeInteraction: C
-    }), (g, L) => l.value && g.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      addInteraction: x,
+      removeInteraction: F
+    }), (M, T) => i.value && M.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
       createElementVNode("div", { class: "header" }, [
-        L[1] || (L[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
+        T[1] || (T[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
         createElementVNode("i", {
-          onClick: k,
+          onClick: w,
           class: "map-iconfont icon-close"
         })
       ]),
       createElementVNode("div", _hoisted_2$2, [
-        L[2] || (L[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": L[0] || (L[0] = (T) => i.value = T)
+          modelValue: l.value,
+          "onUpdate:modelValue": T[0] || (T[0] = (C) => l.value = C)
         }, {
           default: withCtx(() => [
             createVNode(unref(ElOption), {
@@ -285,26 +292,26 @@ const formatLength = function(e, t) {
         }, 8, ["modelValue"])
       ]),
       createElementVNode("div", _hoisted_3$1, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(c.value, (T, F) => (openBlock(), createElementBlock("div", {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(c.value, (C, V) => (openBlock(), createElementBlock("div", {
           class: "measure-history-item",
-          key: F
+          key: C.id
         }, [
           createElementVNode("div", _hoisted_4, [
-            L[3] || (L[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
-            createElementVNode("span", _hoisted_5, "线段" + toDisplayString(F + 1), 1),
-            createElementVNode("span", _hoisted_6, toDisplayString(T), 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(C.value), 1)
           ]),
           createElementVNode("div", {
             class: "delete-button",
-            onClick: (x) => w(F)
-          }, L[4] || (L[4] = [
+            onClick: (E) => y(C.id)
+          }, 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-9b1d2f55"]]), 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-f04be643"]]), 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]
@@ -340,30 +347,30 @@ const formatLength = function(e, t) {
   marker.value = new Feature({
     geometry: new Point(fromLonLat([o, r]))
   });
-  const l = n ? `${o}, ${r}` : "";
-  (d = marker.value) == null || d.setStyle(createIconStyle(l));
-  const i = new VectorSource({
+  const i = n ? `${o}, ${r}` : "";
+  (d = marker.value) == null || d.setStyle(createIconStyle(i));
+  const l = new VectorSource({
     features: [marker.value]
   }), c = new VectorLayer({
-    source: i
+    source: l
   }), s = mapInstance$8.value.getView();
   if (mapInstance$8.value.addLayer(c), t) {
     const u = new Translate({
       layers: [c]
     });
-    u.on("translating", function(f) {
+    u.on("translating", function(h) {
       var v;
-      const p = f.features.item(0).getGeometry().getCoordinates(), h = toLonLat(p);
-      markerPosition.value = `${h[0].toFixed(6)}, ${h[1].toFixed(6)}`, (v = marker.value) == null || v.setStyle(createIconStyle(markerPosition.value));
+      const p = h.features.item(0).getGeometry().getCoordinates(), f = toLonLat(p);
+      markerPosition.value = `${f[0].toFixed(6)}, ${f[1].toFixed(6)}`, (v = marker.value) == null || v.setStyle(createIconStyle(markerPosition.value));
     }), mapInstance$8.value.addInteraction(u);
   }
   const m = new Point([o, r]);
   s.setCenter(transform(m.getCoordinates(), projection.data, projection.mercator)), s.setZoom(mapZoom.findShip);
 }, setMarkerPosition = (e) => {
-  var r, l;
+  var r, i;
   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]]));
+  (i = (r = marker.value) == null ? void 0 : r.getGeometry()) == null || i.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 = {
@@ -436,7 +443,7 @@ const multiplyPixelRatio = (e) => {
   function r(u) {
     return u % 360 * Math.PI / 180;
   }
-  function l(u) {
+  function i(u) {
     if (!u) throw new Error("Coordinate is required");
     if (!Array.isArray(u)) {
       if (u.type === "Feature" && u.geometry !== null && u.geometry.type === "Point")
@@ -449,25 +456,25 @@ const multiplyPixelRatio = (e) => {
       "Coordinate must be GeoJSON Point or an Array of numbers"
     );
   }
-  function i(u, f, p = {}) {
+  function l(u, h, p = {}) {
     if (p.final)
-      return function(V, P) {
-        return (i(P, V) + 180) % 360;
-      }(u, f);
-    const h = l(u), v = l(f), y = r(h[0]), S = r(v[0]), M = r(h[1]), I = r(v[1]), C = Math.sin(S - y) * Math.cos(I), E = Math.cos(M) * Math.sin(I) - Math.sin(M) * Math.cos(I) * Math.cos(S - y);
-    return o(Math.atan2(C, E));
+      return function(P, $) {
+        return (l($, P) + 180) % 360;
+      }(u, h);
+    const f = i(u), v = i(h), g = r(f[0]), L = r(v[0]), S = r(f[1]), I = r(v[1]), F = Math.sin(L - g) * Math.cos(I), x = Math.cos(S) * Math.sin(I) - Math.sin(S) * Math.cos(I) * Math.cos(L - g);
+    return o(Math.atan2(F, x));
   }
   function c(u) {
     return !isNaN(u) && u !== null && !Array.isArray(u);
   }
-  function s(u, f = {}, p = {}) {
-    return u || console.log("Coordinates are required"), Array.isArray(u) || console.log("Coordinates must be an Array"), u.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!c(u[0]) || !c(u[1])) && console.log("Coordinates must contain numbers"), m({ type: "Point", coordinates: u }, f, p);
+  function s(u, h = {}, p = {}) {
+    return u || console.log("Coordinates are required"), Array.isArray(u) || console.log("Coordinates must be an Array"), u.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!c(u[0]) || !c(u[1])) && console.log("Coordinates must contain numbers"), m({ type: "Point", coordinates: u }, h, p);
   }
-  function m(u, f = {}, p = {}) {
-    const h = { type: "Feature" };
-    return p.id !== void 0 && (h.id = p.id), p.bbox && (h.bbox = p.bbox), h.properties = f || {}, h.geometry = u, h;
+  function m(u, h = {}, p = {}) {
+    const f = { type: "Feature" };
+    return p.id !== void 0 && (f.id = p.id), p.bbox && (f.bbox = p.bbox), f.properties = h || {}, f.geometry = u, f;
   }
-  const d = i(s(e), s(t), n);
+  const d = l(s(e), s(t), n);
   return d < 0 ? 360 + d : d;
 }, triangleModel = multiplyPixelRatio([
   [0, -8],
@@ -546,14 +553,14 @@ const multiplyPixelRatio = (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, t = !1) => new Style({
   renderer: (n, o) => {
     n = n;
-    const r = o.context, l = o.feature.get("data");
-    if (!l) return;
+    const r = o.context, i = o.feature.get("data");
+    if (!i) return;
     o.feature.get("index") === 0 && (shipLabels.value = []);
     try {
-      const c = drawShipBody(r, l, n, t);
-      c && (drawHeading(r, l, c, t), l.selected = e, !isMapMoving.value && e && setTimeout(() => {
+      const c = drawShipBody(r, i, n, t);
+      c && (drawHeading(r, i, c, t), i.selected = e, !isMapMoving.value && e && setTimeout(() => {
         drawSelectBounds(r, c);
-      }, 1)), drawShipLabel(r, l, n);
+      }, 1)), drawShipLabel(r, i, n);
     } catch {
       return !1;
     }
@@ -562,23 +569,23 @@ const multiplyPixelRatio = (e) => {
   if (!mapInstance$7.value) return;
   const r = Math.round(Number(mapInstance$7.value.getView().getZoom()));
   if (!r) return;
-  let l = [];
-  const [i, c] = drawShipModelByZoom[r] || [0, 0], [s, m] = n;
-  if (r <= mapZoom.shipModelMax && r > mapZoom.shipModelMin && t.length >= i && t.breadth >= c)
-    l = rotateShapeModel(drawCurrentShipShapeModel(t, r), t.angle).map((u) => {
-      const [f, p] = u;
-      return [s + f, m + p];
+  let i = [];
+  const [l, c] = drawShipModelByZoom[r] || [0, 0], [s, m] = n;
+  if (r <= mapZoom.shipModelMax && r > mapZoom.shipModelMin && t.length >= l && t.breadth >= c)
+    i = rotateShapeModel(drawCurrentShipShapeModel(t, r), t.angle).map((u) => {
+      const [h, p] = u;
+      return [s + h, m + p];
     });
   else {
     const d = rotateShapeModel(triangleModel, t.angle);
-    n.length === 2 && (l = d.map((u) => {
-      const [f, p] = u;
-      return [s + f, m + p];
+    n.length === 2 && (i = d.map((u) => {
+      const [h, p] = u;
+      return [s + h, m + p];
     }));
   }
-  if (!(l.length > 2)) return !1;
+  if (!(i.length > 2)) return !1;
   if (t != null && t.length) {
-    const d = l.length === 3 ? 30 : t.length * 0.4;
+    const d = i.length === 3 ? 30 : t.length * 0.4;
     e.beginPath(), e.arc(
       n[0],
       n[1],
@@ -587,23 +594,23 @@ const multiplyPixelRatio = (e) => {
       2 * Math.PI
     ), e.fillStyle = "rgba(255, 255, 255, 0.001)", e.fill();
   }
-  e.save(), e.beginPath(), e.moveTo(l[0][0], l[0][1]);
-  for (let d = 1; d < l.length; d++)
-    e.lineTo(l[d][0], l[d][1]);
-  return e.closePath(), e.strokeStyle = o ? "#ff0000" : "#000", e.lineWidth = o ? 2 : 1, e.stroke(), e.fillStyle = t.fill, e.fill(), e.restore(), l;
+  e.save(), e.beginPath(), e.moveTo(i[0][0], i[0][1]);
+  for (let d = 1; d < i.length; d++)
+    e.lineTo(i[d][0], i[d][1]);
+  return e.closePath(), e.strokeStyle = o ? "#ff0000" : "#000", e.lineWidth = o ? 2 : 1, e.stroke(), e.fillStyle = t.fill, e.fill(), e.restore(), i;
 }, drawHeading = (e, t, n, o) => {
-  const [r, l] = n[0], i = getShipDirectPath(t);
-  if (i) {
-    const c = i.map(function(s) {
+  const [r, i] = n[0], l = getShipDirectPath(t);
+  if (l) {
+    const c = l.map(function(s) {
       const [m, d] = s;
-      return [m + r, d + l];
+      return [m + r, d + i];
     });
     if (e.save(), e.beginPath(), t.angle > 0) {
-      e.translate(r, l);
+      e.translate(r, i);
       const s = t.angle * Math.PI / 180;
-      e.rotate(s), e.translate(-r, -l);
+      e.rotate(s), e.translate(-r, -i);
     }
-    e.moveTo(r, l);
+    e.moveTo(r, i);
     for (let s = 1; s < c.length; s++) {
       const [m, d] = c[s];
       e.lineTo(m, d);
@@ -611,19 +618,19 @@ const multiplyPixelRatio = (e) => {
     e.strokeStyle = o ? "#ff0000" : "#000", e.lineWidth = o ? 2 : 1, e.stroke(), e.restore();
   }
 }, drawSelectBounds = (e, t) => {
-  let [n, o, r, l] = getPixelFromCoordinate(t);
-  const i = window.devicePixelRatio || 1, c = 4;
-  n -= c, o -= c, r += c, l += c, e.save(), e.strokeStyle = "#ff0000", e.lineWidth = 4 * i;
-  const s = 8 * i;
-  e.beginPath(), e.moveTo(n + s, l), e.lineTo(n, l), e.lineTo(n, l - s), e.moveTo(n, o + s), e.lineTo(n, o), e.lineTo(n + s, o), e.moveTo(r - s, o), e.lineTo(r, o), e.lineTo(r, o + s), e.moveTo(r, l - s), e.lineTo(r, l), e.lineTo(r - s, l), e.stroke(), e.restore();
+  let [n, o, r, i] = getPixelFromCoordinate(t);
+  const l = window.devicePixelRatio || 1, c = 4;
+  n -= c, o -= c, r += c, i += c, e.save(), e.strokeStyle = "#ff0000", e.lineWidth = 4 * l;
+  const s = 8 * l;
+  e.beginPath(), e.moveTo(n + s, i), e.lineTo(n, i), e.lineTo(n, i - s), e.moveTo(n, o + s), e.lineTo(n, o), e.lineTo(n + s, o), e.moveTo(r - s, o), e.lineTo(r, o), e.lineTo(r, o + s), e.moveTo(r, i - s), e.lineTo(r, i), e.lineTo(r - s, i), e.stroke(), e.restore();
 }, drawShipLabel = (e, t, n) => {
   if (!t.selected && shipLabels.value.find((u) => u.name === t.name)) return;
-  const [o, r] = n, l = o, i = r, c = t.name;
+  const [o, r] = n, i = o, l = r, c = t.name;
   let s;
   t.leftIconColor && (s = { color: t.leftIconColor, icon: "&#xe599;" });
   const m = getShipCustomIcon(t), d = {
     id: t.id,
-    center: [l, i],
+    center: [i, l],
     text: c,
     fill: t.fill,
     color: "#fff",
@@ -640,20 +647,20 @@ const multiplyPixelRatio = (e) => {
   let n = 0;
   t <= 14 ? n = 0.058 : t === 15 ? n = 0.12 : t === 16 ? n = 0.22 : t === 17 ? n = 0.435 : t === 18 && (n = 0.857);
   const o = e.length / 4 * n, r = e.breadth * n;
-  let l = cloneDeep(shipShapeModel);
-  return l = l.map(([i, c]) => [i * r, c * o]), l;
+  let i = cloneDeep(shipShapeModel);
+  return i = i.map(([l, c]) => [l * r, c * o]), i;
 }, getShipDirectPath = (e) => {
   const { speed: t, hdg: n, cog: o } = e;
-  let r = "", l = null;
+  let r = "", i = null;
   if (t && t > 1 && (n !== null && n != 511 && o !== null ? o - n >= 3 ? r = "left" : o - n <= -3 ? r = "right" : r = "front" : r = "front", r && t))
-    for (let i = 0; i < speedCondition.length; i++) {
-      const c = speedCondition[i];
+    for (let l = 0; l < speedCondition.length; l++) {
+      const c = speedCondition[l];
       if (t >= c[0] && t < c[1]) {
-        l = shipDirectPath[r][i];
+        i = shipDirectPath[r][l];
         break;
       }
     }
-  return l;
+  return i;
 }, getShipCustomIcon = (e) => {
   const t = [];
   return e.existDevice && t.push("&#xe687;"), e.existMobile && t.push("&#xe688;"), e.existWaterGauge && t.push("&#xe686;"), t || [];
@@ -662,7 +669,7 @@ let shipsMarkerList = [], shipsVectorSource, largeAmountShipsSource;
 const selectedShipData = ref(null), selectedShips = ref([]);
 let selectShipsVectorSource;
 const renderShips = (e) => {
-  var r, l, i, c;
+  var r, i, l, c;
   if (!mapInstance$6.value || showTrackLayer.value) return;
   const t = e.reduce((s, m) => (s.some((d) => d.id === m.id) || s.push(m), s), []), n = Math.round(Number(mapInstance$6.value.getView().getZoom()));
   if (selectedShipData.value && nextTick(() => {
@@ -674,7 +681,7 @@ const renderShips = (e) => {
     var m;
     !o.some((d) => d.id === s.id) && ((m = s.blinkColors) != null && m.length) && checkBlinkLabelExist(mapInstance$6.value, shipLabels.value, s.id);
   }), allShips.value = o, !hiddenOrther.value)
-    return n >= mapZoom.shipGreenDotMax && n < mapZoom.shipModelMin ? ((r = shipsLayer.value) == null || r.setVisible(!1), (l = largeAmountShipsLayer.value) == null || l.setVisible(!0), renderLargeAmountShips(allShips.value)) : ((i = largeAmountShipsLayer.value) == null || i.setVisible(!1), (c = shipsLayer.value) == null || c.setVisible(!0), renderShipsMarker(allShips.value));
+    return n >= mapZoom.shipGreenDotMax && n < mapZoom.shipModelMin ? ((r = shipsLayer.value) == null || r.setVisible(!1), (i = largeAmountShipsLayer.value) == null || i.setVisible(!0), renderLargeAmountShips(allShips.value)) : ((l = largeAmountShipsLayer.value) == null || l.setVisible(!1), (c = shipsLayer.value) == null || c.setVisible(!0), renderShipsMarker(allShips.value));
 }, renderLargeAmountShips = (e) => {
   if (!mapInstance$6.value) return;
   const t = e.map((n) => ({
@@ -730,15 +737,15 @@ const renderShips = (e) => {
   let t = convertShipMapData(e);
   if (t = customFilterShips(t), !!(t != null && t.length))
     return t.forEach((o, r) => {
-      const l = [o.lon, o.lat], i = new Feature({
-        geometry: new Point(fromLonLat(l))
+      const i = [o.lon, o.lat], l = new Feature({
+        geometry: new Point(fromLonLat(i))
       }), c = 1;
-      i.set("clickGeometry", new Circle(fromLonLat(l), c)), i.set("data", o), i.set("index", r), i.setStyle(
+      l.set("clickGeometry", new Circle(fromLonLat(i), c)), l.set("data", o), l.set("index", r), l.setStyle(
         setShipStyle(!1)
       ), shipsMarkerList.push({
         ship: o,
-        lonlat: l,
-        feature: i
+        lonlat: i,
+        feature: l
       });
     }), shipsVectorSource = new VectorSource({
       features: shipsMarkerList.map((o) => o.feature)
@@ -752,24 +759,24 @@ const renderShips = (e) => {
   const n = 100;
   (o = mapInstance$6.value) == null || o.on("pointermove", function(r) {
     var s, m, d, u;
-    const l = Date.now();
-    if (l - t < n)
+    const i = Date.now();
+    if (i - t < n)
       return;
-    t = l;
-    const i = (s = mapInstance$6.value) == null ? void 0 : s.forEachFeatureAtPixel(r.pixel, (f) => f), c = (m = mapInstance$6.value) == null ? void 0 : m.getTargetElement();
-    if (c && (c.style.cursor = i ? "pointer" : ""), e !== i) {
+    t = i;
+    const l = (s = mapInstance$6.value) == null ? void 0 : s.forEachFeatureAtPixel(r.pixel, (h) => h), c = (m = mapInstance$6.value) == null ? void 0 : m.getTargetElement();
+    if (c && (c.style.cursor = l ? "pointer" : ""), e !== l) {
       if (e) {
-        const f = e.get("data");
-        if (!(f != null && f.mmsi)) return;
+        const h = e.get("data");
+        if (!(h != null && h.mmsi)) return;
         e.setStyle(
-          setShipStyle(((d = selectedShipData.value) == null ? void 0 : d.id) === f.id, !1)
+          setShipStyle(((d = selectedShipData.value) == null ? void 0 : d.id) === h.id, !1)
         );
       }
-      if (i) {
-        const f = i.get("data");
-        if (!(f != null && f.mmsi)) return;
-        e = i, i.setStyle(
-          setShipStyle(((u = selectedShipData.value) == null ? void 0 : u.id) === f.id, !0)
+      if (l) {
+        const h = l.get("data");
+        if (!(h != null && h.mmsi)) return;
+        e = l, l.setStyle(
+          setShipStyle(((u = selectedShipData.value) == null ? void 0 : u.id) === h.id, !0)
         );
       } else
         e = null;
@@ -779,7 +786,7 @@ const renderShips = (e) => {
   let t = cloneDeep(e);
   return t = t.filter((n) => {
     var r;
-    const o = getFilterItem(n).every(({ btnShow: l, value: i }) => l ? !!i : !0);
+    const o = getFilterItem(n).every(({ btnShow: i, value: l }) => i ? !!l : !0);
     return (switchBtnShow.value.camera || switchBtnShow.value.mobile || switchBtnShow.value.waterGauge) && ((r = selectedShipData.value) == null ? void 0 : r.id) === n.id && clearSelectFeature(), o;
   }), t;
 }, getFilterItem = (e) => [
@@ -791,7 +798,7 @@ const renderShips = (e) => {
     e.feature && (shipsVectorSource == null || shipsVectorSource.removeFeature(e.feature));
   }), clearAllInterval(), shipsMarkerList = [];
 }, selectSingleShipMarker = (e) => {
-  var l;
+  var i;
   if (!mapInstance$6.value) return;
   const t = cloneDeep(selectSingleShipData.value);
   selectSingleShipData.value = convertShipMapData(e);
@@ -809,7 +816,7 @@ const renderShips = (e) => {
   }), selectShipsLayer.value = new VectorLayer({
     source: selectShipsVectorSource
   }), shipsVectorSource && setVisibleFeatureById(shipsVectorSource, selectSingleShipData.value.id, !0);
-  const r = (l = shipsLayer.value) == null ? void 0 : l.getSource();
+  const r = (i = shipsLayer.value) == null ? void 0 : i.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;
 }, setVisibleFeatureById = (e, t, n) => {
   e && e.forEachFeature((o) => {
@@ -817,9 +824,9 @@ const renderShips = (e) => {
     r && r.id === t && o.setStyle(n ? setShipStyle(!1, r.id) : setBlankStyle());
   });
 }, findShip = (e, t, n = !0) => {
-  var r, l, i, c, s;
+  var r, i, l, c, s;
   if (!e || !mapInstance$6.value) return;
-  const o = (i = (l = (r = shipsLayer.value) == null ? void 0 : r.getSource()) == null ? void 0 : l.getFeatures()) == null ? void 0 : i.find((m) => {
+  const o = (l = (i = (r = shipsLayer.value) == null ? void 0 : r.getSource()) == null ? void 0 : i.getFeatures()) == null ? void 0 : l.find((m) => {
     var d;
     return ((d = m.get("data")) == null ? void 0 : d.id) === e;
   });
@@ -837,8 +844,8 @@ const renderShips = (e) => {
   }) || selectedShips.value.push(selectedShipData.value), n && ((c = selectedShipData.value) != null && c.lon) && ((s = selectedShipData.value) != null && s.lat)) {
     const m = mapInstance$6.value.getView(), d = new Point([selectedShipData.value.lon, selectedShipData.value.lat]);
     m.setCenter(transform(d.getCoordinates(), projection.data, projection.mercator));
-    const u = m.getZoom(), f = u < mapZoom.findShipMin ? mapZoom.findShip : u;
-    m.setZoom(f);
+    const u = m.getZoom(), h = u < mapZoom.findShipMin ? mapZoom.findShip : u;
+    m.setZoom(h);
   }
   return setTimeout(() => {
     t && selectSingleShipMarker(t);
@@ -869,14 +876,14 @@ const renderShips = (e) => {
   renderShips(allShips.value);
 }, clearShipData = (e = !0) => {
   shipsVectorSource == null || shipsVectorSource.clear(), shipsMarkerList = [], e && (selectShipsVectorSource == null || selectShipsVectorSource.clear());
-}, 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();
+}, 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, i, l = 4) => {
+  e.beginPath(), e.moveTo(t + l, n), e.arcTo(t + o, n, t + o, n + l, l), e.arcTo(t + o, n + r, t + o - l, n + r, l), e.arcTo(t, n + r, t, n + r - l, l), e.arcTo(t, n, t + l, n, l), e.closePath(), e.fillStyle = i, e.fill();
 }, getPixelFromCoordinate = (e) => {
   if (!e || e.length === 0)
     throw new Error("Points array is empty or invalid.");
   let t = 1 / 0, n = 1 / 0, o = -1 / 0, r = -1 / 0;
-  for (const [l, i] of e)
-    l < t && (t = l), i < n && (n = i), l > o && (o = l), i > r && (r = i);
+  for (const [i, l] of e)
+    i < t && (t = i), l < n && (n = l), i > o && (o = i), l > r && (r = l);
   return [t, n, o, r];
 }, calculatePolygonCentroid = (e) => {
   if (!Array.isArray(e) || e.length < 3)
@@ -884,130 +891,130 @@ const renderShips = (e) => {
   let t = 0, n = 0, o = 0;
   const r = e.length;
   for (let c = 0; c < r - 1; c++) {
-    const [s, m] = e[c], [d, u] = e[c + 1], f = s * u - d * m;
-    o += f, t += (s + d) * f, n += (m + u) * f;
+    const [s, m] = e[c], [d, u] = e[c + 1], h = s * u - d * m;
+    o += h, t += (s + d) * h, n += (m + u) * h;
   }
   if (o *= 0.5, o === 0)
     throw new Error("多边形面积为零");
-  const l = t / (6 * o), i = n / (6 * o);
-  return [l, i];
+  const i = t / (6 * o), l = n / (6 * o);
+  return [i, l];
 }, rotateShapeModel = (e, t) => {
-  const [n, o] = calculatePolygonCentroid(e), r = t * Math.PI / 180, l = Math.cos(r), i = Math.sin(r);
+  const [n, o] = calculatePolygonCentroid(e), r = t * Math.PI / 180, i = Math.cos(r), l = Math.sin(r);
   return e.map(([c, s]) => {
-    const m = c - n, d = s - o, u = m * l - d * i + n, f = m * i + d * l + o;
-    return [u, f];
+    const m = c - n, d = s - o, u = m * i - d * l + n, h = m * l + d * i + o;
+    return [u, h];
   });
 }, getTopLeftPoint = (e) => [e[0], e[3]], getBottomLeftPoint = (e) => [e[2], e[3]], getBottomRightPoint = (e) => [e[2], e[1]], getTopRighttPoint = (e) => [e[0], e[1]];
 function calculateBounds(e, t, n, o, r) {
-  let l, i, c, s;
+  let i, l, c, s;
   const m = e[0], d = e[1];
   switch (t) {
     case 0:
-      l = m + r, i = l + n, s = d - r, c = s - o;
+      i = m + r, l = i + n, s = d - r, c = s - o;
       break;
     case 1:
-      l = m + r, i = l + n, s = d + o / 2, c = s - o;
+      i = m + r, l = i + n, s = d + o / 2, c = s - o;
       break;
     case 2:
-      l = m + r, i = l + n, s = d + r + o, c = s - o;
+      i = m + r, l = i + n, s = d + r + o, c = s - o;
       break;
     case 3:
-      l = m - n / 2, i = l + n, s = d + r + o, c = s - o;
+      i = m - n / 2, l = i + n, s = d + r + o, c = s - o;
       break;
     case 4:
-      i = m, l = i - n, s = d + r + o, c = s - o;
+      l = m, i = l - n, s = d + r + o, c = s - o;
       break;
     case 5:
-      i = m - r, l = i - n, s = d + o / 2, c = s - o;
+      l = m - r, i = l - n, s = d + o / 2, c = s - o;
       break;
     case 6:
-      i = m, l = i - n, s = d - r, c = s - o;
+      l = m, i = l - n, s = d - r, c = s - o;
       break;
     case 7:
-      l = m - n / 2, i = l + n, s = d - r, c = s - o;
+      i = m - n / 2, l = i + n, s = d - r, c = s - o;
   }
-  if (!(!l || !c || !i || !s))
-    return [Math.min(l, i), Math.min(c, s), Math.max(l, i), Math.max(c, s) + 1];
+  if (!(!i || !c || !l || !s))
+    return [Math.min(i, l), Math.min(c, s), Math.max(i, l), Math.max(c, s) + 1];
 }
 function calculateAnchorPoint(e, t, n = 70, o = 20, r = 20) {
-  const l = [0, 0];
+  const i = [0, 0];
   switch (t) {
     case 0:
-      l[0] = e[0] + r, l[1] = e[1] - r - o / 2;
+      i[0] = e[0] + r, i[1] = e[1] - r - o / 2;
       break;
     case 1:
-      l[0] = e[0] + r, l[1] = e[1];
+      i[0] = e[0] + r, i[1] = e[1];
       break;
     case 2:
-      l[0] = e[0] + r, l[1] = e[1] + r + o / 2;
+      i[0] = e[0] + r, i[1] = e[1] + r + o / 2;
       break;
     case 3:
-      l[0] = e[0], l[1] = e[1] + r + o / 4;
+      i[0] = e[0], i[1] = e[1] + r + o / 4;
       break;
     case 4:
-      l[0] = Math.max(e[0] - r, e[0] - n / 2), l[1] = e[1] + r + o / 4;
+      i[0] = Math.max(e[0] - r, e[0] - n / 2), i[1] = e[1] + r + o / 4;
       break;
     case 5:
-      l[0] = e[0] - r, l[1] = e[1];
+      i[0] = e[0] - r, i[1] = e[1];
       break;
     case 6:
-      l[0] = Math.max(e[0] - r, e[0] - n / 2), l[1] = e[1] - r - o / 4;
+      i[0] = Math.max(e[0] - r, e[0] - n / 2), i[1] = e[1] - r - o / 4;
       break;
     case 7:
-      l[0] = e[0], l[1] = e[1] - r - o / 4;
+      i[0] = e[0], i[1] = e[1] - r - o / 4;
   }
-  return l;
+  return i;
 }
 function drawLabelBody(e, t, n) {
   if (!e) return;
   const {
     font: o,
     labelOutSize: r = 2,
-    labelHeight: l,
-    center: i,
+    labelHeight: i,
+    center: l,
     text: c,
     id: s,
     leftIcon: m,
     shipColor: d,
     lineLength: u = 20,
-    selected: f
+    selected: h
   } = n;
   e.save(), o && (e.font = o);
   let p = e.measureText(c).width + 4 * r;
-  (m || d) && (p += l + 6 * r), e.restore();
-  let h, v = 20, y = -1, S = l + 3 * r;
+  (m || d) && (p += i + 6 * r), e.restore();
+  let f, v = 20, g = -1, L = i + 3 * r;
   if (u)
-    for (let M = 0; M < 8; M++) {
-      h = calculateBounds(i, M, p, S, u);
+    for (let S = 0; S < 8; S++) {
+      f = calculateBounds(l, S, p, L, u);
       let I = !1;
-      for (let C = 0; C < t.length; ++C) {
-        let E = t[C].bounds, V = [
-          E[0] - v,
-          E[1] - v,
-          E[2] + v,
-          E[3] + v
+      for (let F = 0; F < t.length; ++F) {
+        let x = t[F].bounds, P = [
+          x[0] - v,
+          x[1] - v,
+          x[2] + v,
+          x[3] + v
         ];
-        if (h && isOverlapping(h, V)) {
+        if (f && isOverlapping(f, P)) {
           I = !0;
           break;
         }
       }
       if (!I) {
-        y = M;
+        g = S;
         break;
       }
     }
   else
-    y = 0, h = calculateBounds(i, y, p, S, u);
-  if (f && y === -1 && (y = 0), h && y > -1) {
-    let M = getBottomLeftPoint(h), I = getTopRighttPoint(h);
+    g = 0, f = calculateBounds(l, g, p, L, u);
+  if (h && g === -1 && (g = 0), f && g > -1) {
+    let S = getBottomLeftPoint(f), I = getTopRighttPoint(f);
     return {
-      center: i,
-      x: calculateAnchorPoint(i, y, p, S, u),
+      center: l,
+      x: calculateAnchorPoint(l, g, p, L, u),
       l: I,
-      r: M,
-      bounds: h,
-      position: y,
+      r: S,
+      bounds: f,
+      position: g,
       name: c,
       id: s
     };
@@ -1016,20 +1023,20 @@ function drawLabelBody(e, t, n) {
 }
 const drawText = (e, t) => {
   if (!e) return;
-  const { center: n, text: o, textColor: r, leftIcon: l, rightIcons: i, font: c } = t;
+  const { center: n, text: o, textColor: r, leftIcon: i, rightIcons: l, font: c } = t;
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0);
   let [s, m] = n;
-  if (l) {
+  if (i) {
     e.font = `${18 * pixelRatio}px map-iconfont`;
-    let d = getIconFont(l.icon);
-    e.fillStyle = l.color, e.fillText(d, s + labelOutSize - 3 * pixelRatio, m + 2.6 * pixelRatio), s += 23 * pixelRatio;
+    let d = getIconFont(i.icon);
+    e.fillStyle = i.color, e.fillText(d, s + labelOutSize - 3 * pixelRatio, m + 2.6 * pixelRatio), s += 23 * pixelRatio;
   }
-  if (i != null && i.length) {
+  if (l != null && l.length) {
     e.font = `${12 * pixelRatio}px map-iconfont`, e.fillStyle = "#3370ff";
     const d = e.measureText(o).width + 6 * pixelRatio;
-    i.forEach((u, f) => {
-      const p = getIconFont(u), h = 20 * pixelRatio * f;
-      e.fillText(p, s + d + h, m);
+    l.forEach((u, h) => {
+      const p = getIconFont(u), f = 20 * pixelRatio * h;
+      e.fillText(p, s + d + f, m);
     });
   }
   e.font = c || labelFont, e.fillStyle = r, e.fillText(o, s + 2, m), e.restore();
@@ -1038,39 +1045,39 @@ const drawText = (e, t) => {
     points: n,
     strokeColor: o,
     fillColor: r,
-    shouldClosePath: l,
-    translation: i,
+    shouldClosePath: i,
+    translation: l,
     rotation: c,
     rotationCenter: s,
     scale: m,
     globalAlpha: d
   } = t;
   if (d || (d = 1), n && e) {
-    e.save(), e.beginPath(), c && c !== 0 && s == null && e.rotate(c), i && e.translate(i[0], i[1]), c && (s != null && s.length) && e.rotate(c), m && e.scale(m, m), e.moveTo(n[0][0], n[0][1]);
+    e.save(), e.beginPath(), c && c !== 0 && s == null && e.rotate(c), l && e.translate(l[0], l[1]), c && (s != null && s.length) && e.rotate(c), m && e.scale(m, m), e.moveTo(n[0][0], n[0][1]);
     for (let u = 1; u < n.length; u++)
       e.lineTo(n[u][0], n[u][1]);
-    l && e.closePath(), o && (e.strokeStyle = o, e.stroke()), r && l && (d && (e.globalAlpha = d), e.fillStyle = r, e.fill()), e.restore();
+    i && e.closePath(), o && (e.strokeStyle = o, e.stroke()), r && i && (d && (e.globalAlpha = d), e.fillStyle = r, e.fill()), e.restore();
   }
 }, intervalIds = {}, drawLabel = (e, t, n, o) => {
-  var p, h, v, y, S, M, I;
-  let { center: r, id: l, text: i, color: c, textColor: s, bgColor: m, leftIcon: d, rightIcons: u, type: f } = t;
-  if (r && i) {
-    const C = {
+  var p, f, v, g, L, S, I;
+  let { center: r, id: i, text: l, color: c, textColor: s, bgColor: m, leftIcon: d, rightIcons: u, type: h } = t;
+  if (r && l) {
+    const F = {
       font: labelFont,
       labelOutSize,
       labelHeight,
       center: r,
-      text: i,
-      id: l,
+      text: l,
+      id: i,
       leftIcon: d,
       selected: t.selected
     };
     (p = t.blinkColors) != null && p.length && t.fill && (m = t.fill, s = getForegroundColor(t.fill));
-    const E = drawLabelBody(e, n, C);
-    if (E) {
-      const { x: V, bounds: P, l: w } = E, k = [getTopLeftPoint(P), getBottomLeftPoint(P), getBottomRightPoint(P), getTopRighttPoint(P)];
-      n.find((N) => N.name === i) || n.push(E), drawPolygon(e, {
-        points: [r, V],
+    const x = drawLabelBody(e, n, F);
+    if (x) {
+      const { x: P, bounds: $, l: y } = x, w = [getTopLeftPoint($), getBottomLeftPoint($), getBottomRightPoint($), getTopRighttPoint($)];
+      n.find((E) => E.name === l) || n.push(x), drawPolygon(e, {
+        points: [r, P],
         strokeColor: c,
         fillColor: "#000",
         shouldClosePath: !0,
@@ -1080,78 +1087,78 @@ const drawText = (e, t) => {
         scale: void 0,
         globalAlpha: labelAlpha
       }), u != null && u.length && u.forEach(() => {
-        k[1][0] += pixelRatio * 18, k[2][0] += pixelRatio * 18;
+        w[1][0] += pixelRatio * 18, w[2][0] += pixelRatio * 18;
       });
-      const L = {
-        points: k,
+      const M = {
+        points: w,
         strokeColor: c,
         fillColor: m,
         shouldClosePath: !0
-      }, [T, F] = w, x = {
-        center: [T, F + labelOutSize + labelHeight + 1],
-        text: i,
+      }, [T, C] = y, V = {
+        center: [T, C + labelOutSize + labelHeight + 1],
+        text: l,
         textColor: s,
         leftIcon: d,
         rightIcons: u,
         blinkColors: t.blinkColors
       };
-      if (drawPolygon(e, L), drawText(e, x), t != null && t.blinkColors && t.blinkColors.length > 0) {
-        let N = Date.now(), $ = 0;
-        const R = t.blinkColors;
-        !!!((y = (v = (h = selectShipsLayer.value) == null ? void 0 : h.getSource()) == null ? void 0 : v.getFeatures()) != null && y.find((B) => {
+      if (drawPolygon(e, M), drawText(e, V), t != null && t.blinkColors && t.blinkColors.length > 0) {
+        let E = Date.now(), N = 0;
+        const B = t.blinkColors;
+        !!!((g = (v = (f = selectShipsLayer.value) == null ? void 0 : f.getSource()) == null ? void 0 : v.getFeatures()) != null && g.find((R) => {
           var A;
-          return ((A = B.get("data")) == null ? void 0 : A.id) === t.id;
-        }) || (I = (M = (S = shipsLayer.value) == null ? void 0 : S.getSource()) == null ? void 0 : M.getFeatures()) != null && I.find((B) => {
+          return ((A = R.get("data")) == null ? void 0 : A.id) === t.id;
+        }) || (I = (S = (L = shipsLayer.value) == null ? void 0 : L.getSource()) == null ? void 0 : S.getFeatures()) != null && I.find((R) => {
           var A;
-          return ((A = B.get("data")) == null ? void 0 : A.id) === t.id;
+          return ((A = R.get("data")) == null ? void 0 : A.id) === t.id;
         })) || hiddenOrther.value ? (clearInterval(intervalIds[t.id]), deleteLabelFromArray(n, t.id)) : (intervalIds[t.id] && clearInterval(intervalIds[t.id]), intervalIds[t.id] = window.setInterval(() => {
-          const B = Date.now();
-          B - N >= 500 && ($ = ($ + 1) % R.length, N = B, L.fillColor = R[$], drawPolygon(e, L), x.textColor = getForegroundColor(L.fillColor), drawText(e, x)), checkBlinkLabelExist(o, n, t.id);
+          const R = Date.now();
+          R - E >= 500 && (N = (N + 1) % B.length, E = R, M.fillColor = B[N], drawPolygon(e, M), V.textColor = getForegroundColor(M.fillColor), drawText(e, V)), checkBlinkLabelExist(o, n, t.id);
         }, 500));
       } else
-        shipLabels.value.find(($) => $.name === i) && (clearInterval(intervalIds[t.id]), drawPolygon(e, L), drawText(e, x));
+        shipLabels.value.find((N) => N.name === l) && (clearInterval(intervalIds[t.id]), drawPolygon(e, M), drawText(e, V));
     }
   }
   return null;
 }, checkBlinkLabelExist = (e, t, n) => {
-  var i, c, s, m, d, u;
-  const o = shipsMarkerList == null ? void 0 : shipsMarkerList.some((f) => {
-    var p, h, v;
-    return ((p = f.ship) == null ? void 0 : p.id) === n && ((v = (h = f.ship) == null ? void 0 : h.blinkColors) == null ? void 0 : v.length) > 0;
+  var l, c, s, m, d, u, h;
+  const o = shipsMarkerList == null ? void 0 : shipsMarkerList.some((p) => {
+    var f, v, g;
+    return ((f = p.ship) == null ? void 0 : f.id) === n && ((g = (v = p.ship) == null ? void 0 : v.blinkColors) == null ? void 0 : g.length) > 0;
   }), r = [
-    ...((c = (i = shipsLayer.value) == null ? void 0 : i.getSource()) == null ? void 0 : c.getFeatures()) || [],
+    ...((c = (l = shipsLayer.value) == null ? void 0 : l.getSource()) == null ? void 0 : c.getFeatures()) || [],
     ...((m = (s = selectShipsLayer.value) == null ? void 0 : s.getSource()) == null ? void 0 : m.getFeatures()) || []
-  ].some((f) => {
-    const p = f.get("data");
-    if ((p == null ? void 0 : p.id) === n) {
-      const h = e == null ? void 0 : e.getView().calculateExtent();
-      if (!h) return !1;
-      const v = fromLonLat([p.lon, p.lat]);
-      return v[0] >= h[0] && v[0] <= h[2] && v[1] >= h[1] && v[1] <= h[3];
+  ].some((p) => {
+    const f = p.get("data");
+    if ((f == null ? void 0 : f.id) === n) {
+      const v = e == null ? void 0 : e.getView().calculateExtent();
+      if (!v) return !1;
+      const g = fromLonLat([f.lon, f.lat]);
+      return g[0] >= v[0] && g[0] <= v[2] && g[1] >= v[1] && g[1] <= v[3];
     }
     return !1;
+  }), i = (u = (d = trackLineVectorSource.value) == null ? void 0 : d.getFeatures()) == null ? void 0 : u.some((p) => {
+    const f = p.get("data");
+    return (f == null ? void 0 : f.id) === n;
   });
-  !((u = (d = trackLineVectorSource.value) == null ? void 0 : d.getFeatures()) == null ? void 0 : u.some((f) => {
-    const p = f.get("data");
-    return (p == null ? void 0 : p.id) === n;
-  })) && (!r || !o) && (clearInterval(intervalIds[n]), deleteLabelFromArray(e, t, n));
+  (!((h = shipsLayer.value) != null && h.getVisible()) || !i && (!r || !o)) && (clearInterval(intervalIds[n]), deleteLabelFromArray(e, t, n));
 }, clearAllInterval = () => {
   Object.keys(intervalIds).forEach((e) => {
     clearInterval(e);
   });
 }, deleteLabelFromArray = (e, t, n) => {
-  var r, l, i, c, s, m, d, u;
-  const o = t.findIndex((f) => f.id === n);
+  var r, i, l, c, s, m, d, u;
+  const o = t.findIndex((h) => h.id === n);
   if (o !== -1) {
     t.splice(o, 1);
-    const f = (l = (r = shipsLayer.value) == null ? void 0 : r.getSource()) == null ? void 0 : l.getFeatures().find((h) => {
+    const h = (i = (r = shipsLayer.value) == null ? void 0 : r.getSource()) == null ? void 0 : i.getFeatures().find((f) => {
       var v;
-      return ((v = h.get("data")) == null ? void 0 : v.id) === n;
+      return ((v = f.get("data")) == null ? void 0 : v.id) === n;
     });
-    f && ((c = (i = shipsLayer.value) == null ? void 0 : i.getSource()) == null || c.removeFeature(f));
-    const p = (m = (s = selectShipsLayer.value) == null ? void 0 : s.getSource()) == null ? void 0 : m.getFeatures().find((h) => {
+    h && ((c = (l = shipsLayer.value) == null ? void 0 : l.getSource()) == null || c.removeFeature(h));
+    const p = (m = (s = selectShipsLayer.value) == null ? void 0 : s.getSource()) == null ? void 0 : m.getFeatures().find((f) => {
       var v;
-      return ((v = h.get("data")) == null ? void 0 : v.id) === n;
+      return ((v = f.get("data")) == null ? void 0 : v.id) === n;
     });
     p && ((u = (d = selectShipsLayer.value) == null ? void 0 : d.getSource()) == null || u.removeFeature(p)), e && e.render();
   }
@@ -1173,11 +1180,11 @@ function gcj02ToWgs84(e) {
     return `${t.toFixed(6)}, ${n.toFixed(6)}`;
   {
     let o = transformLat(t - 105, n - 35), r = transformLng(t - 105, n - 35);
-    const l = n / 180 * PI;
-    let i = Math.sin(l);
-    i = 1 - ee * i * i;
-    const c = Math.sqrt(i);
-    o = o * 180 / (a * (1 - ee) / (i * c) * PI), r = r * 180 / (a / c * Math.cos(l) * PI);
+    const i = n / 180 * PI;
+    let l = Math.sin(i);
+    l = 1 - ee * l * l;
+    const c = Math.sqrt(l);
+    o = o * 180 / (a * (1 - ee) / (l * c) * PI), r = r * 180 / (a / c * Math.cos(i) * PI);
     const s = n + o, m = t + r;
     return `${(t * 2 - m).toFixed(6)}, ${(n * 2 - s).toFixed(6)}`;
   }
@@ -1188,12 +1195,12 @@ function calculateCirclePoints(e, t) {
     n[1] - o,
     n[0] + o,
     n[1] + o
-  ], l = transformExtent(r, projection.mercator, projection.data);
+  ], i = transformExtent(r, projection.mercator, projection.data);
   return {
-    leftTopPoint: { lng: l[0], lat: l[3] },
-    rightTopPoint: { lng: l[2], lat: l[3] },
-    rightBottomPoint: { lng: l[2], lat: l[1] },
-    leftBottomPoint: { lng: l[0], lat: l[1] }
+    leftTopPoint: { lng: i[0], lat: i[3] },
+    rightTopPoint: { lng: i[2], lat: i[3] },
+    rightBottomPoint: { lng: i[2], lat: i[1] },
+    leftBottomPoint: { lng: i[0], lat: i[1] }
   };
 }
 const equatorialCircumference = 2003750834e-2;
@@ -1210,11 +1217,11 @@ 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 [y, S] = v;
-    t = Math.min(t, S), n = Math.max(n, S), o = Math.min(o, y), r = Math.max(r, y);
+    const [g, L] = v;
+    t = Math.min(t, L), n = Math.max(n, L), o = Math.min(o, g), r = Math.max(r, g);
   });
-  const l = r - o, i = n - t, c = Math.max(l, i), s = (o + r) / 2, m = (t + n) / 2, d = c / 2, u = s - d, f = s + d, p = m - d, h = m + d;
-  return [f, p, u, h];
+  const i = r - o, l = n - t, c = Math.max(i, l), s = (o + r) / 2, m = (t + n) / 2, d = c / 2, u = s - d, h = s + d, p = m - d, f = m + d;
+  return [h, p, u, f];
 }
 const transformUtils = {
   gcj02ToWgs84,
@@ -1226,21 +1233,21 @@ const transformUtils = {
 }, mapInstance$5 = ref(), renderTrackStyleSetInstance = (e) => mapInstance$5.value = e, stopIcon = "&#xe6e2;", stopColor = "#E31818", slowIcon = "&#xe703;", slowColor = "#1890FF", dropletsIcon = "&#xe6d2", trackList$1 = ref([]);
 let animationFeature;
 const renderTrackLine = (e, t, n) => {
-  var i, c, s;
+  var l, c, s;
   const o = e[t];
   if (!o) return;
   allTracks.value[t] = o, trackList$1.value = [];
   let r = o;
   o.length > 5e3 ? o.filter((m, d) => d % 5 === 0) : o.length > 4e3 ? o.filter((m, d) => d % 4 === 0) : o.length > 2e3 && o.filter((m, d) => d % 2 === 0), trackList$1.value = r.map((m, d) => {
     if (Number(m.lon) > 180 || Number(m.lat) > 180) {
-      const [u, f] = formatUtils.convertSixHundredThousandToLatLng(m.lon, m.lat);
-      m.lon = u, m.lat = f;
+      const [u, h] = formatUtils.convertSixHundredThousandToLatLng(m.lon, m.lat);
+      m.lon = u, m.lat = h;
     }
     return m.center = [m.lon, m.lat], m.centerPoint = transformUtils.lonLatToMercator(m.center), m.id = t, m.index = d, m.time = hooks(m.createdAt).format("YYYY-MM-DD HH:mm:ss"), m;
   });
-  const l = trackList$1.value.map((m) => m.centerPoint);
-  if (l.length >= 2) {
-    const m = new LineString(l), d = new Feature({ geometry: m });
+  const i = trackList$1.value.map((m) => m.centerPoint);
+  if (i.length >= 2) {
+    const m = new LineString(i), d = new Feature({ geometry: m });
     d.setStyle(
       new Style({
         stroke: new Stroke({
@@ -1248,13 +1255,13 @@ const renderTrackLine = (e, t, n) => {
           width: 2
         })
       })
-    ), d.setId(t), d.set("type", "line"), (c = (i = shipTrackVectorLayer.value) == null ? void 0 : i.getSource()) == null || c.clear(), shipTrackLineFeatures.value = [];
+    ), d.setId(t), d.set("type", "line"), (c = (l = shipTrackVectorLayer.value) == null ? void 0 : l.getSource()) == null || c.clear(), shipTrackLineFeatures.value = [];
     const u = shipTrackLineFeatures.value.findIndex((p) => p.getId() === t);
     u >= 0 ? shipTrackLineFeatures.value[u] = d : shipTrackLineFeatures.value.push(d);
-    const f = createAnimatedIconFeature(n, l);
+    const h = createAnimatedIconFeature(n, i);
     trackLineVectorSource.value = new VectorSource({
       features: [...shipTrackLineFeatures.value]
-    }), animationFeature = f, console.log(animationFeature), shipTrackVectorLayer.value = new VectorLayer({
+    }), animationFeature = h, console.log(animationFeature), shipTrackVectorLayer.value = new VectorLayer({
       source: trackLineVectorSource.value,
       zIndex: 102
     }), renderPoint(n), (s = mapInstance$5.value) == null || s.addLayer(shipTrackVectorLayer.value);
@@ -1291,23 +1298,23 @@ 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, f, p;
+  var u, h, p;
   const n = Number(50 * t), o = ((u = e.frameState) == null ? void 0 : u.time) ?? Date.now(), r = o - lastTime;
   if (distance = (distance + n * r / 1e6) % 2, lastTime = o, distance >= 1) {
     stopAnimation();
     return;
   }
-  const l = linePath.getCoordinateAt(
+  const i = linePath.getCoordinateAt(
     distance > 1 ? 2 - distance : distance
-  ), i = linePath.getCoordinateAt(
+  ), l = linePath.getCoordinateAt(
     distance > 1 ? distance - 0.01 : distance
   ), c = linePath.getCoordinateAt(
     distance > 1 ? 2 - distance : distance + 0.01
   ), m = getRotation(
-    transformUtils.mercatorToLonLat(i, "array"),
+    transformUtils.mercatorToLonLat(l, "array"),
     transformUtils.mercatorToLonLat(c, "array")
   ) * Math.PI / 180;
-  (f = geoMarkerStyle.getText()) == null || f.setRotation(m), position.setCoordinates(l);
+  (h = geoMarkerStyle.getText()) == null || h.setRotation(m), position.setCoordinates(i);
   const d = getVectorContext(e);
   d.context_.save(), d.setStyle(geoMarkerStyle), d.drawGeometry(position), d.context_.restore(), (p = mapInstance$5.value) == null || p.render();
 }, startAnimation = () => {
@@ -1353,13 +1360,13 @@ const moveFeature = (e, t) => {
       const d = mapInstance$5.value.getView().getZoom();
       if (!d) return;
       if (d > 15) {
-        const f = n[d] || n.default;
-        m = adjustBounds(m, [f, f]);
+        const h = n[d] || n.default;
+        m = adjustBounds(m, [h, h]);
       }
       let u = !0;
       if (t[c].state !== "0") {
-        for (let f = 0; f < o.length; f++)
-          if (isOverlapping(m, o[f].bounds)) {
+        for (let h = 0; h < o.length; h++)
+          if (isOverlapping(m, o[h].bounds)) {
             u = !1;
             break;
           }
@@ -1367,9 +1374,9 @@ const moveFeature = (e, t) => {
       u && (t[c].bounds = m, o.push(t[c]));
     }
   }
-  const l = getIconStyle(stopIcon), i = getIconStyle(slowIcon);
+  const i = getIconStyle(stopIcon), l = getIconStyle(slowIcon);
   o.forEach((c, s) => {
-    var u, f;
+    var u, h;
     const m = new Feature({
       geometry: new Point(c.centerPoint)
     });
@@ -1400,7 +1407,7 @@ const moveFeature = (e, t) => {
         geometry: new Point(c.centerPoint)
       });
       p.set("type", "track_icon");
-      const h = new Style({
+      const f = new Style({
         text: new Text({
           font: "Normal 22px map-iconfont",
           text: getIconFont(dropletsIcon),
@@ -1408,7 +1415,7 @@ const moveFeature = (e, t) => {
         }),
         zIndex: 99
       }), v = [];
-      Number(c.state) === 0 ? ((u = h.getText()) == null || u.setFill(new Fill({ color: stopColor })), v.push(l)) : Number(c.state) === 1 && ((f = h.getText()) == null || f.setFill(new Fill({ color: slowColor })), v.push(i)), v.push(h), p.setStyle(v), trackLineVectorSource.value.addFeature(p);
+      Number(c.state) === 0 ? ((u = f.getText()) == null || u.setFill(new Fill({ color: stopColor })), v.push(i)) : Number(c.state) === 1 && ((h = f.getText()) == null || h.setFill(new Fill({ color: slowColor })), v.push(l)), v.push(f), p.setStyle(v), trackLineVectorSource.value.addFeature(p);
     }
   }), renderArrow(o, e), renderIconPoint();
 }, renderArrow = (e, t) => {
@@ -1416,14 +1423,14 @@ const moveFeature = (e, t) => {
   n || (e.push(trackList$1.value[0]), e.push(trackList$1.value[trackList$1.value.length - 1]));
   for (let o = 0; o < n - 1; o++) {
     let r;
-    const l = e[o], i = (e[o + 1].index + l.index) / 2;
-    if (i % 2 === 0)
-      r = trackList$1.value[i].centerPoint;
+    const i = e[o], l = (e[o + 1].index + i.index) / 2;
+    if (l % 2 === 0)
+      r = trackList$1.value[l].centerPoint;
     else {
-      const c = trackList$1.value[Math.floor(i)], s = trackList$1.value[Math.ceil(i)];
+      const c = trackList$1.value[Math.floor(l)], s = trackList$1.value[Math.ceil(l)];
       if (c && s) {
-        const [m, d] = c.centerPoint, [u, f] = s.centerPoint;
-        r = [(m + u) / 2, (d + f) / 2];
+        const [m, d] = c.centerPoint, [u, h] = s.centerPoint;
+        r = [(m + u) / 2, (d + h) / 2];
       }
     }
     if (r) {
@@ -1449,21 +1456,21 @@ const moveFeature = (e, t) => {
 }, renderIconPoint = () => {
   const e = "&#xe69b;", t = "#fcdc3f", n = "#ff0000";
   (trackList$1.value.length < 2 ? [trackList$1.value[0]] : [trackList$1.value[0], trackList$1.value[trackList$1.value.length - 1]]).forEach((r) => {
-    const l = new Feature({
+    const i = new Feature({
       geometry: new Point(r.centerPoint)
     });
-    l.set("type", "track_begin"), l.set("data", r);
-    const i = r.index === 0 && trackList$1.value.length >= 2 ? t : n;
-    l.setStyle(
+    i.set("type", "track_begin"), i.set("data", r);
+    const l = r.index === 0 && trackList$1.value.length >= 2 ? t : n;
+    i.setStyle(
       new Style({
         text: new Text({
           font: "Normal 14px map-iconfont",
           text: getIconFont(e),
-          fill: new Fill({ color: i })
+          fill: new Fill({ color: l })
         }),
         zIndex: 101
       })
-    ), trackLineVectorSource.value.addFeature(l);
+    ), trackLineVectorSource.value.addFeature(i);
   });
 }, setTrackLabelStyle = (e, t) => new Style({
   renderer: (n, o) => {
@@ -1479,17 +1486,17 @@ const moveFeature = (e, t) => {
     };
     drawLabel(r, c, trackLabels.value);
   }
-}), mapInstance$4 = ref(), renderCustomOverlaySetInstance = (e) => mapInstance$4.value = e, drawCustomContent = (e, t, n, o = "top-left", r = !1, l = !0) => {
-  var u, f;
+}), mapInstance$4 = ref(), renderCustomOverlaySetInstance = (e) => mapInstance$4.value = e, drawCustomContent = (e, t, n, o = "top-left", r = !1, i = !0) => {
+  var u, h;
   if (!t || !mapInstance$4.value) return;
-  l && document.querySelectorAll(".truck-custom-content").forEach((p) => {
-    var h;
-    return (h = p.parentNode) == null ? void 0 : h.removeChild(p);
+  i && document.querySelectorAll(".truck-custom-content").forEach((p) => {
+    var f;
+    return (f = p.parentNode) == null ? void 0 : f.removeChild(p);
   });
-  const i = document.createElement("div");
-  i.innerHTML = n;
+  const l = document.createElement("div");
+  l.innerHTML = n;
   const c = new Overlay({
-    element: i,
+    element: l,
     position: t,
     // 初始位置
     positioning: o,
@@ -1497,32 +1504,32 @@ const moveFeature = (e, t) => {
     // 设置不阻拦事件
   });
   if (r) {
-    let p = !1, h = [0, 0], v = [0, 0], y = 0, S = 0;
-    i.addEventListener("mousedown", function(M) {
-      var C;
-      p = !0, y = M.clientX, S = M.clientY;
-      const I = (C = mapInstance$4.value) == null ? void 0 : C.getCoordinateFromPixel([M.clientX - 200, M.clientY - 200]);
-      I && (h = I), v = [
-        M.clientX - i.getBoundingClientRect().left + 160,
-        M.clientY - i.getBoundingClientRect().top + 84
-      ], M.preventDefault(), console.log(e, y, S);
-    }), document.addEventListener("mousemove", function(M) {
+    let p = !1, f = [0, 0], v = [0, 0], g = 0, L = 0;
+    l.addEventListener("mousedown", function(S) {
+      var F;
+      p = !0, g = S.clientX, L = S.clientY;
+      const I = (F = mapInstance$4.value) == null ? void 0 : F.getCoordinateFromPixel([S.clientX - 200, S.clientY - 200]);
+      I && (f = I), v = [
+        S.clientX - l.getBoundingClientRect().left + 160,
+        S.clientY - l.getBoundingClientRect().top + 84
+      ], S.preventDefault(), console.log(e, g, L);
+    }), document.addEventListener("mousemove", function(S) {
       var I;
       if (p) {
-        const C = (I = mapInstance$4.value) == null ? void 0 : I.getCoordinateFromPixel([M.clientX - v[0], M.clientY - v[1]]), E = C[0] - h[0], V = C[1] - h[1];
-        c.setPosition([h[0] + E, h[1] + V]);
+        const F = (I = mapInstance$4.value) == null ? void 0 : I.getCoordinateFromPixel([S.clientX - v[0], S.clientY - v[1]]), x = F[0] - f[0], P = F[1] - f[1];
+        c.setPosition([f[0] + x, f[1] + P]);
       }
     }), document.addEventListener("mouseup", function() {
       p = !1;
     });
   }
   (u = mapInstance$4.value) == null || u.addOverlay(c);
-  const s = i.querySelector(".close-button");
+  const s = l.querySelector(".close-button");
   s && s.addEventListener("click", () => {
-    var p, h;
-    (p = mapInstance$4.value) == null || p.removeOverlay(c), (h = i.parentNode) == null || h.removeChild(i);
+    var p, f;
+    (p = mapInstance$4.value) == null || p.removeOverlay(c), (f = l.parentNode) == null || f.removeChild(l);
   });
-  const m = JSON.parse(JSON.stringify(t)), d = (f = mapInstance$4.value) == null ? void 0 : f.getCoordinateFromPixel(m);
+  const m = JSON.parse(JSON.stringify(t)), d = (h = mapInstance$4.value) == null ? void 0 : h.getCoordinateFromPixel(m);
   return c.setPosition(d), c;
 }, mapInstance$3 = ref(), renderTrackSetInstance = (e) => mapInstance$3.value = e, showTracks = ref([]), trackList = ref([]);
 ref(null);
@@ -1535,21 +1542,21 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
     ((d = showTracks.value) == null ? void 0 : d.findIndex((u) => u.id === e)) < 0 && showTracks.value.push({ id: e, length: "" });
     return;
   }
-  const l = {};
+  const i = {};
   t.forEach((u) => {
     u.state ? u.state = Number(u.state) : delete u.state;
-  }), trackId.value = e, l[e] = t, trackList.value = t;
-  const i = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], c = l[e].map(
+  }), trackId.value = e, i[e] = t, trackList.value = t;
+  const l = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], c = i[e].map(
     (u) => transform([u.lon, u.lat], projection.data, projection.mercator)
   ), s = new LineString(c), m = formatUtils.formatLength(s, o) || "--";
   nextTick(() => {
-    var f, p;
-    const u = (f = showTracks.value) == null ? void 0 : f.findIndex((h) => h.id === e);
-    u < 0 ? showTracks.value.push({ id: e, length: m }) : showTracks.value[u].length = m, ++cursor.value, cursor.value > i.length && (cursor.value = 0), renderTrackLine(l, e, n), nextTick(() => {
+    var h, p;
+    const u = (h = showTracks.value) == null ? void 0 : h.findIndex((f) => f.id === e);
+    u < 0 ? showTracks.value.push({ id: e, length: m }) : showTracks.value[u].length = m, ++cursor.value, cursor.value > l.length && (cursor.value = 0), renderTrackLine(i, e, n), nextTick(() => {
       resetTrackView(e);
     }).then(() => {
     }), (p = mapInstance$3.value) == null || p.on("moveend", () => {
-      showTrackLayer.value && (trackLabels.value = [], renderTrackLine(l, e, n));
+      showTrackLayer.value && (trackLabels.value = [], renderTrackLine(i, e, n));
     }), renderTrackPointPopup();
   }).then(() => {
   });
@@ -1557,9 +1564,9 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
   var t;
   const e = ref(null);
   (t = mapInstance$3.value) == null || t.on("pointermove", (n) => {
-    var r, l, i, c;
+    var r, i, l, 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, (s) => s);
+    const o = (i = mapInstance$3.value) == null ? void 0 : i.forEachFeatureAtPixel(n.pixel, (s) => s);
     if (o) {
       const s = o.get("data");
       if (!(s != null && s.time)) return;
@@ -1601,10 +1608,10 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
                         <div class="item-item">${s.time}</div>
                     </div>
                     ${m ?? m}
-                </div>`, u = (i = mapInstance$3.value) == null ? void 0 : i.getPixelFromCoordinate(n.coordinate);
+                </div>`, u = (l = mapInstance$3.value) == null ? void 0 : l.getPixelFromCoordinate(n.coordinate);
       if (u) {
-        const f = drawCustomContent(s.time, u, d, "top-left");
-        f && (e.value = f);
+        const h = drawCustomContent(s.time, u, d, "top-left");
+        h && (e.value = h);
       }
     } else
       e.value && ((c = mapInstance$3.value) == null || c.removeOverlay(e.value));
@@ -1616,20 +1623,20 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
   handlePlay(String(e), t);
 }, resetTrackView = (e) => {
   var r;
-  const t = mapInstance$3.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((i) => i.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)
     try {
-      const l = buffer(o, Math.max(o[2] - o[0], o[3] - o[1]) * 0.02);
-      t.fit(l);
-    } catch (l) {
-      console.log(l);
+      const i = buffer(o, Math.max(o[2] - o[0], o[3] - o[1]) * 0.02);
+      t.fit(i);
+    } catch (i) {
+      console.log(i);
     }
 }, formatMinutesToDDHHMM = (e) => {
   const t = hooks.duration(e, "minutes"), n = Math.floor(t.asDays()), o = t.hours(), r = t.minutes();
-  let l = `${String(r).padStart(2, "0")}分`;
-  return o !== 0 && (l = `${String(o).padStart(2, "0")}时${l}`), n !== 0 && (l = `${String(n).padStart(2, "0")}天${l}`), l;
+  let i = `${String(r).padStart(2, "0")}分`;
+  return o !== 0 && (i = `${String(o).padStart(2, "0")}时${i}`), n !== 0 && (i = `${String(n).padStart(2, "0")}天${i}`), i;
 }, _hoisted_1$3 = {
   key: 0,
   class: "more-tool-panel"
@@ -1644,28 +1651,28 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
   },
   emits: ["switchGreenDot", "switchMapTile"],
   setup(e, { emit: t }) {
-    var p, h;
-    const n = inject("mapInstance"), o = e, r = t, l = ref(((h = (p = n == null ? void 0 : n.value) == null ? void 0 : p.getView()) == null ? void 0 : h.getZoom()) || mapZoom.default), i = ref(!1), c = ref(null), s = ref(!0), m = () => {
-      o.disableGreenDot || l.value >= mapZoom.shipGreenDotMax || (s.value = !s.value, r("switchGreenDot", s.value));
+    var p, f;
+    const n = inject("mapInstance"), o = e, r = t, i = ref(((f = (p = n == null ? void 0 : n.value) == null ? void 0 : p.getView()) == null ? void 0 : f.getZoom()) || mapZoom.default), l = ref(!1), c = ref(null), s = ref(!0), m = () => {
+      o.disableGreenDot || i.value >= mapZoom.shipGreenDotMax || (s.value = !s.value, r("switchGreenDot", s.value));
     }, d = () => {
       r("switchMapTile", o.mapTileMode === BaseMapType.vector ? BaseMapType.satellite : BaseMapType.vector);
     }, u = () => {
-      var v, y;
-      i.value ? (showMeasure.value = !1, (v = c.value) == null || v.removeInteraction()) : (showMeasure.value = !0, (y = c.value) == null || y.addInteraction()), i.value = !i.value;
-    }, f = () => {
+      var v, g;
+      l.value ? (showMeasure.value = !1, (v = c.value) == null || v.removeInteraction()) : (showMeasure.value = !0, (g = c.value) == null || g.addInteraction()), l.value = !l.value;
+    }, h = () => {
       var v;
-      (v = c.value) == null || v.removeInteraction(), i.value = !1;
+      (v = c.value) == null || v.removeInteraction(), l.value = !1;
     };
     return onMounted(() => {
       nextTick(() => {
         var v;
         (v = n == null ? void 0 : n.value) == null || v.on("moveend", () => {
-          var S, M;
-          const y = (M = (S = n == null ? void 0 : n.value) == null ? void 0 : S.getView()) == null ? void 0 : M.getZoom();
-          y && (l.value = y);
+          var L, S;
+          const g = (S = (L = n == null ? void 0 : n.value) == null ? void 0 : L.getView()) == null ? void 0 : S.getZoom();
+          g && (i.value = g);
         });
       });
-    }), (v, y) => (openBlock(), createElementBlock(Fragment, null, [
+    }), (v, g) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
         class: normalizeClass(`tool-panel ${v.viewMode}`)
       }, [
@@ -1673,48 +1680,48 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
           createElementVNode("div", _hoisted_2$1, [
             v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
+              class: normalizeClass(["switch-btn", `${l.value && "active"}`]),
               onClick: u
-            }, y[5] || (y[5] = [
+            }, g[5] || (g[5] = [
               createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "测距", -1)
             ]), 2)) : createCommentVNode("", !0),
             v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: normalizeClass(`switch-btn ${s.value && "active"} ${(v.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
+              class: normalizeClass(`switch-btn ${s.value && "active"} ${(v.disableGreenDot || i.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
               onClick: m
-            }, y[6] || (y[6] = [
+            }, 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", {
               key: 2,
               class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: y[0] || (y[0] = (S) => d())
-            }, y[7] || (y[7] = [
+              onClick: g[0] || (g[0] = (L) => d())
+            }, 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", {
               key: 3,
               class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: y[1] || (y[1] = (S) => d())
-            }, y[8] || (y[8] = [
+              onClick: g[1] || (g[1] = (L) => d())
+            }, 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 }, [
               createElementVNode("div", {
                 class: "switch-btn multiple",
-                onClick: y[2] || (y[2] = (S) => unref(playTrack)(unref(currentTrackId), 1))
-              }, y[9] || (y[9] = [
+                onClick: g[2] || (g[2] = (L) => 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: y[3] || (y[3] = (S) => unref(resetTrackView)())
-              }, y[10] || (y[10] = [
+                onClick: g[3] || (g[3] = (L) => unref(resetTrackView)())
+              }, g[10] || (g[10] = [
                 createElementVNode("i", { class: "map-iconfont icon-center" }, null, -1),
                 createElementVNode("div", { class: "button-text" }, "轨迹居中", -1)
               ]))
@@ -1724,17 +1731,17 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
         ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           v.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("div", {
-              class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
+              class: normalizeClass(["switch-btn", `${l.value && "active"}`]),
               onClick: u
-            }, y[11] || (y[11] = [
+            }, g[11] || (g[11] = [
               createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "测距", -1)
             ]), 2),
             v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(`switch-btn ${s.value && "active"} ${(v.disableGreenDot || l.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
+              class: normalizeClass(`switch-btn ${s.value && "active"} ${(v.disableGreenDot || i.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
               onClick: m
-            }, y[12] || (y[12] = [
+            }, g[12] || (g[12] = [
               createElementVNode("i", { class: "map-iconfont icon-ship" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "绿点", -1)
             ]), 2)) : createCommentVNode("", !0)
@@ -1742,20 +1749,20 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
           createElementVNode("div", {
             class: normalizeClass(["switch-btn", { active: v.mapTileMode === unref(BaseMapType).satellite }]),
             onClick: d
-          }, y[13] || (y[13] = [
+          }, g[13] || (g[13] = [
             createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
             createElementVNode("div", { class: "button-text" }, "卫星", -1)
           ]), 2)
         ], 64))
       ], 2),
       createElementVNode("div", _hoisted_3, [
-        i.value ? (openBlock(), createBlock(Measure, {
+        l.value ? (openBlock(), createBlock(Measure, {
           key: 0,
           ref_key: "measureRef",
           ref: c,
-          visible: i.value,
-          "onUpdate:visible": y[4] || (y[4] = (S) => i.value = S),
-          onClose: f,
+          visible: l.value,
+          "onUpdate:visible": g[4] || (g[4] = (L) => l.value = L),
+          onClose: h,
           "view-mode": v.viewMode
         }, null, 8, ["visible", "view-mode"])) : createCommentVNode("", !0)
       ])
@@ -1769,12 +1776,12 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
       setScaleLine: (r) => {
         var c;
         r || (r = "metric");
-        const l = new ScaleLine$1({
+        const i = new ScaleLine$1({
           units: r
-        }), i = document.getElementById("scale-line-container");
-        i && (l.setTarget(i), (c = n == null ? void 0 : n.value) == null || c.addControl(l));
+        }), l = document.getElementById("scale-line-container");
+        l && (i.setTarget(l), (c = n == null ? void 0 : n.value) == null || c.addControl(i));
       }
-    }), (r, l) => (openBlock(), createElementBlock("div", _hoisted_1$2));
+    }), (r, i) => (openBlock(), createElementBlock("div", _hoisted_1$2));
   }
 }), ScaleLine = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d666f80d"]]), _hoisted_1$1 = { class: "zoom" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "zoomControl",
@@ -1786,14 +1793,14 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
   setup(e) {
     const t = inject("mapInstance"), n = () => {
       if (!t.value) return;
-      const r = t.value.getView(), l = r.getZoom();
-      l && r.setZoom(l + 1);
+      const r = t.value.getView(), i = r.getZoom();
+      i && r.setZoom(i + 1);
     }, o = () => {
       if (!t.value) return;
-      const r = t.value.getView(), l = r.getZoom();
-      l && r.setZoom(l - 1);
+      const r = t.value.getView(), i = r.getZoom();
+      i && r.setZoom(i - 1);
     };
-    return (r, l) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
+    return (r, i) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
       createElementVNode("div", {
         onClick: n,
         class: "button big-button"
@@ -1811,11 +1818,11 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
     mapTile: { default: BaseMapType.satellite }
   },
   setup(e) {
-    useCssVars((l) => ({
+    useCssVars((i) => ({
       "0d38823b": r.value
     }));
     const t = e, n = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? `map/tdt-copyright-h${t.mapTile === BaseMapType.satellite ? "-w" : ""}.svg` : `map/tdt-copyright-v${t.mapTile === BaseMapType.satellite ? "-w" : ""}.svg`), o = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "400px" : "168px"), r = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "auto auto 0 5px" : "0 auto auto 5px");
-    return (l, i) => (openBlock(), createElementBlock("div", _hoisted_1, [
+    return (i, l) => (openBlock(), createElementBlock("div", _hoisted_1, [
       createElementVNode("img", {
         src: unref(CDN_URL) + n.value,
         width: o.value,
@@ -1837,30 +1844,30 @@ const loadImage = new Image();
 loadImage.src = `${CDN_URL}/map/map-load.svg`;
 loadImage.crossOrigin = "anonymous";
 const setTruckStyle = (e, t, n, o) => new Style({
-  renderer: (r, l) => {
-    const i = l.context;
-    i.save();
+  renderer: (r, i) => {
+    const l = i.context;
+    l.save();
     let c = 1;
-    i.scale(c, c);
+    l.scale(c, c);
     let [s, m] = r;
     s = Number(s) / c - 20, m = Number(m) / c;
     const d = s - 70, u = m - 68;
-    let f = 180;
-    const p = 56, h = "#FFFFFF";
+    let h = 180;
+    const p = 56, f = "#FFFFFF";
     let v = 176;
-    const y = 52;
-    let S = "#164AFF", M = "#FFFFFF";
-    n === CAR_COLOR.YELLOW ? (v = 176, S = "#FFC81E", M = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, v = 196, S = "#8FED7C", M = "rgba(0,0,0,0.88)"), o != null && o.length && (f += o.length * 56), fillRectRadius(i, d, u, f, p, h), fillRectRadius(i, d + 2, u + 2, v, y, S), n === CAR_COLOR.Y_GREEN && fillRectRadius(i, d + 2, u + 2, 68, y, "#FFC81E"), i.save(), i.restore(), i.fillStyle = M, i.font = "bold 28px Arial", i.textAlign = "left", i.textBaseline = "middle";
+    const g = 52;
+    let L = "#164AFF", S = "#FFFFFF";
+    n === CAR_COLOR.YELLOW ? (v = 176, L = "#FFC81E", S = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (h = 200, v = 196, L = "#8FED7C", S = "rgba(0,0,0,0.88)"), o != null && o.length && (h += o.length * 56), fillRectRadius(l, d, u, h, p, f), fillRectRadius(l, d + 2, u + 2, v, g, L), n === CAR_COLOR.Y_GREEN && fillRectRadius(l, d + 2, u + 2, 68, g, "#FFC81E"), l.save(), l.restore(), l.fillStyle = S, l.font = "bold 28px Arial", l.textAlign = "left", l.textBaseline = "middle";
     const I = `${t.slice(0, 2) + " · " + t.slice(2)}`;
-    if (i.fillText(I, d + 12, u + 32), i.save(), i.restore(), o != null && o.length) {
-      const E = i.measureText(I).width + 12;
-      let V = 0;
-      o.forEach((P) => {
-        P === DEVICE_TYPE.CAMERA && (i.drawImage(cameraImage, s - 54 + E + V * 56, m - 64, 50, 50), ++V), P === DEVICE_TYPE.LOAD && (i.drawImage(loadImage, s - 54 + E + V * 56, m - 64, 50, 50), ++V);
+    if (l.fillText(I, d + 12, u + 32), l.save(), l.restore(), o != null && o.length) {
+      const x = l.measureText(I).width + 12;
+      let P = 0;
+      o.forEach(($) => {
+        $ === DEVICE_TYPE.CAMERA && (l.drawImage(cameraImage, s - 54 + x + P * 56, m - 64, 50, 50), ++P), $ === DEVICE_TYPE.LOAD && (l.drawImage(loadImage, s - 54 + x + P * 56, m - 64, 50, 50), ++P);
       });
     }
-    const C = dotImage;
-    i.drawImage(C, s + f / 2 - 90, m, 50 / c, 50 / c), i.restore();
+    const F = dotImage;
+    l.drawImage(F, s + h / 2 - 90, m, 50 / c, 50 / c), l.restore();
   }
 }), mapInstance$2 = ref(), renderDashboardSetInstance = (e) => mapInstance$2.value = e;
 ref([]);
@@ -1891,8 +1898,8 @@ const renderTrucksMarker = (e) => {
   if (!mapInstance$1.value || (focusShipData.value = e, !(e != null && e.lon && (e != null && e.lat)))) return;
   const n = Math.abs(Number(e.lon)) > 180 ? formatUtils.convertSixHundredThousandToLatLng(e.lon, e.lat) : [e.lon, e.lat], o = mapInstance$1.value.getPixelFromCoordinate(transform(n, projection.data, projection.mercator));
   currentTruckOverlay.value = e ? drawTruckIcon(e.vno, o, (e == null ? void 0 : e.drc) ?? "", t) ?? null : null;
-  const r = mapInstance$1.value.getView(), l = new Point(n);
-  r.setCenter(transform(l.getCoordinates(), projection.data, projection.mercator));
+  const r = mapInstance$1.value.getView(), i = new Point(n);
+  r.setCenter(transform(i.getCoordinates(), projection.data, projection.mercator));
 }, clearAllTruck = () => {
   vehicle.value.clearAllShip();
 }, drawTruckIcon = (e, t, n, o) => {
@@ -1905,15 +1912,15 @@ const renderTrucksMarker = (e) => {
   const e = (t = currentTruckOverlay.value) == null ? void 0 : t.getElement();
   e && (e.innerHTML = "");
 }, zoomTruckIcon = () => {
-  var l;
+  var i;
   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;
+  function o(l) {
+    return l < 14 ? n : l >= 14 && l <= 18 ? Math.round((l - 14) * (t - n) / 4 + n) : t;
   }
   const r = o(e);
-  (l = document.querySelectorAll(".truck-custom-content")) == null || l.forEach((i) => {
-    i.style.width = `${r}px`, i.style.height = `${r}px`;
+  (i = document.querySelectorAll(".truck-custom-content")) == null || i.forEach((l) => {
+    l.style.width = `${r}px`, l.style.height = `${r}px`;
   });
 }, mapInstance = ref(), drawPolygonSetInstance = (e) => mapInstance.value = e;
 let layerState = "drawn", drawnState = "undrawn";
@@ -1959,13 +1966,13 @@ function createHelpTooltip() {
 }
 let squareLimitError = !1, lineLimitError = !1;
 const validateSquareLimit = (e) => {
-  let n = 1 / 0, o = -1 / 0, r = 1 / 0, l = -1 / 0;
+  let n = 1 / 0, o = -1 / 0, r = 1 / 0, i = -1 / 0;
   e == null || e.forEach((s) => {
     const m = transform(s, projection.mercator, projection.data), d = m[0], u = m[1];
-    n = Math.min(n, u), o = Math.max(o, u), r = Math.min(r, d), l = Math.max(l, d);
+    n = Math.min(n, u), o = Math.max(o, u), r = Math.min(r, d), i = Math.max(i, d);
   });
-  const i = (o - n) * 111, c = (l - r) * 111;
-  squareLimitError = i > 150 || c > 150;
+  const l = (o - n) * 111, c = (i - r) * 111;
+  squareLimitError = l > 150 || c > 150;
 };
 let storeFeature, callbackFunction = null;
 const addInteraction = (e) => {
@@ -1978,16 +1985,16 @@ const addInteraction = (e) => {
   }), (o = mapInstance.value) == null || o.addInteraction(draw), createMeasureTooltip(), createHelpTooltip();
   let t;
   draw.on("drawstart", function(r) {
-    var l;
-    layerState = "drawn", sketch = r.feature, t = (l = sketch.getGeometry()) == null ? void 0 : l.on("change", function(i) {
-      const c = i.target, s = formatUtils.formatArea(c, LENGTH_UNIT.NM), d = c.getCoordinates()[0], u = new LineString([d[d.length - 2], d[d.length - 1]]), f = formatUtils.formatLength(u, LENGTH_UNIT.NM);
+    var i;
+    layerState = "drawn", sketch = r.feature, t = (i = sketch.getGeometry()) == null ? void 0 : i.on("change", function(l) {
+      const c = l.target, s = formatUtils.formatArea(c, LENGTH_UNIT.NM), d = c.getCoordinates()[0], u = new LineString([d[d.length - 2], d[d.length - 1]]), h = formatUtils.formatLength(u, LENGTH_UNIT.NM);
       if (lineLimitError = Number(getLength(u) / 1e3) > 150, validateSquareLimit(d), measureTooltipElement && s && (measureTooltipElement.innerHTML = `
                 <span class="text">面积：${s}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
             `), helpTooltipElement && s) {
         let p = "";
         parseFloat(s) > 0 && (p = `
                         <div class="text ${squareLimitError ? "error" : ""}">面积：${s}${squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</div>`), helpTooltipElement.innerHTML = `${p}
-                    <span class="text ${lineLimitError ? "error" : ""}">线段${d.length - 2}：${f}${lineLimitError ? '<span class="error pl-4">超出可以绘画的距离</span>' : ""}</span>
+                    <span class="text ${lineLimitError ? "error" : ""}">线段${d.length - 2}：${h}${lineLimitError ? '<span class="error pl-4">超出可以绘画的距离</span>' : ""}</span>
                     <div><span class="text">单击继续，双击结束</span></div>
                 `;
       }
@@ -1995,12 +2002,12 @@ const addInteraction = (e) => {
   }), draw.on("drawend", function(r) {
     if (r.feature.getGeometry()) {
       storeFeature = r.feature;
-      const l = endFn(r.feature);
-      l != null && l.length && callbackFunction && callbackFunction(l);
+      const i = endFn(r.feature);
+      i != null && i.length && callbackFunction && callbackFunction(i);
     }
     if (sketch = null, measureTooltipElement = null, createMeasureTooltip(), t && unByKey(t), drawnState = "drawend", draw && mapInstance.value) {
-      const l = mapInstance.value.getInteractions().getArray().find((i) => getUid(i) === getUid(draw));
-      l && mapInstance.value.removeInteraction(l), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement);
+      const i = mapInstance.value.getInteractions().getArray().find((l) => getUid(l) === getUid(draw));
+      i && mapInstance.value.removeInteraction(i), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement);
     }
   });
 }, removeInteraction = () => {
@@ -2018,11 +2025,11 @@ const addInteraction = (e) => {
 }, endFn = (e) => {
   var t, n, o;
   if (e.getGeometry()) {
-    const r = [], i = e.getGeometry().getCoordinates();
-    (t = i[0]) == null || t.forEach((s) => {
+    const r = [], l = e.getGeometry().getCoordinates();
+    (t = l[0]) == null || t.forEach((s) => {
       r.push(transform(s, projection.mercator, projection.data));
     });
-    const c = i[0][i[0].length - 2];
+    const c = l[0][l[0].length - 2];
     if (c && measureTooltip.setPosition(c), measureTooltip.setOffset([10, 0]), measureTooltipElement && (measureTooltipElement.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), (n = document.querySelector(".delete-icon")) == null || n.addEventListener("click", () => {
       reset();
     }), !lineLimitError && !squareLimitError)
@@ -2038,10 +2045,10 @@ const addInteraction = (e) => {
     measureTooltipElement && (measureTooltipElement.innerHTML = `
                 <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 && callbackFunction && callbackFunction(l);
-    const i = getCenter(storeFeature.getGeometry().getExtent());
-    (n = mapInstance.value) == null || n.getView().setCenter(i);
+    const i = endFn(storeFeature);
+    i != null && i.length && callbackFunction && callbackFunction(i);
+    const l = getCenter(storeFeature.getGeometry().getExtent());
+    (n = mapInstance.value) == null || n.getView().setCenter(l);
   }
 }, pointerMoveHandler = function(e) {
   var n;
@@ -2082,21 +2089,21 @@ const addInteraction = (e) => {
   o.crossOrigin = "anonymous";
   const r = new Image();
   r.crossOrigin = "anonymous";
-  const { color: l, url: i, activeUrl: c, activeColor: s, imgWidth: m, imgHeight: d } = n;
-  return (c || i) && (e ? r.src = CDN_URL + (c || i) : o.src = CDN_URL + (i || c)), new Style({
-    renderer: (u, f) => {
-      const p = f.context;
+  const { color: i, url: l, activeUrl: c, activeColor: s, imgWidth: m, imgHeight: d } = n;
+  return (c || l) && (e ? r.src = CDN_URL + (c || l) : o.src = CDN_URL + (l || c)), new Style({
+    renderer: (u, h) => {
+      const p = h.context;
       p.save();
-      const h = window.devicePixelRatio || 1;
-      let [v, y] = u;
-      if (v = Number(v), y = Number(y), t) {
-        p.font = `${12 * h}px Arial`;
-        const S = p.measureText(t).width, M = v - S / 2 - (h <= 1 ? 8 : h), I = y + 6 * h, C = S + 4, E = 16 * h, V = e && s || l;
-        fillRectRadius(p, M, I + (h <= 1 ? 6 : 13 * h), C, E, V), p.save(), p.restore(), p.fillStyle = e ? "#FFFFFF" : "#000000", p.textAlign = "center", p.textBaseline = "middle", p.fillText(t, M + (S + 4) / 2, I + (h <= 1 ? 16 : 22 * h)), p.save(), p.restore();
+      const f = window.devicePixelRatio || 1;
+      let [v, g] = u;
+      if (v = Number(v), g = Number(g), t) {
+        p.font = `${12 * f}px Arial`;
+        const L = p.measureText(t).width, S = v - L / 2 - (f <= 1 ? 8 : f), I = g + 6 * f, F = L + 4, x = 16 * f, P = e && s || i;
+        fillRectRadius(p, S, I + (f <= 1 ? 6 : 13 * f), F, x, P), p.save(), p.restore(), p.fillStyle = e ? "#FFFFFF" : "#000000", p.textAlign = "center", p.textBaseline = "middle", p.fillText(t, S + (L + 4) / 2, I + (f <= 1 ? 16 : 22 * f)), p.save(), p.restore();
       }
-      if (i || c) {
-        const S = e ? r : o;
-        p.drawImage(S, v - (m || S.width) / 2, y - (d || S.height) / 2, 30 * h, 30 * h);
+      if (l || c) {
+        const L = e ? r : o;
+        p.drawImage(L, v - (m || L.width) / 2, g - (d || L.height) / 2, 30 * f, 30 * f);
       }
       p.restore();
     }
@@ -2122,23 +2129,23 @@ class PointMarkerClass {
     b(this, "options");
     // 使用坐标点区域自动缩放地图层级
     b(this, "resetPointsView", (t) => {
-      var l;
+      var i;
       if (!this.mapInstance || t.length === 0) return;
-      const n = (l = this.mapInstance) == null ? void 0 : l.getView();
+      const n = (i = this.mapInstance) == null ? void 0 : i.getView();
       if (!n) return;
       const r = t.map(
-        (i) => transform(i, projection.data, projection.mercator)
-      ).reduce((i, c) => [
-        Math.min(i[0], c[0]),
-        Math.min(i[1], c[1]),
-        Math.max(i[2], c[0]),
-        Math.max(i[3], c[1])
+        (l) => transform(l, projection.data, projection.mercator)
+      ).reduce((l, c) => [
+        Math.min(l[0], c[0]),
+        Math.min(l[1], c[1]),
+        Math.max(l[2], c[0]),
+        Math.max(l[3], c[1])
       ], [1 / 0, 1 / 0, -1 / 0, -1 / 0]);
       try {
-        const i = buffer(r, Math.max(r[2] - r[0], r[3] - r[1]) * 0.02);
-        n.fit(i);
-      } catch (i) {
-        console.error("Failed to zoom to points:", i);
+        const l = buffer(r, Math.max(r[2] - r[0], r[3] - r[1]) * 0.02);
+        n.fit(l);
+      } catch (l) {
+        console.error("Failed to zoom to points:", l);
       }
     });
     this.mapInstance = t, this.options = n;
@@ -2162,9 +2169,9 @@ class PointMarkerClass {
     if (!this.mapInstance) return;
     let n = {};
     t.forEach((o) => {
-      var l;
+      var i;
       const r = [o.lon, o.lat];
-      if (((l = this.highlightPoint) == null ? void 0 : l.id) === o.id)
+      if (((i = this.highlightPoint) == null ? void 0 : i.id) === o.id)
         n = {
           id: o.id,
           name: o.name,
@@ -2172,12 +2179,12 @@ class PointMarkerClass {
           pointType: o.pointType
         };
       else {
-        const i = this.getFeature(o, r);
+        const l = this.getFeature(o, r);
         this.pointMarkerList.push({
           id: o.id,
           name: o.name,
           lonlat: [Number(o.lon), Number(o.lat)],
-          feature: i,
+          feature: l,
           pointType: o.pointType
         });
       }
@@ -2223,7 +2230,7 @@ class PointMarkerClass {
    */
   highlightPointMarker(t) {
     if (!this.mapInstance) return;
-    const { id: n, name: o, fullName: r, lon: l, lat: i, pointType: c } = t, s = [Number(l), Number(i)];
+    const { id: n, name: o, fullName: r, lon: i, lat: l, pointType: c } = t, s = [Number(i), Number(l)];
     this.highlightPoint = {
       id: n,
       name: o,
@@ -2252,10 +2259,10 @@ class PointMarkerClass {
    */
   setPointCenter(t, n = { customZoom: mapZoom.findShip, type: 1 }) {
     if (!this.mapInstance) return;
-    const { customZoom: o = mapZoom.findShip, type: r = 1 } = n, l = this.mapInstance.getView(), i = l.getZoom();
-    (r === 1 || i > o && r === 2 || i < o && r === 3) && l.setZoom(o);
+    const { customZoom: o = mapZoom.findShip, type: r = 1 } = n, i = this.mapInstance.getView(), l = i.getZoom();
+    (r === 1 || l > o && r === 2 || l < o && r === 3) && i.setZoom(o);
     const c = new Point(t);
-    l.setCenter(transform(c.getCoordinates(), projection.data, projection.mercator));
+    i.setCenter(transform(c.getCoordinates(), projection.data, projection.mercator));
   }
 }
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -2274,15 +2281,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(e, { expose: t, emit: n }) {
     const o = ref();
     provide("mapInstance", o);
-    const r = ref(null), l = ref(null), i = ref(null), c = n, s = e, m = ref(s.zoom || mapZoom.default), d = ref(!1), u = ref(!0), f = ref(!0), p = ref(!0), h = {
+    const r = ref(null), i = ref(null), l = ref(null), c = n, s = e, m = ref(s.zoom || mapZoom.default), d = ref(!1), u = ref(!0), h = ref(!0), p = ref(!0), f = {
       tiandituTile: new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) }),
       tiandituTileMark: new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) }),
       tiandituImgTile: new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 }),
       tiandituImgTileMark: new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 }),
       greenMark: new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })
     }, v = () => {
-      var k, g;
-      const w = {
+      var w, k;
+      const y = {
         projection: projection.mercator,
         // 地图投影坐标系
         zoom: s.zoom || (s.vehicleMode === "ship" ? mapZoom.default : mapZoom.truckDefault),
@@ -2304,107 +2311,107 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // 对应页面里 id 为 map 的元素
         layers: [
           // 图层
-          h.tiandituTile,
-          h.tiandituTileMark,
-          h.tiandituImgTile,
-          h.tiandituImgTileMark,
-          h.greenMark
+          f.tiandituTile,
+          f.tiandituTileMark,
+          f.tiandituImgTile,
+          f.tiandituImgTileMark,
+          f.greenMark
         ],
-        view: new View(w)
-      }), y(), s.showToolPanel === void 0 ? p.value = !0 : p.value = s.showToolPanel, (k = l.value) == null || k.setScaleLine(s.vehicleMode === "ship" ? "nautical" : "metric"), (g = o.value) == null || g.on("moveend", C), S(w.zoom < mapZoom.shipGreenDotMax), I(s.vehicleMode === "ship" || s.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), s.viewMode === "findShip" && s.mmsi && s.shipData && nextTick(() => {
+        view: new View(y)
+      }), g(), s.showToolPanel === void 0 ? p.value = !0 : p.value = s.showToolPanel, (w = i.value) == null || w.setScaleLine(s.vehicleMode === "ship" ? "nautical" : "metric"), (k = o.value) == null || k.on("moveend", F), L(y.zoom < mapZoom.shipGreenDotMax), I(s.vehicleMode === "ship" || s.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), s.viewMode === "findShip" && s.mmsi && s.shipData && nextTick(() => {
         findShip(String(s.mmsi), s.shipData);
       }), onShipsMarkerHover();
     };
     onMounted(() => {
       v();
     });
-    const y = () => {
+    const g = () => {
       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));
-    }, S = (w) => {
-      var k;
-      s.vehicleMode !== "ship" && (w = !1), (k = o.value) == null || k.getLayers().forEach((g) => {
-        getUid(g) === getUid(h.greenMark) && (g.setVisible(w), u.value = w);
+    }, L = (y) => {
+      var w;
+      s.vehicleMode !== "ship" && (y = !1), (w = o.value) == null || w.getLayers().forEach((k) => {
+        getUid(k) === getUid(f.greenMark) && (k.setVisible(y), u.value = y);
       });
-    }, M = ref(BaseMapType.satellite), I = (w) => {
-      var k;
-      M.value = w, (k = o.value) == null || k.getLayers().forEach((g) => {
-        (getUid(g) === getUid(h.tiandituTile) || getUid(g) === getUid(h.tiandituTileMark) || getUid(g) === getUid(h.tiandituImgTile) || getUid(g) === getUid(h.tiandituImgTileMark)) && g.setVisible(!1), (w === BaseMapType.vector && (getUid(g) === getUid(h.tiandituTile) || getUid(g) === getUid(h.tiandituTileMark)) || w === BaseMapType.satellite && (getUid(g) === getUid(h.tiandituImgTile) || getUid(g) === getUid(h.tiandituImgTileMark))) && g.setVisible(!0);
+    }, S = ref(BaseMapType.satellite), I = (y) => {
+      var w;
+      S.value = y, (w = o.value) == null || w.getLayers().forEach((k) => {
+        (getUid(k) === getUid(f.tiandituTile) || getUid(k) === getUid(f.tiandituTileMark) || getUid(k) === getUid(f.tiandituImgTile) || getUid(k) === getUid(f.tiandituImgTileMark)) && k.setVisible(!1), (y === BaseMapType.vector && (getUid(k) === getUid(f.tiandituTile) || getUid(k) === getUid(f.tiandituTileMark)) || y === BaseMapType.satellite && (getUid(k) === getUid(f.tiandituImgTile) || getUid(k) === getUid(f.tiandituImgTileMark))) && k.setVisible(!0);
       });
-    }, C = () => {
-      const w = o.value.getView(), k = w.getZoom();
-      k && E(k);
-      const g = w.calculateExtent(o.value.getSize());
-      g && k && V(g, k);
-    }, E = (w) => {
-      var L, T, F, x, N;
-      m.value = w, S(w < mapZoom.shipGreenDotMax);
-      const k = (L = o.value) == null ? void 0 : L.getLayers(), g = s.vehicleMode === "ship" ? k == null ? void 0 : k.getArray().find(($) => getUid($) === getUid(h.greenMark)) : void 0;
-      showTrackLayer.value ? (f.value = !1, g == null || g.setVisible(!1), (T = shipsLayer.value) == null || T.setVisible(!1), (F = largeAmountShipsLayer.value) == null || F.setVisible(!1)) : !d.value && u.value && w <= mapZoom.shipGreenDotMax ? (f.value = !0, g == null || g.setVisible(!0), (x = shipsLayer.value) == null || x.setVisible(!1), (N = largeAmountShipsLayer.value) == null || N.setVisible(!1)) : (f.value = !1, g == null || g.setVisible(!1)), c("zoomChanged", w);
-    }, V = (w, k) => {
-      const g = transform([w[0], w[1]], projection.mercator, projection.data), L = transform([w[2], w[3]], projection.mercator, projection.data);
-      c("extentChanged", { extent: [g, L], zoom: k });
+    }, F = () => {
+      const y = o.value.getView(), w = y.getZoom();
+      w && x(w);
+      const k = y.calculateExtent(o.value.getSize());
+      k && w && P(k, w);
+    }, x = (y) => {
+      var M, T, C, V, E;
+      m.value = y, L(y < mapZoom.shipGreenDotMax);
+      const w = (M = o.value) == null ? void 0 : M.getLayers(), k = s.vehicleMode === "ship" ? w == null ? void 0 : w.getArray().find((N) => getUid(N) === getUid(f.greenMark)) : void 0;
+      showTrackLayer.value ? (h.value = !1, k == null || k.setVisible(!1), (T = shipsLayer.value) == null || T.setVisible(!1), (C = largeAmountShipsLayer.value) == null || C.setVisible(!1)) : !d.value && u.value && y <= mapZoom.shipGreenDotMax ? (h.value = !0, k == null || k.setVisible(!0), (V = shipsLayer.value) == null || V.setVisible(!1), (E = largeAmountShipsLayer.value) == null || E.setVisible(!1)) : (h.value = !1, k == null || k.setVisible(!1)), c("zoomChanged", y);
+    }, P = (y, w) => {
+      const k = transform([y[0], y[1]], projection.mercator, projection.data), M = transform([y[2], y[3]], projection.mercator, projection.data);
+      c("extentChanged", { extent: [k, M], zoom: w });
     };
     return t({
       mapInstance: o,
       initMap: v,
-      pointRender: (w, k) => new PointMarkerClass(w, k),
+      pointRender: (y, w) => new PointMarkerClass(y, w),
       renderTrucksMarker,
       renderShip: renderShips,
-      renderTrack: (w, k, g) => {
-        var L, T;
-        currentTrackId.value = w, showTrackLayer.value = !0, d.value = !0, hiddenAllShips(), (T = (L = largeAmountShipsLayer.value) == null ? void 0 : L.getSource()) == null || T.clear(), renderTrack(w, s.vehicleMode === "ship" ? k.reverse() : k, g, LENGTH_UNIT.NM);
+      renderTrack: (y, w, k) => {
+        var M, T;
+        currentTrackId.value = y, showTrackLayer.value = !0, d.value = !0, hiddenAllShips(), (T = (M = largeAmountShipsLayer.value) == null ? void 0 : M.getSource()) == null || T.clear(), renderTrack(y, s.vehicleMode === "ship" ? w.reverse() : w, k, LENGTH_UNIT.NM);
       },
       findTruck,
       removeTruckIcon,
       clearAllTruck,
       closeTrack: () => {
-        var w, k;
-        showTrackLayer.value = !1, (w = shipTrackVectorLayer.value) == null || w.setVisible(!1), (k = selectShipsLayer.value) == null || k.setVisible(!0), d.value = !1, S(m.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
+        var y, w;
+        showTrackLayer.value = !1, (y = shipTrackVectorLayer.value) == null || y.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), d.value = !1, L(m.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
       },
       closeTruckTrack: () => {
-        var w, k;
-        showTrackLayer.value = !1, (w = shipTrackVectorLayer.value) == null || w.setVisible(!1), (k = selectShipsLayer.value) == null || k.setVisible(!0), stopAnimation();
+        var y, w;
+        showTrackLayer.value = !1, (y = shipTrackVectorLayer.value) == null || y.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), stopAnimation();
       },
       resetTrackView,
       playTrack,
       clearSelectFeature,
       findShip,
-      focusShip: (w, k, g = !0) => {
-        var L, T;
-        hiddenOrther.value = g, (L = shipsLayer.value) == null || L.setVisible(!g), (T = largeAmountShipsLayer.value) == null || T.setVisible(!1), findShip(w, k);
+      focusShip: (y, w, k = !0) => {
+        var M, T;
+        hiddenOrther.value = k, (M = shipsLayer.value) == null || M.setVisible(!k), (T = largeAmountShipsLayer.value) == null || T.setVisible(!1), findShip(y, w);
       },
       clearShipData,
       showTracks,
       removeAllTrackLayer,
       switchFilterItem,
       rerenderShip,
-      switchGreenDot: () => S(!1),
+      switchGreenDot: () => L(!1),
       zoomTruckIcon,
-      renderTruckTrack: (w, k, g) => {
-        showTrackLayer.value = !0, renderTrack(w, k, g, LENGTH_UNIT.KM, "truck");
+      renderTruckTrack: (y, w, k) => {
+        showTrackLayer.value = !0, renderTrack(y, w, k, LENGTH_UNIT.KM, "truck");
       },
       drawCustomContent,
       removerLayer: removeShipTrackLineFeatureByIndex,
       renderMarker,
-      setMarkerPosition: (w) => {
-        d.value = !0, setMarkerPosition(w);
+      setMarkerPosition: (y) => {
+        d.value = !0, setMarkerPosition(y);
       },
       getZoomAndCenter: () => {
         var T;
-        const w = (T = o.value) == null ? void 0 : T.getView();
-        if (!w) return null;
-        const k = Math.round(Number(w.getZoom())), { lon: g, lat: L } = transformUtils.mercatorToLonLat(w.getCenter());
-        return { zoom: k, center: [g, L] };
+        const y = (T = o.value) == null ? void 0 : T.getView();
+        if (!y) return null;
+        const w = Math.round(Number(y.getZoom())), { lon: k, lat: M } = transformUtils.mercatorToLonLat(y.getCenter());
+        return { zoom: w, center: [k, M] };
       },
-      setCenter: (w) => {
-        var L;
-        const k = (L = o.value) == null ? void 0 : L.getView();
-        if (!k) return null;
-        const g = new Point(w);
-        k.setCenter(transform(g.getCoordinates(), projection.data, projection.mercator));
+      setCenter: (y) => {
+        var M;
+        const w = (M = o.value) == null ? void 0 : M.getView();
+        if (!w) return null;
+        const k = new Point(y);
+        w.setCenter(transform(k.getCoordinates(), projection.data, projection.mercator));
       },
       drawPolygonTool,
-      setMapInstance: y,
+      setMapInstance: g,
       store: {
         getShowMeasure: getShowMeasure()
       },
@@ -2416,43 +2423,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         transform: transformUtils,
         format: formatUtils
       }
-    }), (w, k) => (openBlock(), createElementBlock("div", {
+    }), (y, w) => (openBlock(), createElementBlock("div", {
       class: "map-page map-container",
       ref_key: "pageRef",
       ref: r
     }, [
-      k[0] || (k[0] = createElementVNode("div", {
+      w[0] || (w[0] = createElementVNode("div", {
         id: "map",
         class: "map"
       }, null, -1)),
       p.value ? (openBlock(), createBlock(ToolPanel, {
         key: 0,
-        "vehicle-mode": w.vehicleMode,
-        "view-mode": w.viewMode,
+        "vehicle-mode": y.vehicleMode,
+        "view-mode": y.viewMode,
         "disable-green-dot": d.value,
         "show-track-layer": unref(showTrackLayer),
-        "map-tile-mode": M.value,
-        onSwitchGreenDot: S,
+        "map-tile-mode": S.value,
+        onSwitchGreenDot: L,
         onSwitchMapTile: I
       }, {
         toolPanel: withCtx(() => [
-          renderSlot(w.$slots, "toolPanel", {}, void 0, !0)
+          renderSlot(y.$slots, "toolPanel", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["vehicle-mode", "view-mode", "disable-green-dot", "show-track-layer", "map-tile-mode"])) : createCommentVNode("", !0),
-      w.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      y.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         createVNode(ScaleLine, {
           ref_key: "scaleLineControl",
-          ref: l
+          ref: i
         }, null, 512),
         createVNode(ZoomControl, {
           ref_key: "zoomControl",
-          ref: i
+          ref: l
         }, null, 512)
       ], 64)) : createCommentVNode("", !0),
       createVNode(Copyright, {
-        type: w.logoType,
-        "map-tile": M.value
+        type: y.logoType,
+        "map-tile": S.value
       }, null, 8, ["type", "map-tile"])
     ], 512));
   }