zhihao-ui 1.2.39 → 1.2.41

package/dist/es/{Map-Bo9f4Uus.js → Map-DcXPse85.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, l, r, i, c, s, m, u, d, f, p, y, h, g, k, T, I, x, F, P, v, L) {
+  constructor(t, n, o, i, r, l, c, s, m, d, u, f, p, y, h, g, k, T, I, F, V, P, v, L) {
     b(this, "id");
     // mmsi
     b(this, "mmsi");
@@ -50,40 +50,40 @@ class ShipMapData {
     b(this, "existWaterGauge");
     b(this, "selected");
     b(this, "blinkColors");
-    this.id = t, this.mmsi = n, this.fill = o, this.shipType = l, this.name = r, this.length = i, this.breadth = c, this.lon = s, this.lat = m, this.createdAt = u, this.speed = d, this.from = f, this.sailStatus = p, this.hdg = y, this.cog = h, this.posType = g, this.type = k, this.angle = T, this.leftIconColor = I, this.existDevice = x, this.existMobile = F, this.existWaterGauge = P, this.selected = v, this.blinkColors = L;
+    this.id = t, this.mmsi = n, this.fill = o, this.shipType = i, this.name = r, this.length = l, this.breadth = c, this.lon = s, this.lat = m, this.createdAt = d, this.speed = u, this.from = f, this.sailStatus = p, this.hdg = y, this.cog = h, this.posType = g, this.type = k, this.angle = T, this.leftIconColor = I, this.existDevice = F, this.existMobile = V, this.existWaterGauge = P, this.selected = v, this.blinkColors = L;
   }
 }
 const formatLength = function(e, t) {
   const o = getLength(e);
-  let l = "";
+  let i = "";
   switch (t) {
     case LENGTH_UNIT.M:
-      l = Math.round(o * 100) / 100 + " m";
+      i = Math.round(o * 100) / 100 + " m";
       break;
     case LENGTH_UNIT.KM:
-      l = Math.round(o / 1e3 * 100) / 100 + " km";
+      i = Math.round(o / 1e3 * 100) / 100 + " km";
       break;
     case LENGTH_UNIT.NM:
-      l = (Math.round(o / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
+      i = (Math.round(o / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
       break;
   }
-  return l;
+  return i;
 }, convertSixHundredThousandToLatLng = function(e, t) {
   const n = Number(t) / 6e5;
   return [Number(e) / 6e5, n];
 }, formatArea = (e, t) => {
   const o = getArea(e);
-  let l;
+  let i;
   switch (t) {
     case LENGTH_UNIT.KM:
-      o > 1e4 ? l = Math.round(o / 1e6 * 100) / 100 + " km<sup>2</sup>" : l = Math.round(o * 100) / 100 + " m<sup>2</sup>";
+      o > 1e4 ? i = Math.round(o / 1e6 * 100) / 100 + " km<sup>2</sup>" : i = Math.round(o * 100) / 100 + " m<sup>2</sup>";
       break;
     case LENGTH_UNIT.NM:
       const r = Math.pow(1.852, 2);
-      o > 1e4 ? l = Math.round(o / 1e6 / r * 100) / 100 + " nm<sup>2</sup>" : l = Math.round(o * 100) / 100 + " m<sup>2</sup>";
+      o > 1e4 ? i = Math.round(o / 1e6 / r * 100) / 100 + " nm<sup>2</sup>" : i = Math.round(o * 100) / 100 + " m<sup>2</sup>";
       break;
   }
-  return l;
+  return i;
 }, convertShipMapData = (e) => {
   const t = (n) => new ShipMapData(
     n.id,
@@ -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"), l = n, r = useModel(e, "visible"), i = ref("3"), c = ref([]), s = ref(!1), m = new VectorSource();
-    let u, d, f, p, y;
+    const o = inject("mapInstance"), i = n, r = useModel(e, "visible"), l = ref("3"), c = ref([]), s = ref(!1), m = new VectorSource();
+    let d, u, f, p, y;
     const h = new VectorLayer({
       source: m,
       style: {
@@ -145,12 +145,12 @@ const formatLength = function(e, t) {
       if (S.dragging)
         return;
       let M = "点击选择起点";
-      u && (M = "单击继续，双击结束"), d && (d.innerHTML = M, f.setPosition(S.coordinate), d.classList.remove("hidden"));
+      d && (M = "单击继续，双击结束"), u && (u.innerHTML = M, f.setPosition(S.coordinate), u.classList.remove("hidden"));
     }, k = () => {
       var S, M;
       o != null && o.value && ((S = o == null ? void 0 : o.value) == null || S.on("pointermove", g), (M = o == null ? void 0 : o.value) == null || M.getViewport().addEventListener("mouseout", function() {
         var C;
-        (C = d == null ? void 0 : d.classList) == null || C.add("hidden");
+        (C = u == null ? void 0 : u.classList) == null || C.add("hidden");
       }), s.value = !0);
     };
     let T;
@@ -173,7 +173,7 @@ const formatLength = function(e, t) {
         })
       })
     });
-    function x() {
+    function F() {
       var S, M;
       if (o != null && o.value) {
         if (c.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((C) => {
@@ -183,12 +183,12 @@ const formatLength = function(e, t) {
           const C = o.value.getInteractions().getArray().find((E) => getUid(E) === getUid(T));
           C && ((S = o.value) == null || S.removeInteraction(C));
         }
-        (M = o.value) == null || M.removeLayer(h), d != null && d.parentNode && d.parentNode.removeChild(d), p != null && p.parentNode && p.parentNode.removeChild(p);
+        (M = o.value) == null || M.removeLayer(h), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
       }
     }
-    function F() {
+    function V() {
       var M, C;
-      x(), (M = o == null ? void 0 : o.value) == null || M.addLayer(h), T = new Draw({
+      F(), (M = o == null ? void 0 : o.value) == null || M.addLayer(h), T = new Draw({
         source: m,
         type: "LineString",
         style: function() {
@@ -202,27 +202,27 @@ const formatLength = function(e, t) {
       let S;
       T.on("drawstart", function(E) {
         var N;
-        u = E.feature;
-        let V;
-        S = (N = u.getGeometry()) == null ? void 0 : N.on("change", function(A) {
+        d = E.feature;
+        let x;
+        S = (N = d.getGeometry()) == null ? void 0 : N.on("change", function(A) {
           const $ = A.target;
-          let R = formatUtils.formatLength($, Number(i.value));
-          V = $.getLastCoordinate(), p && R && (p.innerHTML = R), y.setPosition(V);
+          let R = formatUtils.formatLength($, Number(l.value));
+          x = $.getLastCoordinate(), p && R && (p.innerHTML = R), y.setPosition(x);
         });
       }), T.on("drawend", function() {
-        var E, V;
-        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="${((E = c.value) == null ? void 0 : E.length) - 1}"><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", (N) => {
+        var E, 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="${((E = c.value) == null ? void 0 : E.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 $;
           N.preventDefault(), N.stopPropagation();
           const A = ($ = N.target) == null ? void 0 : $.getAttribute("data-index");
           A && L(Number(A));
-        }), y.setOffset([0, -7]), u = null, p = null, v(), S && unByKey(S);
+        }), y.setOffset([0, -7]), d = null, p = null, v(), S && unByKey(S);
       });
     }
     function P() {
       var S;
-      d != null && d.parentNode && d.parentNode.removeChild(d), d = document.createElement("div"), d.className = "ol-tooltip hidden", f = new Overlay({
-        element: d,
+      u != null && u.parentNode && u.parentNode.removeChild(u), u = document.createElement("div"), u.className = "ol-tooltip hidden", f = new Overlay({
+        element: u,
         offset: [15, 0],
         positioning: "center-left"
       }), (S = o == null ? void 0 : o.value) == null || S.addOverlay(f);
@@ -238,20 +238,20 @@ const formatLength = function(e, t) {
       }), (S = o == null ? void 0 : o.value) == null || S.addOverlay(y);
     }
     const L = (S) => {
-      var E, V;
+      var E, x;
       c.value[S] && c.value.splice(S, 1);
       const M = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      M[S] && ((V = (E = M[S]) == null ? void 0 : E.parentNode) == null || V.removeChild(M[S]));
+      M[S] && ((x = (E = M[S]) == null ? void 0 : E.parentNode) == null || x.removeChild(M[S]));
       const C = m.getFeatures();
       C[S] && m.removeFeature(C[S]);
     }, w = () => {
-      l("close");
+      i("close");
     };
     return watch(() => r, () => {
-      r.value && !s.value && (k(), F());
+      r.value && !s.value && (k(), V());
     }, { deep: !0, immediate: !0 }), t({
-      addInteraction: F,
-      removeInteraction: x
+      addInteraction: V,
+      removeInteraction: F
     }), (S, M) => r.value && S.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
       createElementVNode("div", { class: "header" }, [
         M[1] || (M[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
@@ -264,8 +264,8 @@ const formatLength = function(e, t) {
         M[2] || (M[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
         createVNode(unref(ElSelect), {
           class: "select-length-unit",
-          modelValue: i.value,
-          "onUpdate:modelValue": M[0] || (M[0] = (C) => i.value = C)
+          modelValue: l.value,
+          "onUpdate:modelValue": M[0] || (M[0] = (C) => l.value = C)
         }, {
           default: withCtx(() => [
             createVNode(unref(ElOption), {
@@ -296,7 +296,7 @@ const formatLength = function(e, t) {
           ]),
           createElementVNode("div", {
             class: "delete-button",
-            onClick: (V) => L(E)
+            onClick: (x) => L(E)
           }, M[4] || (M[4] = [
             createElementVNode("i", { class: "map-iconfont icon-delete" }, null, -1)
           ]), 8, _hoisted_7)
@@ -334,36 +334,36 @@ const formatLength = function(e, t) {
     // 设置文本背景的内边距
   })
 }), renderMarker = (e, t = !0, n = !0) => {
-  var u;
+  var d;
   if (!mapInstance$8.value || !e || e.split(",").length !== 2) return;
-  const [o, l] = e.split(",").map(Number);
+  const [o, i] = e.split(",").map(Number);
   marker.value = new Feature({
-    geometry: new Point(fromLonLat([o, l]))
+    geometry: new Point(fromLonLat([o, i]))
   });
-  const r = n ? `${o}, ${l}` : "";
-  (u = marker.value) == null || u.setStyle(createIconStyle(r));
-  const i = new VectorSource({
+  const r = n ? `${o}, ${i}` : "";
+  (d = marker.value) == null || d.setStyle(createIconStyle(r));
+  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 d = new Translate({
+    const u = new Translate({
       layers: [c]
     });
-    d.on("translating", function(f) {
+    u.on("translating", function(f) {
       var h;
       const p = f.features.item(0).getGeometry().getCoordinates(), y = toLonLat(p);
       markerPosition.value = `${y[0].toFixed(6)}, ${y[1].toFixed(6)}`, (h = marker.value) == null || h.setStyle(createIconStyle(markerPosition.value));
-    }), mapInstance$8.value.addInteraction(d);
+    }), mapInstance$8.value.addInteraction(u);
   }
-  const m = new Point([o, l]);
+  const m = new Point([o, i]);
   s.setCenter(transform(m.getCoordinates(), projection.data, projection.mercator)), s.setZoom(mapZoom.findShip);
 }, setMarkerPosition = (e) => {
-  var l, r;
+  var i, r;
   if (!mapInstance$8.value) return;
   const t = mapInstance$8.value.getView(), n = e.split(",").map(Number);
-  (r = (l = marker.value) == null ? void 0 : l.getGeometry()) == null || r.setCoordinates(fromLonLat([n[0], n[1]]));
+  (r = (i = marker.value) == null ? void 0 : i.getGeometry()) == null || r.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 = {
@@ -430,45 +430,45 @@ const multiplyPixelRatio = (e) => {
   }),
   zIndex: 100
 }), getRotation = (e, t, n) => {
-  function o(d) {
-    return 180 * (d % (2 * Math.PI)) / Math.PI;
+  function o(u) {
+    return 180 * (u % (2 * Math.PI)) / Math.PI;
   }
-  function l(d) {
-    return d % 360 * Math.PI / 180;
+  function i(u) {
+    return u % 360 * Math.PI / 180;
   }
-  function r(d) {
-    if (!d) throw new Error("Coordinate is required");
-    if (!Array.isArray(d)) {
-      if (d.type === "Feature" && d.geometry !== null && d.geometry.type === "Point")
-        return d.geometry.coordinates;
-      if (d.type === "Point") return d.coordinates;
+  function r(u) {
+    if (!u) throw new Error("Coordinate is required");
+    if (!Array.isArray(u)) {
+      if (u.type === "Feature" && u.geometry !== null && u.geometry.type === "Point")
+        return u.geometry.coordinates;
+      if (u.type === "Point") return u.coordinates;
     }
-    if (Array.isArray(d) && d.length >= 2 && !Array.isArray(d[0]) && !Array.isArray(d[1]))
-      return d;
+    if (Array.isArray(u) && u.length >= 2 && !Array.isArray(u[0]) && !Array.isArray(u[1]))
+      return u;
     throw new Error(
       "Coordinate must be GeoJSON Point or an Array of numbers"
     );
   }
-  function i(d, f, p = {}) {
+  function l(u, f, p = {}) {
     if (p.final)
       return function(P, v) {
-        return (i(v, P) + 180) % 360;
-      }(d, f);
-    const y = r(d), h = r(f), g = l(y[0]), k = l(h[0]), T = l(y[1]), I = l(h[1]), x = Math.sin(k - g) * Math.cos(I), F = Math.cos(T) * Math.sin(I) - Math.sin(T) * Math.cos(I) * Math.cos(k - g);
-    return o(Math.atan2(x, F));
+        return (l(v, P) + 180) % 360;
+      }(u, f);
+    const y = r(u), h = r(f), g = i(y[0]), k = i(h[0]), T = i(y[1]), I = i(h[1]), F = Math.sin(k - g) * Math.cos(I), V = Math.cos(T) * Math.sin(I) - Math.sin(T) * Math.cos(I) * Math.cos(k - g);
+    return o(Math.atan2(F, V));
   }
-  function c(d) {
-    return !isNaN(d) && d !== null && !Array.isArray(d);
+  function c(u) {
+    return !isNaN(u) && u !== null && !Array.isArray(u);
   }
-  function s(d, f = {}, p = {}) {
-    return d || console.log("Coordinates are required"), Array.isArray(d) || console.log("Coordinates must be an Array"), d.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!c(d[0]) || !c(d[1])) && console.log("Coordinates must contain numbers"), m({ type: "Point", coordinates: d }, f, p);
+  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 m(d, f = {}, p = {}) {
+  function m(u, f = {}, p = {}) {
     const y = { type: "Feature" };
-    return p.id !== void 0 && (y.id = p.id), p.bbox && (y.bbox = p.bbox), y.properties = f || {}, y.geometry = d, y;
+    return p.id !== void 0 && (y.id = p.id), p.bbox && (y.bbox = p.bbox), y.properties = f || {}, y.geometry = u, y;
   }
-  const u = i(s(e), s(t), n);
-  return u < 0 ? 360 + u : u;
+  const d = l(s(e), s(t), n);
+  return d < 0 ? 360 + d : d;
 }, triangleModel = multiplyPixelRatio([
   [0, -8],
   [5, 8],
@@ -540,84 +540,84 @@ const multiplyPixelRatio = (e) => {
 }), mapInstance$7 = ref(), renderShipStyleSetInstance = (e) => mapInstance$7.value = e, speedCondition = [[1, 10], [10, 20], [20, 1 / 0]], drawShipModelByZoom = { 14: [200, 30], 15: [115, 15], 16: [55, 8], 17: [25, 5], 18: [1, 1] }, setShipStyle = (e, t = !1) => new Style({
   renderer: (n, o) => {
     n = n;
-    const l = o.context, r = o.feature.get("data");
+    const i = o.context, r = o.feature.get("data");
     if (!r) return;
     o.feature.get("index") === 0 && (shipLabels.value = []);
     try {
-      const c = drawShipBody(l, r, n, t);
-      c && (drawHeading(l, r, c, t), r.selected = e, e && setTimeout(() => {
-        drawSelectBounds(l, c);
-      }, 50)), drawShipLabel(l, r, n);
+      const c = drawShipBody(i, r, n, t);
+      c && (drawHeading(i, r, c, t), r.selected = e, e && setTimeout(() => {
+        drawSelectBounds(i, c);
+      }, 1)), drawShipLabel(i, r, n);
     } catch {
       return !1;
     }
   }
 }), drawShipBody = (e, t, n, o) => {
   if (!mapInstance$7.value) return;
-  const l = Math.round(Number(mapInstance$7.value.getView().getZoom()));
-  if (!l) return;
+  const i = Math.round(Number(mapInstance$7.value.getView().getZoom()));
+  if (!i) return;
   let r = [];
-  const [i, c] = drawShipModelByZoom[l] || [0, 0], [s, m] = n;
-  if (l <= mapZoom.shipModelMax && l > mapZoom.shipModelMin && t.length >= i && t.breadth >= c)
-    r = rotateShapeModel(drawCurrentShipShapeModel(t, l), t.angle).map((d) => {
-      const [f, p] = d;
+  const [l, c] = drawShipModelByZoom[i] || [0, 0], [s, m] = n;
+  if (i <= mapZoom.shipModelMax && i > mapZoom.shipModelMin && t.length >= l && t.breadth >= c)
+    r = rotateShapeModel(drawCurrentShipShapeModel(t, i), t.angle).map((u) => {
+      const [f, p] = u;
       return [s + f, m + p];
     });
   else {
-    const u = rotateShapeModel(triangleModel, t.angle);
-    n.length === 2 && (r = u.map((d) => {
-      const [f, p] = d;
+    const d = rotateShapeModel(triangleModel, t.angle);
+    n.length === 2 && (r = d.map((u) => {
+      const [f, p] = u;
       return [s + f, m + p];
     }));
   }
   if (!(r.length > 2)) return !1;
   if (t != null && t.length) {
-    const u = r.length === 3 ? 30 : t.length * 0.4;
+    const d = r.length === 3 ? 30 : t.length * 0.4;
     e.beginPath(), e.arc(
       n[0],
       n[1],
-      u,
+      d,
       0,
       2 * Math.PI
     ), e.fillStyle = "rgba(255, 255, 255, 0.001)", e.fill();
   }
   e.save(), e.beginPath(), e.moveTo(r[0][0], r[0][1]);
-  for (let u = 1; u < r.length; u++)
-    e.lineTo(r[u][0], r[u][1]);
+  for (let d = 1; d < r.length; d++)
+    e.lineTo(r[d][0], r[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(), r;
 }, drawHeading = (e, t, n, o) => {
-  const [l, r] = n[0], i = getShipDirectPath(t);
-  if (i) {
-    const c = i.map(function(s) {
-      const [m, u] = s;
-      return [m + l, u + r];
+  const [i, r] = n[0], l = getShipDirectPath(t);
+  if (l) {
+    const c = l.map(function(s) {
+      const [m, d] = s;
+      return [m + i, d + r];
     });
     if (e.save(), e.beginPath(), t.angle > 0) {
-      e.translate(l, r);
+      e.translate(i, r);
       const s = t.angle * Math.PI / 180;
-      e.rotate(s), e.translate(-l, -r);
+      e.rotate(s), e.translate(-i, -r);
     }
-    e.moveTo(l, r);
+    e.moveTo(i, r);
     for (let s = 1; s < c.length; s++) {
-      const [m, u] = c[s];
-      e.lineTo(m, u);
+      const [m, d] = c[s];
+      e.lineTo(m, d);
     }
     e.strokeStyle = o ? "#ff0000" : "#000", e.lineWidth = o ? 2 : 1, e.stroke(), e.restore();
   }
 }, drawSelectBounds = (e, t) => {
-  let [n, o, l, r] = getPixelFromCoordinate(t);
-  const i = 4;
-  n -= i, o -= i, l += i, r += i, e.save(), e.strokeStyle = "#ff0000", e.lineWidth = 4;
-  const c = 8;
-  e.beginPath(), e.moveTo(n + c, r), e.lineTo(n, r), e.lineTo(n, r - c), e.moveTo(n, o + c), e.lineTo(n, o), e.lineTo(n + c, o), e.moveTo(l - c, o), e.lineTo(l, o), e.lineTo(l, o + c), e.moveTo(l, r - c), e.lineTo(l, r), e.lineTo(l - c, r), e.stroke(), e.restore();
+  let [n, o, i, r] = getPixelFromCoordinate(t);
+  const l = window.devicePixelRatio || 1, c = 4;
+  n -= c, o -= c, i += c, r += c, e.save(), e.strokeStyle = "#ff0000", e.lineWidth = 4 * l;
+  const s = 8 * l;
+  e.beginPath(), e.moveTo(n + s, r), e.lineTo(n, r), e.lineTo(n, r - s), e.moveTo(n, o + s), e.lineTo(n, o), e.lineTo(n + s, o), e.moveTo(i - s, o), e.lineTo(i, o), e.lineTo(i, o + s), e.moveTo(i, r - s), e.lineTo(i, r), e.lineTo(i - s, r), e.stroke(), e.restore();
 }, drawShipLabel = (e, t, n) => {
-  if (!t.selected && shipLabels.value.find((d) => d.name === t.name)) return;
-  const [o, l] = n, r = o, i = l, c = t.name;
+  if (!t.selected && shipLabels.value.find((u) => u.name === t.name)) return;
+  const [o, i] = n, r = o, l = i, c = t.name;
   let s;
   t.leftIconColor && (s = { color: t.leftIconColor, icon: "&#xe599;" });
-  const m = getShipCustomIcon(t), u = {
+  const m = getShipCustomIcon(t), d = {
     id: t.id,
-    center: [r, i],
+    center: [r, l],
     text: c,
     fill: t.fill,
     color: "#fff",
@@ -629,21 +629,21 @@ const multiplyPixelRatio = (e) => {
     blinkColors: t.blinkColors,
     type: "ShipName"
   };
-  drawLabel(e, u, shipLabels.value);
+  drawLabel(e, d, shipLabels.value);
 }, drawCurrentShipShapeModel = (e, t) => {
   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, l = e.breadth * n;
+  const o = e.length / 4 * n, i = e.breadth * n;
   let r = cloneDeep(shipShapeModel);
-  return r = r.map(([i, c]) => [i * l, c * o]), r;
+  return r = r.map(([l, c]) => [l * i, c * o]), r;
 }, getShipDirectPath = (e) => {
   const { speed: t, hdg: n, cog: o } = e;
-  let l = "", r = null;
-  if (t && t > 1 && (n !== null && n != 511 && o !== null ? o - n >= 3 ? l = "left" : o - n <= -3 ? l = "right" : l = "front" : l = "front", l && t))
-    for (let i = 0; i < speedCondition.length; i++) {
-      const c = speedCondition[i];
+  let i = "", r = null;
+  if (t && t > 1 && (n !== null && n != 511 && o !== null ? o - n >= 3 ? i = "left" : o - n <= -3 ? i = "right" : i = "front" : i = "front", i && t))
+    for (let l = 0; l < speedCondition.length; l++) {
+      const c = speedCondition[l];
       if (t >= c[0] && t < c[1]) {
-        r = shipDirectPath[l][i];
+        r = shipDirectPath[i][l];
         break;
       }
     }
@@ -656,14 +656,14 @@ let shipsMarkerList = [], shipsVectorSource, largeAmountShipsSource;
 const selectedShipData = ref(null), selectedShips = ref([]);
 let selectShipsVectorSource;
 const renderShips = (e) => {
-  var n, o, l, r;
+  var n, o, i, r;
   if (!mapInstance$6.value || showTrackLayer.value) return;
   const t = Math.round(Number(mapInstance$6.value.getView().getZoom()));
   if (selectedShipData.value && nextTick(() => {
     selectSingleShipMarker(selectedShipData.value);
-  }).then((i) => {
+  }).then((l) => {
   }), !(!t || t < mapZoom.shipGreenDotMax) && (allShips.value = [...e, ...selectedShips.value], !hiddenOrther.value))
-    return t >= mapZoom.shipGreenDotMax && t < mapZoom.shipModelMin ? ((n = shipsLayer.value) == null || n.setVisible(!1), (o = largeAmountShipsLayer.value) == null || o.setVisible(!0), renderLargeAmountShips(allShips.value)) : ((l = largeAmountShipsLayer.value) == null || l.setVisible(!1), (r = shipsLayer.value) == null || r.setVisible(!0), renderShipsMarker(allShips.value));
+    return t >= mapZoom.shipGreenDotMax && t < mapZoom.shipModelMin ? ((n = shipsLayer.value) == null || n.setVisible(!1), (o = largeAmountShipsLayer.value) == null || o.setVisible(!0), renderLargeAmountShips(allShips.value)) : ((i = largeAmountShipsLayer.value) == null || i.setVisible(!1), (r = shipsLayer.value) == null || r.setVisible(!0), renderShipsMarker(allShips.value));
 }, renderLargeAmountShips = (e) => {
   if (!mapInstance$6.value) return;
   const t = e.map((n) => ({
@@ -718,16 +718,16 @@ const renderShips = (e) => {
   deleteAllShipMarkers();
   let t = convertShipMapData(e);
   if (t = customFilterShips(t), !!(t != null && t.length))
-    return t.forEach((o, l) => {
-      const r = [o.lon, o.lat], i = new Feature({
+    return t.forEach((o, i) => {
+      const r = [o.lon, o.lat], l = new Feature({
         geometry: new Point(fromLonLat(r))
       }), c = 1;
-      i.set("clickGeometry", new Circle(fromLonLat(r), c)), i.set("data", o), i.set("index", l), i.setStyle(
+      l.set("clickGeometry", new Circle(fromLonLat(r), c)), l.set("data", o), l.set("index", i), l.setStyle(
         setShipStyle(!1)
       ), shipsMarkerList.push({
         ship: o,
         lonlat: r,
-        feature: i
+        feature: l
       });
     }), shipsVectorSource = new VectorSource({
       features: shipsMarkerList.map((o) => o.feature)
@@ -739,26 +739,26 @@ const renderShips = (e) => {
   var o;
   let e = null, t = 0;
   const n = 100;
-  (o = mapInstance$6.value) == null || o.on("pointermove", function(l) {
-    var s, m;
+  (o = mapInstance$6.value) == null || o.on("pointermove", function(i) {
+    var s, m, d, u;
     const r = Date.now();
     if (r - t < n)
       return;
     t = r;
-    const i = (s = mapInstance$6.value) == null ? void 0 : s.forEachFeatureAtPixel(l.pixel, (u) => u), c = (m = mapInstance$6.value) == null ? void 0 : m.getTargetElement();
-    if (c && (c.style.cursor = i ? "pointer" : ""), e !== i) {
+    const l = (s = mapInstance$6.value) == null ? void 0 : s.forEachFeatureAtPixel(i.pixel, (f) => f), c = (m = mapInstance$6.value) == null ? void 0 : m.getTargetElement();
+    if (c && (c.style.cursor = l ? "pointer" : ""), e !== l) {
       if (e) {
-        const u = e.get("data");
-        if (!(u != null && u.mmsi)) return;
+        const f = e.get("data");
+        if (!(f != null && f.mmsi)) return;
         e.setStyle(
-          setShipStyle(!1, !1)
+          setShipStyle(((d = selectedShipData.value) == null ? void 0 : d.id) === f.id, !1)
         );
       }
-      if (i) {
-        const u = i.get("data");
-        if (!(u != null && u.mmsi)) return;
-        e = i, i.setStyle(
-          setShipStyle(!1, !0)
+      if (l) {
+        const f = l.get("data");
+        if (!(f != null && f.mmsi)) return;
+        e = l, l.setStyle(
+          setShipStyle(((u = selectedShipData.value) == null ? void 0 : u.id) === f.id, !0)
         );
       } else
         e = null;
@@ -767,9 +767,9 @@ const renderShips = (e) => {
 }, customFilterShips = (e) => {
   let t = cloneDeep(e);
   return t = t.filter((n) => {
-    var l;
-    const o = getFilterItem(n).every(({ btnShow: r, value: i }) => r ? !!i : !0);
-    return (switchBtnShow.value.camera || switchBtnShow.value.mobile || switchBtnShow.value.waterGauge) && ((l = selectedShipData.value) == null ? void 0 : l.id) === n.id && clearSelectFeature(), o;
+    var i;
+    const o = getFilterItem(n).every(({ btnShow: r, value: l }) => r ? !!l : !0);
+    return (switchBtnShow.value.camera || switchBtnShow.value.mobile || switchBtnShow.value.waterGauge) && ((i = selectedShipData.value) == null ? void 0 : i.id) === n.id && clearSelectFeature(), o;
   }), t;
 }, getFilterItem = (e) => [
   { btnShow: switchBtnShow.value.camera, value: e == null ? void 0 : e.existDevice },
@@ -798,19 +798,19 @@ const renderShips = (e) => {
   }), selectShipsLayer.value = new VectorLayer({
     source: selectShipsVectorSource
   }), shipsVectorSource && setVisibleFeatureById(shipsVectorSource, selectSingleShipData.value.id, !0);
-  const l = (r = shipsLayer.value) == null ? void 0 : r.getSource();
-  return l && (t && setVisibleFeatureById(l, t.id, !0), setVisibleFeatureById(l, selectSingleShipData.value.id, !1)), mapInstance$6.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!0), selectShipsLayer.value;
+  const i = (r = shipsLayer.value) == null ? void 0 : r.getSource();
+  return i && (t && setVisibleFeatureById(i, t.id, !0), setVisibleFeatureById(i, selectSingleShipData.value.id, !1)), mapInstance$6.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!0), selectShipsLayer.value;
 }, setVisibleFeatureById = (e, t, n) => {
   e && e.forEachFeature((o) => {
-    const l = o.get("data");
-    l && l.id === t && o.setStyle(n ? setShipStyle(!1, l.id) : setBlankStyle());
+    const i = o.get("data");
+    i && i.id === t && o.setStyle(n ? setShipStyle(!1, i.id) : setBlankStyle());
   });
 }, findShip = (e, t, n = !0) => {
-  var l, r, i, c, s;
+  var i, r, l, c, s;
   if (!e || !mapInstance$6.value) return;
-  const o = (i = (r = (l = shipsLayer.value) == null ? void 0 : l.getSource()) == null ? void 0 : r.getFeatures()) == null ? void 0 : i.find((m) => {
-    var u;
-    return ((u = m.get("data")) == null ? void 0 : u.id) === e;
+  const o = (l = (r = (i = shipsLayer.value) == null ? void 0 : i.getSource()) == null ? void 0 : r.getFeatures()) == null ? void 0 : l.find((m) => {
+    var d;
+    return ((d = m.get("data")) == null ? void 0 : d.id) === e;
   });
   if (o)
     selectedShipData.value = o.get("data");
@@ -821,12 +821,12 @@ const renderShips = (e) => {
     return;
   }
   if (selectedShips.value.some((m) => {
-    var u;
-    return m.id === ((u = selectedShipData.value) == null ? void 0 : u.id);
+    var d;
+    return m.id === ((d = selectedShipData.value) == null ? void 0 : d.id);
   }) || selectedShips.value.push(selectedShipData.value), n && ((c = selectedShipData.value) != null && c.lon) && ((s = selectedShipData.value) != null && s.lat)) {
-    const m = mapInstance$6.value.getView(), u = new Point([selectedShipData.value.lon, selectedShipData.value.lat]);
-    m.setCenter(transform(u.getCoordinates(), projection.data, projection.mercator));
-    const d = m.getZoom(), f = d < mapZoom.findShipMin ? mapZoom.findShip : d;
+    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);
   }
   return setTimeout(() => {
@@ -856,92 +856,92 @@ const renderShips = (e) => {
   switchBtnShow.value[e] = t, renderShips(allShips.value);
 }, rerenderShip = () => {
   renderShips(allShips.value);
-}, labelAlpha = 0.8, pixelRatio = window.devicePixelRatio || 1, labelFont = `500 ${12 * pixelRatio}px Arial`, labelOutSize = 2 * pixelRatio, labelHeight = 10 * pixelRatio, fillRectRadius = (e, t, n, o, l, r, i = 4) => {
-  e.beginPath(), e.moveTo(t + i, n), e.arcTo(t + o, n, t + o, n + i, i), e.arcTo(t + o, n + l, t + o - i, n + l, i), e.arcTo(t, n + l, t, n + l - i, i), e.arcTo(t, n, t + i, n, i), e.closePath(), e.fillStyle = r, 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, i, r, l = 4) => {
+  e.beginPath(), e.moveTo(t + l, n), e.arcTo(t + o, n, t + o, n + l, l), e.arcTo(t + o, n + i, t + o - l, n + i, l), e.arcTo(t, n + i, t, n + i - l, l), e.arcTo(t, n, t + l, n, l), e.closePath(), e.fillStyle = r, 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, l = -1 / 0;
-  for (const [r, i] of e)
-    r < t && (t = r), i < n && (n = i), r > o && (o = r), i > l && (l = i);
-  return [t, n, o, l];
+  let t = 1 / 0, n = 1 / 0, o = -1 / 0, i = -1 / 0;
+  for (const [r, l] of e)
+    r < t && (t = r), l < n && (n = l), r > o && (o = r), l > i && (i = l);
+  return [t, n, o, i];
 }, calculatePolygonCentroid = (e) => {
   if (!Array.isArray(e) || e.length < 3)
     throw new Error("A polygon must have at least 3 coordinates.");
   let t = 0, n = 0, o = 0;
-  const l = e.length;
-  for (let c = 0; c < l - 1; c++) {
-    const [s, m] = e[c], [u, d] = e[c + 1], f = s * d - u * m;
-    o += f, t += (s + u) * f, n += (m + d) * f;
+  const i = e.length;
+  for (let c = 0; c < i - 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;
   }
   if (o *= 0.5, o === 0)
     throw new Error("多边形面积为零");
-  const r = t / (6 * o), i = n / (6 * o);
-  return [r, i];
+  const r = t / (6 * o), l = n / (6 * o);
+  return [r, l];
 }, rotateShapeModel = (e, t) => {
-  const [n, o] = calculatePolygonCentroid(e), l = t * Math.PI / 180, r = Math.cos(l), i = Math.sin(l);
+  const [n, o] = calculatePolygonCentroid(e), i = t * Math.PI / 180, r = Math.cos(i), l = Math.sin(i);
   return e.map(([c, s]) => {
-    const m = c - n, u = s - o, d = m * r - u * i + n, f = m * i + u * r + o;
-    return [d, f];
+    const m = c - n, d = s - o, u = m * r - d * l + n, f = m * l + d * r + o;
+    return [u, f];
   });
 }, 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, l) {
-  let r, i, c, s;
-  const m = e[0], u = e[1];
+function calculateBounds(e, t, n, o, i) {
+  let r, l, c, s;
+  const m = e[0], d = e[1];
   switch (t) {
     case 0:
-      r = m + l, i = r + n, s = u - l, c = s - o;
+      r = m + i, l = r + n, s = d - i, c = s - o;
       break;
     case 1:
-      r = m + l, i = r + n, s = u + o / 2, c = s - o;
+      r = m + i, l = r + n, s = d + o / 2, c = s - o;
       break;
     case 2:
-      r = m + l, i = r + n, s = u + l + o, c = s - o;
+      r = m + i, l = r + n, s = d + i + o, c = s - o;
       break;
     case 3:
-      r = m - n / 2, i = r + n, s = u + l + o, c = s - o;
+      r = m - n / 2, l = r + n, s = d + i + o, c = s - o;
       break;
     case 4:
-      i = m, r = i - n, s = u + l + o, c = s - o;
+      l = m, r = l - n, s = d + i + o, c = s - o;
       break;
     case 5:
-      i = m - l, r = i - n, s = u + o / 2, c = s - o;
+      l = m - i, r = l - n, s = d + o / 2, c = s - o;
       break;
     case 6:
-      i = m, r = i - n, s = u - l, c = s - o;
+      l = m, r = l - n, s = d - i, c = s - o;
       break;
     case 7:
-      r = m - n / 2, i = r + n, s = u - l, c = s - o;
+      r = m - n / 2, l = r + n, s = d - i, c = s - o;
   }
-  if (!(!r || !c || !i || !s))
-    return [Math.min(r, i), Math.min(c, s), Math.max(r, i), Math.max(c, s) + 1];
+  if (!(!r || !c || !l || !s))
+    return [Math.min(r, l), Math.min(c, s), Math.max(r, l), Math.max(c, s) + 1];
 }
-function calculateAnchorPoint(e, t, n = 70, o = 20, l = 20) {
+function calculateAnchorPoint(e, t, n = 70, o = 20, i = 20) {
   const r = [0, 0];
   switch (t) {
     case 0:
-      r[0] = e[0] + l, r[1] = e[1] - l - o / 2;
+      r[0] = e[0] + i, r[1] = e[1] - i - o / 2;
       break;
     case 1:
-      r[0] = e[0] + l, r[1] = e[1];
+      r[0] = e[0] + i, r[1] = e[1];
       break;
     case 2:
-      r[0] = e[0] + l, r[1] = e[1] + l + o / 2;
+      r[0] = e[0] + i, r[1] = e[1] + i + o / 2;
       break;
     case 3:
-      r[0] = e[0], r[1] = e[1] + l + o / 4;
+      r[0] = e[0], r[1] = e[1] + i + o / 4;
       break;
     case 4:
-      r[0] = Math.max(e[0] - l, e[0] - n / 2), r[1] = e[1] + l + o / 4;
+      r[0] = Math.max(e[0] - i, e[0] - n / 2), r[1] = e[1] + i + o / 4;
       break;
     case 5:
-      r[0] = e[0] - l, r[1] = e[1];
+      r[0] = e[0] - i, r[1] = e[1];
       break;
     case 6:
-      r[0] = Math.max(e[0] - l, e[0] - n / 2), r[1] = e[1] - l - o / 4;
+      r[0] = Math.max(e[0] - i, e[0] - n / 2), r[1] = e[1] - i - o / 4;
       break;
     case 7:
-      r[0] = e[0], r[1] = e[1] - l - o / 4;
+      r[0] = e[0], r[1] = e[1] - i - o / 4;
   }
   return r;
 }
@@ -949,31 +949,31 @@ function drawLabelBody(e, t, n) {
   if (!e) return;
   const {
     font: o,
-    labelOutSize: l = 2,
+    labelOutSize: i = 2,
     labelHeight: r,
-    center: i,
+    center: l,
     text: c,
     leftIcon: s,
     shipColor: m,
-    lineLength: u = 20,
-    selected: d
+    lineLength: d = 20,
+    selected: u
   } = n;
   e.save(), o && (e.font = o);
-  let f = e.measureText(c).width + 4 * l;
-  (s || m) && (f += r + 6 * l), e.restore();
-  let p, y = 20, h = -1, g = r + 3 * l;
-  if (u)
+  let f = e.measureText(c).width + 4 * i;
+  (s || m) && (f += r + 6 * i), e.restore();
+  let p, y = 20, h = -1, g = r + 3 * i;
+  if (d)
     for (let k = 0; k < 8; k++) {
-      p = calculateBounds(i, k, f, g, u);
+      p = calculateBounds(l, k, f, g, d);
       let T = !1;
       for (let I = 0; I < t.length; ++I) {
-        let x = t[I].bounds, F = [
-          x[0] - y,
-          x[1] - y,
-          x[2] + y,
-          x[3] + y
+        let F = t[I].bounds, V = [
+          F[0] - y,
+          F[1] - y,
+          F[2] + y,
+          F[3] + y
         ];
-        if (p && isOverlapping(p, F)) {
+        if (p && isOverlapping(p, V)) {
           T = !0;
           break;
         }
@@ -984,12 +984,12 @@ function drawLabelBody(e, t, n) {
       }
     }
   else
-    h = 0, p = calculateBounds(i, h, f, g, u);
-  if (d && h === -1 && (h = 0), p && h > -1) {
+    h = 0, p = calculateBounds(l, h, f, g, d);
+  if (u && h === -1 && (h = 0), p && h > -1) {
     let k = getBottomLeftPoint(p), T = getTopRighttPoint(p);
     return {
-      center: i,
-      x: calculateAnchorPoint(i, h, f, g, u),
+      center: l,
+      x: calculateAnchorPoint(l, h, f, g, d),
       l: T,
       r: k,
       bounds: p,
@@ -1001,60 +1001,60 @@ function drawLabelBody(e, t, n) {
 }
 const drawText = (e, t) => {
   if (!e) return;
-  const { center: n, text: o, textColor: l, leftIcon: r, rightIcons: i, font: c } = t;
+  const { center: n, text: o, textColor: i, leftIcon: r, rightIcons: l, font: c } = t;
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0);
   let [s, m] = n;
   if (r) {
     e.font = `${18 * pixelRatio}px map-iconfont`;
-    let u = getIconFont(r.icon);
-    e.fillStyle = r.color, e.fillText(u, s + labelOutSize - 3 * pixelRatio, m + 2.6 * pixelRatio), s += 23 * pixelRatio;
+    let d = getIconFont(r.icon);
+    e.fillStyle = r.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 u = e.measureText(o).width + 6 * pixelRatio;
-    i.forEach((d, f) => {
-      const p = getIconFont(d), y = 20 * pixelRatio * f;
-      e.fillText(p, s + u + y, m);
+    const d = e.measureText(o).width + 6 * pixelRatio;
+    l.forEach((u, f) => {
+      const p = getIconFont(u), y = 20 * pixelRatio * f;
+      e.fillText(p, s + d + y, m);
     });
   }
-  e.font = c || labelFont, e.fillStyle = l, e.fillText(o, s + 2, m), e.restore();
+  e.font = c || labelFont, e.fillStyle = i, e.fillText(o, s + 2, m), e.restore();
 }, drawPolygon = (e, t) => {
   let {
     points: n,
     strokeColor: o,
-    fillColor: l,
+    fillColor: i,
     shouldClosePath: r,
-    translation: i,
+    translation: l,
     rotation: c,
     rotationCenter: s,
     scale: m,
-    globalAlpha: u
+    globalAlpha: d
   } = t;
-  if (u || (u = 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]);
-    for (let d = 1; d < n.length; d++)
-      e.lineTo(n[d][0], n[d][1]);
-    r && e.closePath(), o && (e.strokeStyle = o, e.stroke()), l && r && (u && (e.globalAlpha = u), e.fillStyle = l, e.fill()), e.restore();
+  if (d || (d = 1), n && e) {
+    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]);
+    r && e.closePath(), o && (e.strokeStyle = o, e.stroke()), i && r && (d && (e.globalAlpha = d), e.fillStyle = i, e.fill()), e.restore();
   }
 }, intervalIds = {}, drawLabel = (e, t, n) => {
-  var d, f, p, y, h, g, k;
-  let { center: o, text: l, color: r, textColor: i, bgColor: c, leftIcon: s, rightIcons: m, type: u } = t;
-  if (o && l) {
+  var u, f, p, y, h, g, k;
+  let { center: o, text: i, color: r, textColor: l, bgColor: c, leftIcon: s, rightIcons: m, type: d } = t;
+  if (o && i) {
     const T = {
       font: labelFont,
       labelOutSize,
       labelHeight,
       center: o,
-      text: l,
+      text: i,
       leftIcon: s,
       selected: t.selected
     };
-    (d = t.blinkColors) != null && d.length && t.fill && (c = t.fill, i = getForegroundColor(t.fill));
+    (u = t.blinkColors) != null && u.length && t.fill && (c = t.fill, l = getForegroundColor(t.fill));
     const I = drawLabelBody(e, n, T);
     if (I) {
-      const { x, bounds: F, l: P } = I, v = [getTopLeftPoint(F), getBottomLeftPoint(F), getBottomRightPoint(F), getTopRighttPoint(F)];
-      n.find((E) => E.name === l) || n.push(I), drawPolygon(e, {
-        points: [o, x],
+      const { x: F, bounds: V, l: P } = I, v = [getTopLeftPoint(V), getBottomLeftPoint(V), getBottomRightPoint(V), getTopRighttPoint(V)];
+      n.find((E) => E.name === i) || n.push(I), drawPolygon(e, {
+        points: [o, F],
         strokeColor: r,
         fillColor: "#000",
         shouldClosePath: !0,
@@ -1063,8 +1063,8 @@ const drawText = (e, t) => {
         rotationCenter: void 0,
         scale: void 0,
         globalAlpha: labelAlpha
-      }), m != null && m.length && m.forEach((E, V) => {
-        v[1][0] += 34 + V * 2, v[2][0] += 34 + V * 2;
+      }), m != null && m.length && m.forEach(() => {
+        v[1][0] += pixelRatio === 1 ? 18 : 36, v[2][0] += pixelRatio === 1 ? 18 : 36;
       });
       const w = {
         points: v,
@@ -1073,14 +1073,14 @@ const drawText = (e, t) => {
         shouldClosePath: !0
       }, [S, M] = P, C = {
         center: [S, M + labelOutSize + labelHeight + 1],
-        text: l,
-        textColor: i,
+        text: i,
+        textColor: l,
         leftIcon: s,
         rightIcons: m,
         blinkColors: t.blinkColors
       };
       if (drawPolygon(e, w), drawText(e, C), t != null && t.blinkColors && t.blinkColors.length > 0) {
-        let E = Date.now(), V = 0;
+        let E = Date.now(), x = 0;
         const N = t.blinkColors;
         !!!((y = (p = (f = selectShipsLayer.value) == null ? void 0 : f.getSource()) == null ? void 0 : p.getFeatures()) != null && y.find(($) => {
           var R;
@@ -1088,10 +1088,10 @@ const drawText = (e, t) => {
         }) || (k = (g = (h = shipsLayer.value) == null ? void 0 : h.getSource()) == null ? void 0 : g.getFeatures()) != null && k.find(($) => {
           var R;
           return ((R = $.get("data")) == null ? void 0 : R.id) === t.id;
-        })) || hiddenOrther.value ? (clearInterval(intervalIds[t.id]), deleteLabelFromArray(n, l)) : (intervalIds[t.id] && clearInterval(intervalIds[t.id]), intervalIds[t.id] = window.setInterval(() => {
+        })) || hiddenOrther.value ? (clearInterval(intervalIds[t.id]), deleteLabelFromArray(n, i)) : (intervalIds[t.id] && clearInterval(intervalIds[t.id]), intervalIds[t.id] = window.setInterval(() => {
           var D, G, _;
           const $ = Date.now();
-          $ - E >= 500 && (V = (V + 1) % N.length, E = $, w.fillColor = N[V], drawPolygon(e, w), C.textColor = getForegroundColor(w.fillColor), drawText(e, C));
+          $ - E >= 500 && (x = (x + 1) % N.length, E = $, w.fillColor = N[x], drawPolygon(e, w), C.textColor = getForegroundColor(w.fillColor), drawText(e, C));
           const R = shipsMarkerList == null ? void 0 : shipsMarkerList.some((O) => {
             var B;
             return ((B = O.ship) == null ? void 0 : B.id) === t.id;
@@ -1099,10 +1099,10 @@ const drawText = (e, t) => {
             const B = O.get("data");
             return (B == null ? void 0 : B.id) === t.id;
           });
-          !R && !Z && (clearInterval(intervalIds[t.id]), deleteLabelFromArray(n, l));
+          !R && !Z && (clearInterval(intervalIds[t.id]), deleteLabelFromArray(n, i));
         }, 10));
       } else
-        shipLabels.value.find((V) => V.name === l) && (clearInterval(intervalIds[t.id]), drawPolygon(e, w), drawText(e, C));
+        shipLabels.value.find((x) => x.name === i) && (clearInterval(intervalIds[t.id]), drawPolygon(e, w), drawText(e, C));
     }
   }
   return null;
@@ -1130,23 +1130,23 @@ function gcj02ToWgs84(e) {
   if (outOfChina(t, n))
     return `${t.toFixed(6)}, ${n.toFixed(6)}`;
   {
-    let o = transformLat(t - 105, n - 35), l = transformLng(t - 105, n - 35);
+    let o = transformLat(t - 105, n - 35), i = transformLng(t - 105, n - 35);
     const r = n / 180 * PI;
-    let i = Math.sin(r);
-    i = 1 - ee * i * i;
-    const c = Math.sqrt(i);
-    o = o * 180 / (a * (1 - ee) / (i * c) * PI), l = l * 180 / (a / c * Math.cos(r) * PI);
-    const s = n + o, m = t + l;
+    let l = Math.sin(r);
+    l = 1 - ee * l * l;
+    const c = Math.sqrt(l);
+    o = o * 180 / (a * (1 - ee) / (l * c) * PI), i = i * 180 / (a / c * Math.cos(r) * PI);
+    const s = n + o, m = t + i;
     return `${(t * 2 - m).toFixed(6)}, ${(n * 2 - s).toFixed(6)}`;
   }
 }
 function calculateCirclePoints(e, t) {
-  const n = fromLonLat(e), o = t * 1e3, l = [
+  const n = fromLonLat(e), o = t * 1e3, i = [
     n[0] - o,
     n[1] - o,
     n[0] + o,
     n[1] + o
-  ], r = transformExtent(l, projection.mercator, projection.data);
+  ], r = transformExtent(i, projection.mercator, projection.data);
   return {
     leftTopPoint: { lng: r[0], lat: r[3] },
     rightTopPoint: { lng: r[2], lat: r[3] },
@@ -1162,17 +1162,17 @@ function lonLatToMercator(e) {
 }
 function mercatorToLonLat(e, t = "lonlat") {
   const n = { lon: 0, lat: 0 }, o = e[0] / equatorialCircumference * 180;
-  let l = e[1] / equatorialCircumference * 180;
-  return l = 180 / Math.PI * (2 * Math.atan(Math.exp(l * Math.PI / 180)) - Math.PI / 2), n.lon = o, n.lat = l, t === "lonlat" ? n : [o, l];
+  let i = e[1] / equatorialCircumference * 180;
+  return i = 180 / Math.PI * (2 * Math.atan(Math.exp(i * Math.PI / 180)) - Math.PI / 2), n.lon = o, n.lat = i, t === "lonlat" ? n : [o, i];
 }
 function calculateBoundingBox(e) {
-  let t = 1 / 0, n = -1 / 0, o = 1 / 0, l = -1 / 0;
+  let t = 1 / 0, n = -1 / 0, o = 1 / 0, i = -1 / 0;
   e.forEach((h) => {
     const [g, k] = h;
-    t = Math.min(t, k), n = Math.max(n, k), o = Math.min(o, g), l = Math.max(l, g);
+    t = Math.min(t, k), n = Math.max(n, k), o = Math.min(o, g), i = Math.max(i, g);
   });
-  const r = l - o, i = n - t, c = Math.max(r, i), s = (o + l) / 2, m = (t + n) / 2, u = c / 2, d = s - u, f = s + u, p = m - u, y = m + u;
-  return [f, p, d, y];
+  const r = i - o, l = n - t, c = Math.max(r, l), s = (o + i) / 2, m = (t + n) / 2, d = c / 2, u = s - d, f = s + d, p = m - d, y = m + d;
+  return [f, p, u, y];
 }
 const transformUtils = {
   gcj02ToWgs84,
@@ -1183,13 +1183,13 @@ 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 r, i, c;
+  var r, l, c;
   const o = e[t];
   if (!o) return;
   allTracks.value[t] = o, trackList$1.value = [], trackList$1.value = o.map((s, m) => (s.center = [s.lon, s.lat], s.centerPoint = transformUtils.lonLatToMercator(s.center), s.id = t, s.index = m, s.time = hooks(s.createdAt).format("YYYY-MM-DD HH:mm:ss"), s));
-  const l = trackList$1.value.map((s) => s.centerPoint);
-  if (l.length >= 2) {
-    const s = new LineString(l), m = new Feature({ geometry: s });
+  const i = trackList$1.value.map((s) => s.centerPoint);
+  if (i.length >= 2) {
+    const s = new LineString(i), m = new Feature({ geometry: s });
     m.setStyle(
       new Style({
         stroke: new Stroke({
@@ -1197,13 +1197,13 @@ const renderTrackLine = (e, t, n) => {
           width: 2
         })
       })
-    ), m.setId(t), m.set("type", "line"), (i = (r = shipTrackVectorLayer.value) == null ? void 0 : r.getSource()) == null || i.clear(), shipTrackLineFeatures.value = [];
-    const u = shipTrackLineFeatures.value.findIndex((f) => f.getId() === t);
-    u >= 0 ? shipTrackLineFeatures.value[u] = m : shipTrackLineFeatures.value.push(m);
-    const d = createAnimatedIconFeature(n, l);
+    ), m.setId(t), m.set("type", "line"), (l = (r = shipTrackVectorLayer.value) == null ? void 0 : r.getSource()) == null || l.clear(), shipTrackLineFeatures.value = [];
+    const d = shipTrackLineFeatures.value.findIndex((f) => f.getId() === t);
+    d >= 0 ? shipTrackLineFeatures.value[d] = m : shipTrackLineFeatures.value.push(m);
+    const u = createAnimatedIconFeature(n, i);
     trackLineVectorSource.value = new VectorSource({
       features: [...shipTrackLineFeatures.value]
-    }), animationFeature = d, console.log(animationFeature), shipTrackVectorLayer.value = new VectorLayer({
+    }), animationFeature = u, console.log(animationFeature), shipTrackVectorLayer.value = new VectorLayer({
       source: trackLineVectorSource.value,
       zIndex: 102
     }), renderPoint(n), (c = mapInstance$5.value) == null || c.addLayer(shipTrackVectorLayer.value);
@@ -1240,25 +1240,25 @@ let polyline, linePath, startMarker, position, geoMarker, vectorLayer;
 const trackAnimating = ref(!1);
 let distance = 0, lastTime = Date.now(), moveFeatureHandler = null;
 const moveFeature = (e, t) => {
-  var d, f, p;
-  const n = Number(50 * t), o = ((d = e.frameState) == null ? void 0 : d.time) ?? Date.now(), l = o - lastTime;
-  if (distance = (distance + n * l / 1e6) % 2, lastTime = o, distance >= 1) {
+  var u, f, p;
+  const n = Number(50 * t), o = ((u = e.frameState) == null ? void 0 : u.time) ?? Date.now(), i = o - lastTime;
+  if (distance = (distance + n * i / 1e6) % 2, lastTime = o, distance >= 1) {
     stopAnimation();
     return;
   }
   const r = 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(r);
-  const u = getVectorContext(e);
-  u.context_.save(), u.setStyle(geoMarkerStyle), u.drawGeometry(position), u.context_.restore(), (p = mapInstance$5.value) == null || p.render();
+  const d = getVectorContext(e);
+  d.context_.save(), d.setStyle(geoMarkerStyle), d.drawGeometry(position), d.context_.restore(), (p = mapInstance$5.value) == null || p.render();
 }, startAnimation = () => {
   var e;
   trackAnimating.value = !0, showTrackAnimatMarker.value = !0, lastTime = Date.now(), distance = 0, position = ((e = startMarker.getGeometry()) == null ? void 0 : e.clone()) || new Point([0, 0]), moveFeatureHandler && (vectorLayer == null || vectorLayer.on("postrender", moveFeatureHandler)), geoMarker == null || geoMarker.setGeometry(void 0);
@@ -1287,38 +1287,38 @@ const moveFeature = (e, t) => {
     source: new VectorSource({
       features: [geoMarker]
     })
-  }), (o = mapInstance$5.value) == null || o.addLayer(vectorLayer), moveFeatureHandler = (l) => moveFeature(l, t), startAnimation();
+  }), (o = mapInstance$5.value) == null || o.addLayer(vectorLayer), moveFeatureHandler = (i) => moveFeature(i, t), startAnimation();
 }, renderPoint = (e) => {
   if (!mapInstance$5.value) return;
   const t = trackList$1.value || [];
   if (!(t && t.length > 1)) return [];
-  const n = { 16: 24, 17: 15, default: 4 }, o = [], l = t.length;
-  for (let c = 0; c < l; c++) {
+  const n = { 16: 24, 17: 15, default: 4 }, o = [], i = t.length;
+  for (let c = 0; c < i; c++) {
     t[c].index = c;
     const s = mapInstance$5.value.getPixelFromCoordinate(t[c].centerPoint);
     if (s) {
       let m = s.concat(s);
       m = adjustBounds(m, [20, 20]);
-      const u = mapInstance$5.value.getView().getZoom();
-      if (!u) return;
-      if (u > 15) {
-        const f = n[u] || n.default;
+      const d = mapInstance$5.value.getView().getZoom();
+      if (!d) return;
+      if (d > 15) {
+        const f = n[d] || n.default;
         m = adjustBounds(m, [f, f]);
       }
-      let d = !0;
+      let u = !0;
       if (t[c].state !== "0") {
         for (let f = 0; f < o.length; f++)
           if (isOverlapping(m, o[f].bounds)) {
-            d = !1;
+            u = !1;
             break;
           }
       }
-      d && (t[c].bounds = m, o.push(t[c]));
+      u && (t[c].bounds = m, o.push(t[c]));
     }
   }
-  const r = getIconStyle(stopIcon), i = getIconStyle(slowIcon);
+  const r = getIconStyle(stopIcon), l = getIconStyle(slowIcon);
   o.forEach((c, s) => {
-    var d, f;
+    var u, f;
     const m = new Feature({
       geometry: new Point(c.centerPoint)
     });
@@ -1339,12 +1339,12 @@ const moveFeature = (e, t) => {
         })
       })
     ]), trackLineVectorSource.value.addFeature(m);
-    const u = new Feature({
+    const d = new Feature({
       geometry: new Point(fromLonLat(c.center))
     });
-    if (u.set("type", "track_label"), u.set("track_label_index", s), u.setStyle(
+    if (d.set("type", "track_label"), d.set("track_label_index", s), d.setStyle(
       setTrackLabelStyle(c, e)
-    ), trackLineVectorSource.value.addFeature(u), typeof c == "object" && c.hasOwnProperty("state")) {
+    ), trackLineVectorSource.value.addFeature(d), typeof c == "object" && c.hasOwnProperty("state")) {
       const p = new Feature({
         geometry: new Point(c.centerPoint)
       });
@@ -1357,27 +1357,27 @@ const moveFeature = (e, t) => {
         }),
         zIndex: 99
       }), h = [];
-      Number(c.state) === 0 ? ((d = y.getText()) == null || d.setFill(new Fill({ color: stopColor })), h.push(r)) : Number(c.state) === 1 && ((f = y.getText()) == null || f.setFill(new Fill({ color: slowColor })), h.push(i)), h.push(y), p.setStyle(h), trackLineVectorSource.value.addFeature(p);
+      Number(c.state) === 0 ? ((u = y.getText()) == null || u.setFill(new Fill({ color: stopColor })), h.push(r)) : Number(c.state) === 1 && ((f = y.getText()) == null || f.setFill(new Fill({ color: slowColor })), h.push(l)), h.push(y), p.setStyle(h), trackLineVectorSource.value.addFeature(p);
     }
   }), renderArrow(o, e), renderIconPoint();
 }, renderArrow = (e, t) => {
   const n = e.length;
   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 l;
-    const r = e[o], i = (e[o + 1].index + r.index) / 2;
-    if (i % 2 === 0)
-      l = trackList$1.value[i].centerPoint;
+    let i;
+    const r = e[o], l = (e[o + 1].index + r.index) / 2;
+    if (l % 2 === 0)
+      i = 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, u] = c.centerPoint, [d, f] = s.centerPoint;
-        l = [(m + d) / 2, (u + f) / 2];
+        const [m, d] = c.centerPoint, [u, f] = s.centerPoint;
+        i = [(m + u) / 2, (d + f) / 2];
       }
     }
-    if (l) {
+    if (i) {
       const c = new Feature({
-        geometry: new Point(l)
+        geometry: new Point(i)
       });
       c.set("type", "track_arrow"), c.setStyle(
         new Style({
@@ -1397,18 +1397,18 @@ 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((l) => {
+  (trackList$1.value.length < 2 ? [trackList$1.value[0]] : [trackList$1.value[0], trackList$1.value[trackList$1.value.length - 1]]).forEach((i) => {
     const r = new Feature({
-      geometry: new Point(l.centerPoint)
+      geometry: new Point(i.centerPoint)
     });
-    r.set("type", "track_begin"), r.set("data", l);
-    const i = l.index === 0 && trackList$1.value.length >= 2 ? t : n;
+    r.set("type", "track_begin"), r.set("data", i);
+    const l = i.index === 0 && trackList$1.value.length >= 2 ? t : n;
     r.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
       })
@@ -1416,7 +1416,7 @@ const moveFeature = (e, t) => {
   });
 }, setTrackLabelStyle = (e, t) => new Style({
   renderer: (n, o) => {
-    const l = o.context, c = {
+    const i = o.context, c = {
       id: e.id || "",
       center: n,
       text: e.time,
@@ -1426,10 +1426,10 @@ const moveFeature = (e, t) => {
       selected: !0,
       type: "TrackTime"
     };
-    drawLabel(l, c, trackLabels.value);
+    drawLabel(i, c, trackLabels.value);
   }
-}), mapInstance$4 = ref(), renderCustomOverlaySetInstance = (e) => mapInstance$4.value = e, drawCustomContent = (e, t, n, o = "top-left", l = !1) => {
-  var u, d;
+}), mapInstance$4 = ref(), renderCustomOverlaySetInstance = (e) => mapInstance$4.value = e, drawCustomContent = (e, t, n, o = "top-left", i = !1) => {
+  var d, u;
   if (!t || !mapInstance$4.value) return;
   document.querySelectorAll(".truck-custom-content").forEach((f) => {
     var p;
@@ -1437,15 +1437,15 @@ const moveFeature = (e, t) => {
   });
   const r = document.createElement("div");
   r.innerHTML = n;
-  const i = new Overlay({
+  const l = new Overlay({
     element: r,
     position: t,
     // 初始位置
     positioning: o,
-    stopEvent: l
+    stopEvent: i
     // 设置不阻拦事件
   });
-  if (l) {
+  if (i) {
     let f = !1, p = [0, 0], y = [0, 0], h = 0, g = 0;
     r.addEventListener("mousedown", function(k) {
       var I;
@@ -1458,43 +1458,43 @@ const moveFeature = (e, t) => {
     }), document.addEventListener("mousemove", function(k) {
       var T;
       if (f) {
-        const I = (T = mapInstance$4.value) == null ? void 0 : T.getCoordinateFromPixel([k.clientX - y[0], k.clientY - y[1]]), x = I[0] - p[0], F = I[1] - p[1];
-        i.setPosition([p[0] + x, p[1] + F]);
+        const I = (T = mapInstance$4.value) == null ? void 0 : T.getCoordinateFromPixel([k.clientX - y[0], k.clientY - y[1]]), F = I[0] - p[0], V = I[1] - p[1];
+        l.setPosition([p[0] + F, p[1] + V]);
       }
     }), document.addEventListener("mouseup", function() {
       f = !1;
     });
   }
-  (u = mapInstance$4.value) == null || u.addOverlay(i);
+  (d = mapInstance$4.value) == null || d.addOverlay(l);
   const c = r.querySelector(".close-button");
   c && c.addEventListener("click", () => {
     var f, p;
-    (f = mapInstance$4.value) == null || f.removeOverlay(i), (p = r.parentNode) == null || p.removeChild(r);
+    (f = mapInstance$4.value) == null || f.removeOverlay(l), (p = r.parentNode) == null || p.removeChild(r);
   });
-  const s = JSON.parse(JSON.stringify(t)), m = (d = mapInstance$4.value) == null ? void 0 : d.getCoordinateFromPixel(s);
-  return i.setPosition(m), i;
+  const s = JSON.parse(JSON.stringify(t)), m = (u = mapInstance$4.value) == null ? void 0 : u.getCoordinateFromPixel(s);
+  return l.setPosition(m), l;
 }, mapInstance$3 = ref(), renderTrackSetInstance = (e) => mapInstance$3.value = e, showTracks = ref([]), trackList = ref([]);
 ref(null);
-const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship") => {
-  var u;
-  if (console.log(l), nextTick(() => {
+const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, i = "ship") => {
+  var d;
+  if (console.log(i), nextTick(() => {
     hiddenAllShips();
-  }).then((d) => {
+  }).then((u) => {
   }), (t == null ? void 0 : t.length) < 2) {
-    ((u = showTracks.value) == null ? void 0 : u.findIndex((d) => d.id === e)) < 0 && showTracks.value.push({ id: e, length: "" });
+    ((d = showTracks.value) == null ? void 0 : d.findIndex((u) => u.id === e)) < 0 && showTracks.value.push({ id: e, length: "" });
     return;
   }
   const r = {};
-  t.forEach((d) => {
-    d.state ? d.state = Number(d.state) : delete d.state;
+  t.forEach((u) => {
+    u.state ? u.state = Number(u.state) : delete u.state;
   }), trackId.value = e, r[e] = t, trackList.value = t;
-  const i = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], c = r[e].map(
-    (d) => transform([d.lon, d.lat], projection.data, projection.mercator)
+  const l = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], c = r[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 d = (f = showTracks.value) == null ? void 0 : f.findIndex((y) => y.id === e);
-    d < 0 ? showTracks.value.push({ id: e, length: m }) : showTracks.value[d].length = m, ++cursor.value, cursor.value > i.length && (cursor.value = 0), renderTrackLine(r, e, n), nextTick(() => {
+    const u = (f = showTracks.value) == null ? void 0 : f.findIndex((y) => y.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(r, e, n), nextTick(() => {
       resetTrackView(e);
     }).then(() => {
     }), (p = mapInstance$3.value) == null || p.on("moveend", () => {
@@ -1506,8 +1506,8 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
   var t;
   const e = ref(null);
   (t = mapInstance$3.value) == null || t.on("pointermove", (n) => {
-    var l, r, i, c;
-    e.value && ((l = mapInstance$3.value) == null || l.removeOverlay(e.value));
+    var i, r, l, c;
+    e.value && ((i = mapInstance$3.value) == null || i.removeOverlay(e.value));
     const o = (r = mapInstance$3.value) == null ? void 0 : r.forEachFeatureAtPixel(n.pixel, (s) => s);
     if (o) {
       const s = o.get("data");
@@ -1519,7 +1519,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
                         <div class="item-item">${formatMinutesToDDHHMM(Number(s.stayTime))}</div>
                     </div>
                 `);
-      const u = `
+      const d = `
                 <div class="track-point-popup">
                     <div class="item">
                         <div class="item-label">状态</div>
@@ -1550,9 +1550,9 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
                         <div class="item-item">${s.time}</div>
                     </div>
                     ${m ?? m}
-                </div>`, d = (i = mapInstance$3.value) == null ? void 0 : i.getPixelFromCoordinate(n.coordinate);
-      if (d) {
-        const f = drawCustomContent(s.time, d, u, "top-left");
+                </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);
       }
     } else
@@ -1564,10 +1564,10 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
 }, playTrack = (e, t) => {
   handlePlay(String(e), t);
 }, resetTrackView = (e) => {
-  var l;
+  var i;
   const t = mapInstance$3.value.getView(), n = e ? shipTrackLineFeatures.value.find((r) => r.getId() === e) : shipTrackLineFeatures.value[0];
   if (!n) return;
-  const o = (l = n == null ? void 0 : n.getGeometry()) == null ? void 0 : l.getExtent();
+  const o = (i = n == null ? void 0 : n.getGeometry()) == null ? void 0 : i.getExtent();
   if (o != null && o.length)
     try {
       const r = buffer(o, Math.max(o[2] - o[0], o[3] - o[1]) * 0.02);
@@ -1576,8 +1576,8 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
       console.log(r);
     }
 }, formatMinutesToDDHHMM = (e) => {
-  const t = hooks.duration(e, "minutes"), n = Math.floor(t.asDays()), o = t.hours(), l = t.minutes();
-  let r = `${String(l).padStart(2, "0")}分`;
+  const t = hooks.duration(e, "minutes"), n = Math.floor(t.asDays()), o = t.hours(), i = t.minutes();
+  let r = `${String(i).padStart(2, "0")}分`;
   return o !== 0 && (r = `${String(o).padStart(2, "0")}时${r}`), n !== 0 && (r = `${String(n).padStart(2, "0")}天${r}`), r;
 }, _hoisted_1$3 = {
   key: 0,
@@ -1594,16 +1594,16 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
   emits: ["switchGreenDot", "switchMapTile"],
   setup(e, { emit: t }) {
     var p, y;
-    const n = inject("mapInstance"), o = e, l = t, r = ref(((y = (p = n == null ? void 0 : n.value) == null ? void 0 : p.getView()) == null ? void 0 : y.getZoom()) || mapZoom.default), i = ref(!1), c = ref(null), s = ref(!0), m = () => {
-      o.disableGreenDot || r.value >= mapZoom.shipGreenDotMax || (s.value = !s.value, l("switchGreenDot", s.value));
-    }, u = () => {
-      l("switchMapTile", o.mapTileMode === BaseMapType.vector ? BaseMapType.satellite : BaseMapType.vector);
+    const n = inject("mapInstance"), o = e, i = t, r = ref(((y = (p = n == null ? void 0 : n.value) == null ? void 0 : p.getView()) == null ? void 0 : y.getZoom()) || mapZoom.default), l = ref(!1), c = ref(null), s = ref(!0), m = () => {
+      o.disableGreenDot || r.value >= mapZoom.shipGreenDotMax || (s.value = !s.value, i("switchGreenDot", s.value));
     }, d = () => {
+      i("switchMapTile", o.mapTileMode === BaseMapType.vector ? BaseMapType.satellite : BaseMapType.vector);
+    }, u = () => {
       var h, g;
-      i.value ? (showMeasure.value = !1, (h = c.value) == null || h.removeInteraction()) : (showMeasure.value = !0, (g = c.value) == null || g.addInteraction()), i.value = !i.value;
+      l.value ? (showMeasure.value = !1, (h = c.value) == null || h.removeInteraction()) : (showMeasure.value = !0, (g = c.value) == null || g.addInteraction()), l.value = !l.value;
     }, f = () => {
       var h;
-      (h = c.value) == null || h.removeInteraction(), i.value = !1;
+      (h = c.value) == null || h.removeInteraction(), l.value = !1;
     };
     return onMounted(() => {
       nextTick(() => {
@@ -1622,8 +1622,8 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
           createElementVNode("div", _hoisted_2$1, [
             h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
-              onClick: d
+              class: normalizeClass(["switch-btn", `${l.value && "active"}`]),
+              onClick: u
             }, g[5] || (g[5] = [
               createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "测距", -1)
@@ -1639,7 +1639,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
             h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 2,
               class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[0] || (g[0] = (k) => u())
+              onClick: g[0] || (g[0] = (k) => d())
             }, g[7] || (g[7] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "图层", -1)
@@ -1647,7 +1647,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
             h.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
               key: 3,
               class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[1] || (g[1] = (k) => u())
+              onClick: g[1] || (g[1] = (k) => d())
             }, g[8] || (g[8] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "卫星", -1)
@@ -1673,8 +1673,8 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
         ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           h.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("div", {
-              class: normalizeClass(["switch-btn", `${i.value && "active"}`]),
-              onClick: d
+              class: normalizeClass(["switch-btn", `${l.value && "active"}`]),
+              onClick: u
             }, g[11] || (g[11] = [
               createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "测距", -1)
@@ -1690,7 +1690,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
           ], 64)) : createCommentVNode("", !0),
           createElementVNode("div", {
             class: normalizeClass(["switch-btn", { active: h.mapTileMode === unref(BaseMapType).satellite }]),
-            onClick: u
+            onClick: d
           }, g[13] || (g[13] = [
             createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
             createElementVNode("div", { class: "button-text" }, "卫星", -1)
@@ -1698,12 +1698,12 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
         ], 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": g[4] || (g[4] = (k) => i.value = k),
+          visible: l.value,
+          "onUpdate:visible": g[4] || (g[4] = (k) => l.value = k),
           onClose: f,
           "view-mode": h.viewMode
         }, null, 8, ["visible", "view-mode"])) : createCommentVNode("", !0)
@@ -1715,15 +1715,15 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
   setup(e, { expose: t }) {
     const n = inject("mapInstance");
     return t({
-      setScaleLine: (l) => {
+      setScaleLine: (i) => {
         var c;
-        l || (l = "metric");
+        i || (i = "metric");
         const r = new ScaleLine$1({
-          units: l
-        }), i = document.getElementById("scale-line-container");
-        i && (r.setTarget(i), (c = n == null ? void 0 : n.value) == null || c.addControl(r));
+          units: i
+        }), l = document.getElementById("scale-line-container");
+        l && (r.setTarget(l), (c = n == null ? void 0 : n.value) == null || c.addControl(r));
       }
-    }), (l, r) => (openBlock(), createElementBlock("div", _hoisted_1$2));
+    }), (i, r) => (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",
@@ -1735,14 +1735,14 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
   setup(e) {
     const t = inject("mapInstance"), n = () => {
       if (!t.value) return;
-      const l = t.value.getView(), r = l.getZoom();
-      r && l.setZoom(r + 1);
+      const i = t.value.getView(), r = i.getZoom();
+      r && i.setZoom(r + 1);
     }, o = () => {
       if (!t.value) return;
-      const l = t.value.getView(), r = l.getZoom();
-      r && l.setZoom(r - 1);
+      const i = t.value.getView(), r = i.getZoom();
+      r && i.setZoom(r - 1);
     };
-    return (l, r) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
+    return (i, r) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
       createElementVNode("div", {
         onClick: n,
         class: "button big-button"
@@ -1760,10 +1760,10 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, l = "ship")
   },
   setup(e) {
     useCssVars((r) => ({
-      "4bfada56": l.value
+      "4bfada56": i.value
     }));
-    const t = e, n = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "map/tdt-copyright-h.svg" : `map/tdt-copyright-v${mapTile === "satellite" ? "-w" : ""}.svg`), o = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "400px" : "168px"), l = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "auto auto 0 5px" : "0 auto auto 5px");
-    return (r, i) => (openBlock(), createElementBlock("div", _hoisted_1, [
+    const t = e, n = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "map/tdt-copyright-h.svg" : `map/tdt-copyright-v${mapTile === "satellite" ? "-w" : ""}.svg`), o = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "400px" : "168px"), i = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "auto auto 0 5px" : "0 auto auto 5px");
+    return (r, l) => (openBlock(), createElementBlock("div", _hoisted_1, [
       createElementVNode("img", {
         src: unref(CDN_URL) + n.value,
         width: o.value,
@@ -1785,30 +1785,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: (l, r) => {
-    const i = r.context;
-    i.save();
+  renderer: (i, r) => {
+    const l = r.context;
+    l.save();
     let c = 1;
-    i.scale(c, c);
-    let [s, m] = l;
+    l.scale(c, c);
+    let [s, m] = i;
     s = Number(s) / c - 20, m = Number(m) / c;
-    const u = s - 70, d = m - 68;
+    const d = s - 70, u = m - 68;
     let f = 180;
     const p = 56, y = "#FFFFFF";
     let h = 176;
     const g = 52;
     let k = "#164AFF", T = "#FFFFFF";
-    n === CAR_COLOR.YELLOW ? (h = 176, k = "#FFC81E", T = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, h = 196, k = "#8FED7C", T = "rgba(0,0,0,0.88)"), o != null && o.length && (f += o.length * 56), fillRectRadius(i, u, d, f, p, y), fillRectRadius(i, u + 2, d + 2, h, g, k), n === CAR_COLOR.Y_GREEN && fillRectRadius(i, u + 2, d + 2, 68, g, "#FFC81E"), i.save(), i.restore(), i.fillStyle = T, i.font = "bold 28px Arial", i.textAlign = "left", i.textBaseline = "middle";
+    n === CAR_COLOR.YELLOW ? (h = 176, k = "#FFC81E", T = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, h = 196, k = "#8FED7C", T = "rgba(0,0,0,0.88)"), o != null && o.length && (f += o.length * 56), fillRectRadius(l, d, u, f, p, y), fillRectRadius(l, d + 2, u + 2, h, g, k), n === CAR_COLOR.Y_GREEN && fillRectRadius(l, d + 2, u + 2, 68, g, "#FFC81E"), l.save(), l.restore(), l.fillStyle = T, l.font = "bold 28px Arial", l.textAlign = "left", l.textBaseline = "middle";
     const I = `${t.slice(0, 2) + " · " + t.slice(2)}`;
-    if (i.fillText(I, u + 12, d + 32), i.save(), i.restore(), o != null && o.length) {
-      const F = i.measureText(I).width + 12;
+    if (l.fillText(I, d + 12, u + 32), l.save(), l.restore(), o != null && o.length) {
+      const V = l.measureText(I).width + 12;
       let P = 0;
       o.forEach((v) => {
-        v === DEVICE_TYPE.CAMERA && (i.drawImage(cameraImage, s - 54 + F + P * 56, m - 64, 50, 50), ++P), v === DEVICE_TYPE.LOAD && (i.drawImage(loadImage, s - 54 + F + P * 56, m - 64, 50, 50), ++P);
+        v === DEVICE_TYPE.CAMERA && (l.drawImage(cameraImage, s - 54 + V + P * 56, m - 64, 50, 50), ++P), v === DEVICE_TYPE.LOAD && (l.drawImage(loadImage, s - 54 + V + P * 56, m - 64, 50, 50), ++P);
       });
     }
-    const x = dotImage$1;
-    i.drawImage(x, s + f / 2 - 90, m, 50 / c, 50 / c), i.restore();
+    const F = dotImage$1;
+    l.drawImage(F, s + f / 2 - 90, m, 50 / c, 50 / c), l.restore();
   }
 }), mapInstance$2 = ref(), renderDashboardSetInstance = (e) => mapInstance$2.value = e;
 ref([]);
@@ -1839,8 +1839,8 @@ const renderTrucksMarker = (e) => {
   if (!mapInstance$1.value || (focusShipData.value = e, !(e != null && e.lon && (e != null && e.lat)))) return;
   const t = formatUtils.convertSixHundredThousandToLatLng(e.lon, e.lat), n = mapInstance$1.value.getPixelFromCoordinate(transform(t, projection.data, projection.mercator));
   currentTruckOverlay.value = e ? drawTruckIcon(e.vno, n, (e == null ? void 0 : e.drc) ?? "") ?? null : null;
-  const o = mapInstance$1.value.getView(), l = new Point(t);
-  o.setCenter(transform(l.getCoordinates(), projection.data, projection.mercator));
+  const o = mapInstance$1.value.getView(), i = new Point(t);
+  o.setCenter(transform(i.getCoordinates(), projection.data, projection.mercator));
 }, clearAllTruck = () => {
   vehicle.value.clearAllShip();
 }, drawTruckIcon = (e, t, n) => {
@@ -1856,12 +1856,12 @@ const renderTrucksMarker = (e) => {
   var r;
   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 l = o(e);
-  (r = document.querySelectorAll(".truck-custom-content")) == null || r.forEach((i) => {
-    i.style.width = `${l}px`, i.style.height = `${l}px`;
+  const i = o(e);
+  (r = document.querySelectorAll(".truck-custom-content")) == null || r.forEach((l) => {
+    l.style.width = `${i}px`, l.style.height = `${i}px`;
   });
 }, mapInstance = ref(), drawPolygonSetInstance = (e) => mapInstance.value = e;
 let layerState = "drawn", drawnState = "undrawn";
@@ -1907,13 +1907,13 @@ function createHelpTooltip() {
 }
 let squareLimitError = !1, lineLimitError = !1;
 const validateSquareLimit = (e) => {
-  let n = 1 / 0, o = -1 / 0, l = 1 / 0, r = -1 / 0;
+  let n = 1 / 0, o = -1 / 0, i = 1 / 0, r = -1 / 0;
   e == null || e.forEach((s) => {
-    const m = transform(s, projection.mercator, projection.data), u = m[0], d = m[1];
-    n = Math.min(n, d), o = Math.max(o, d), l = Math.min(l, u), r = Math.max(r, u);
+    const m = transform(s, projection.mercator, projection.data), d = m[0], u = m[1];
+    n = Math.min(n, u), o = Math.max(o, u), i = Math.min(i, d), r = Math.max(r, d);
   });
-  const i = (o - n) * 111, c = (r - l) * 111;
-  squareLimitError = i > 150 || c > 150;
+  const l = (o - n) * 111, c = (r - i) * 111;
+  squareLimitError = l > 150 || c > 150;
 };
 let storeFeature, callbackFunction = null;
 const addInteraction = (e) => {
@@ -1925,29 +1925,29 @@ const addInteraction = (e) => {
     style: [drawPolygonStyle.drawing, circleStyle]
   }), (o = mapInstance.value) == null || o.addInteraction(draw), createMeasureTooltip(), createHelpTooltip();
   let t;
-  draw.on("drawstart", function(l) {
+  draw.on("drawstart", function(i) {
     var r;
-    layerState = "drawn", sketch = l.feature, t = (r = sketch.getGeometry()) == null ? void 0 : r.on("change", function(i) {
-      const c = i.target, s = formatUtils.formatArea(c, LENGTH_UNIT.NM), u = c.getCoordinates()[0], d = new LineString([u[u.length - 2], u[u.length - 1]]), f = formatUtils.formatLength(d, LENGTH_UNIT.NM);
-      if (lineLimitError = Number(getLength(d) / 1e3) > 150, validateSquareLimit(u), measureTooltipElement && s && (measureTooltipElement.innerHTML = `
+    layerState = "drawn", sketch = i.feature, t = (r = sketch.getGeometry()) == null ? void 0 : r.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]]), f = 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" : ""}">线段${u.length - 2}：${f}${lineLimitError ? '<span class="error pl-4">超出可以绘画的距离</span>' : ""}</span>
+                    <span class="text ${lineLimitError ? "error" : ""}">线段${d.length - 2}：${f}${lineLimitError ? '<span class="error pl-4">超出可以绘画的距离</span>' : ""}</span>
                     <div><span class="text">单击继续，双击结束</span></div>
                 `;
       }
     }), drawnState = "drawing";
-  }), draw.on("drawend", function(l) {
-    if (l.feature.getGeometry()) {
-      storeFeature = l.feature;
-      const r = endFn(l.feature);
+  }), draw.on("drawend", function(i) {
+    if (i.feature.getGeometry()) {
+      storeFeature = i.feature;
+      const r = endFn(i.feature);
       r != null && r.length && callbackFunction && callbackFunction(r);
     }
     if (sketch = null, measureTooltipElement = null, createMeasureTooltip(), t && unByKey(t), drawnState = "drawend", draw && mapInstance.value) {
-      const r = mapInstance.value.getInteractions().getArray().find((i) => getUid(i) === getUid(draw));
+      const r = mapInstance.value.getInteractions().getArray().find((l) => getUid(l) === getUid(draw));
       r && mapInstance.value.removeInteraction(r), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement);
     }
   });
@@ -1955,10 +1955,10 @@ const addInteraction = (e) => {
   var e, t, n;
   if (mapInstance.value) {
     if (document.querySelectorAll(".ol-tooltip.ol-tooltip-draw-polygon").forEach((o) => {
-      var l;
-      (l = o == null ? void 0 : o.parentNode) == null || l.removeChild(o);
+      var i;
+      (i = o == null ? void 0 : o.parentNode) == null || i.removeChild(o);
     }), source.clear(), (e = mapInstance.value) == null || e.removeLayer(drawVector), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement), ((t = mapInstance.value) == null ? void 0 : t.getTargetElement()).style.cursor = "", document.querySelector("#map").style.cursor = "", draw) {
-      const o = mapInstance.value.getInteractions().getArray().find((l) => getUid(l) === getUid(draw));
+      const o = mapInstance.value.getInteractions().getArray().find((i) => getUid(i) === getUid(draw));
       o && ((n = mapInstance.value) == null || n.removeInteraction(o));
     }
     drawnState = "undrawn", layerState = "destroyed";
@@ -1966,15 +1966,15 @@ const addInteraction = (e) => {
 }, endFn = (e) => {
   var t, n, o;
   if (e.getGeometry()) {
-    const l = [], i = e.getGeometry().getCoordinates();
-    (t = i[0]) == null || t.forEach((s) => {
-      l.push(transform(s, projection.mercator, projection.data));
+    const i = [], l = e.getGeometry().getCoordinates();
+    (t = l[0]) == null || t.forEach((s) => {
+      i.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)
-      return l;
+      return i;
     draw && ((o = mapInstance.value) == null || o.removeInteraction(draw)), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement);
   }
 }, initFeature = (e) => {
@@ -1982,14 +1982,14 @@ const addInteraction = (e) => {
   if (e && (callbackFunction = e), layerState = "drawn", storeFeature) {
     const o = storeFeature.getGeometry();
     if (!o) return;
-    const l = formatUtils.formatArea(o, LENGTH_UNIT.NM);
+    const i = formatUtils.formatArea(o, LENGTH_UNIT.NM);
     measureTooltipElement && (measureTooltipElement.innerHTML = `
-                <span class="text">面积：${l}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
+                <span class="text">面积：${i}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
             `), (t = drawVector.getSource()) == null || t.addFeature(storeFeature);
     const r = endFn(storeFeature);
     r != null && r.length && callbackFunction && callbackFunction(r);
-    const i = getCenter(storeFeature.getGeometry().getExtent());
-    (n = mapInstance.value) == null || n.getView().setCenter(i);
+    const l = getCenter(storeFeature.getGeometry().getExtent());
+    (n = mapInstance.value) == null || n.getView().setCenter(l);
   }
 }, pointerMoveHandler = function(e) {
   var n;
@@ -2030,18 +2030,18 @@ dotImage.crossOrigin = "anonymous";
 const dotActiveImage = new Image();
 dotActiveImage.crossOrigin = "anonymous";
 const setPointStyle = (e, t, n) => {
-  const { color: o, url: l, activeUrl: r, activeColor: i } = n;
-  return (r || l) && (e ? dotActiveImage.src = CDN_URL + (r || l) : dotImage.src = CDN_URL + (l || r)), new Style({
+  const { color: o, url: i, activeUrl: r, activeColor: l } = n;
+  return (r || i) && (e ? dotActiveImage.src = CDN_URL + (r || i) : dotImage.src = CDN_URL + (i || r)), new Style({
     renderer: (c, s) => {
       const m = s.context;
       m.save();
-      const u = window.devicePixelRatio || 1;
-      let [d, f] = c;
-      d = Number(d), f = Number(f), m.font = `${12 * u}px Arial`;
-      const p = m.measureText(t).width, y = d - p / 2 + 6, h = f + 6 * u, g = p + 4, k = 16 * u, T = e && i || o;
-      if (fillRectRadius(m, y, h + 13 * u, g, k, T), m.save(), m.restore(), m.fillStyle = e ? "#FFFFFF" : "#000000", m.textAlign = "center", m.textBaseline = "middle", m.fillText(t, y + (p + 4) / 2, h + 22 * u), m.save(), m.restore(), l || r) {
+      const d = window.devicePixelRatio || 1;
+      let [u, f] = c;
+      u = Number(u), f = Number(f), m.font = `${12 * d}px Arial`;
+      const p = m.measureText(t).width, y = u - p / 2 + (d === 1 ? -8 : 4 * d), h = f + 6 * d, g = p + 4, k = 16 * d, T = e && l || o;
+      if (fillRectRadius(m, y, h + 13 * d, g, k, T), m.save(), m.restore(), m.fillStyle = e ? "#FFFFFF" : "#000000", m.textAlign = "center", m.textBaseline = "middle", m.fillText(t, y + (p + 4) / 2, h + 22 * d), m.save(), m.restore(), i || r) {
         const I = e ? dotActiveImage : dotImage;
-        m.drawImage(I, d - I.width / 2, f - I.height / 2, 30 * u, 30 * u);
+        m.drawImage(I, u - I.width / 2, f - I.height / 2, 30 * d, 30 * d);
       }
       m.restore();
     }
@@ -2087,7 +2087,7 @@ class PointMarkerClass {
     let n = {};
     t.forEach((o) => {
       var r;
-      const l = [o.lon, o.lat];
+      const i = [o.lon, o.lat];
       if (((r = this.highlightPoint) == null ? void 0 : r.id) === o.id)
         n = {
           id: o.id,
@@ -2096,12 +2096,12 @@ class PointMarkerClass {
           pointType: o.pointType
         };
       else {
-        const i = this.getFeature(o, l);
+        const l = this.getFeature(o, i);
         this.pointMarkerList.push({
           id: o.id,
           name: o.name,
           lonlat: [Number(o.lon), Number(o.lat)],
-          feature: i,
+          feature: l,
           pointType: o.pointType
         });
       }
@@ -2147,23 +2147,23 @@ class PointMarkerClass {
    */
   highlightPointMarker(t) {
     if (!this.mapInstance) return;
-    const { id: n, name: o, fullName: l, lon: r, lat: i, pointType: c } = t, s = [Number(r), Number(i)];
+    const { id: n, name: o, fullName: i, lon: r, lat: l, pointType: c } = t, s = [Number(r), Number(l)];
     this.highlightPoint = {
       id: n,
       name: o,
-      fullName: l,
+      fullName: i,
       lonlat: s,
       pointType: c
     }, this.setPointCenter(s);
   }
   // 获取feature
   getFeature(t, n) {
-    var l;
+    var i;
     const o = new Feature({
       geometry: new Point(fromLonLat(n))
     });
     return o.set("data", t), o.setStyle(
-      setPointStyle(((l = this.highlightPoint) == null ? void 0 : l.id) === t.id, t.name, this.options)
+      setPointStyle(((i = this.highlightPoint) == null ? void 0 : i.id) === t.id, t.name, this.options)
     ), o;
   }
   /**
@@ -2176,8 +2176,8 @@ class PointMarkerClass {
    */
   setPointCenter(t, n = { customZoom: mapZoom.findShip, type: 1 }) {
     if (!this.mapInstance) return;
-    const { customZoom: o = mapZoom.findShip, type: l = 1 } = n, r = this.mapInstance.getView(), i = r.getZoom();
-    (l === 1 || i > o && l === 2 || i < o && l === 3) && r.setZoom(o);
+    const { customZoom: o = mapZoom.findShip, type: i = 1 } = n, r = this.mapInstance.getView(), l = r.getZoom();
+    (i === 1 || l > o && i === 2 || l < o && i === 3) && r.setZoom(o);
     const c = new Point(t);
     r.setCenter(transform(c.getCoordinates(), projection.data, projection.mercator));
   }
@@ -2197,7 +2197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(e, { expose: t, emit: n }) {
     const o = ref();
     provide("mapInstance", o);
-    const l = ref(null), r = ref(null), i = ref(null), c = n, s = e, m = ref(s.zoom || mapZoom.default), u = ref(!1), d = ref(!0), f = ref(!0), p = {
+    const i = ref(null), r = ref(null), l = ref(null), c = n, s = e, m = ref(s.zoom || mapZoom.default), d = ref(!1), u = ref(!0), f = ref(!0), p = {
       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 }),
@@ -2246,7 +2246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }, g = (v) => {
       var L;
       s.vehicleMode !== "ship" && (v = !1), (L = o.value) == null || L.getLayers().forEach((w) => {
-        getUid(w) === getUid(p.greenMark) && (w.setVisible(v), d.value = v);
+        getUid(w) === getUid(p.greenMark) && (w.setVisible(v), u.value = v);
       });
     }, k = ref(BaseMapType.satellite), T = (v) => {
       var L;
@@ -2255,15 +2255,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }, I = () => {
       const v = o.value.getView(), L = v.getZoom();
-      L && x(L);
+      L && F(L);
       const w = v.calculateExtent(o.value.getSize());
-      w && L && F(w, L);
-    }, x = (v) => {
-      var S, M, C, E, V;
+      w && L && V(w, L);
+    }, F = (v) => {
+      var S, M, C, E, x;
       m.value = v, g(v < mapZoom.shipGreenDotMax);
       const L = (S = o.value) == null ? void 0 : S.getLayers(), w = s.vehicleMode === "ship" ? L == null ? void 0 : L.getArray().find((N) => getUid(N) === getUid(p.greenMark)) : void 0;
-      showTrackLayer.value ? (f.value = !1, w == null || w.setVisible(!1), (M = shipsLayer.value) == null || M.setVisible(!1), (C = largeAmountShipsLayer.value) == null || C.setVisible(!1)) : !u.value && d.value && v <= mapZoom.shipGreenDotMax ? (f.value = !0, w == null || w.setVisible(!0), (E = shipsLayer.value) == null || E.setVisible(!1), (V = largeAmountShipsLayer.value) == null || V.setVisible(!1)) : (f.value = !1, w == null || w.setVisible(!1)), c("zoomChanged", v);
-    }, F = (v, L) => {
+      showTrackLayer.value ? (f.value = !1, w == null || w.setVisible(!1), (M = shipsLayer.value) == null || M.setVisible(!1), (C = largeAmountShipsLayer.value) == null || C.setVisible(!1)) : !d.value && u.value && v <= mapZoom.shipGreenDotMax ? (f.value = !0, w == null || w.setVisible(!0), (E = shipsLayer.value) == null || E.setVisible(!1), (x = largeAmountShipsLayer.value) == null || x.setVisible(!1)) : (f.value = !1, w == null || w.setVisible(!1)), c("zoomChanged", v);
+    }, V = (v, L) => {
       const w = transform([v[0], v[1]], projection.mercator, projection.data), S = transform([v[2], v[3]], projection.mercator, projection.data);
       c("extentChanged", { extent: [w, S], zoom: L });
     };
@@ -2275,14 +2275,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       renderShip: renderShips,
       renderTrack: (v, L, w) => {
         var S, M;
-        currentTrackId.value = v, showTrackLayer.value = !0, u.value = !0, hiddenAllShips(), (M = (S = largeAmountShipsLayer.value) == null ? void 0 : S.getSource()) == null || M.clear(), renderTrack(v, s.vehicleMode === "ship" ? L.reverse() : L, w, LENGTH_UNIT.NM);
+        currentTrackId.value = v, showTrackLayer.value = !0, d.value = !0, hiddenAllShips(), (M = (S = largeAmountShipsLayer.value) == null ? void 0 : S.getSource()) == null || M.clear(), renderTrack(v, s.vehicleMode === "ship" ? L.reverse() : L, w, LENGTH_UNIT.NM);
       },
       findTruck,
       removeTruckIcon,
       clearAllTruck,
       closeTrack: () => {
         var v, L;
-        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (L = selectShipsLayer.value) == null || L.setVisible(!0), u.value = !1, g(m.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
+        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (L = selectShipsLayer.value) == null || L.setVisible(!0), d.value = !1, g(m.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
       },
       closeTruckTrack: () => {
         var v, L;
@@ -2308,7 +2308,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       removerLayer: removeShipTrackLineFeatureByIndex,
       renderMarker,
       setMarkerPosition: (v) => {
-        u.value = !0, setMarkerPosition(v);
+        d.value = !0, setMarkerPosition(v);
       },
       getZoomAndCenter: () => {
         var M;
@@ -2340,7 +2340,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }), (v, L) => (openBlock(), createElementBlock("div", {
       class: "map-page map-container",
       ref_key: "pageRef",
-      ref: l
+      ref: i
     }, [
       L[0] || (L[0] = createElementVNode("div", {
         id: "map",
@@ -2349,7 +2349,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       createVNode(ToolPanel, {
         "vehicle-mode": v.vehicleMode,
         "view-mode": v.viewMode,
-        "disable-green-dot": u.value,
+        "disable-green-dot": d.value,
         "show-track-layer": unref(showTrackLayer),
         "map-tile-mode": k.value,
         onSwitchGreenDot: g,
@@ -2367,7 +2367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, null, 512),
         createVNode(ZoomControl, {
           ref_key: "zoomControl",
-          ref: i
+          ref: l
         }, null, 512)
       ], 64)) : createCommentVNode("", !0),
       createVNode(Copyright, {