zhihao-ui 1.3.15 → 1.3.16

package/dist/es/{Map-DbqPHi5v.js → Map-BQ7mzhsh.js}

@@ -76,23 +76,23 @@ function useMapInitializer() {
     var m;
     return (m = l()) == null ? void 0 : m.getZoom();
   }, a = (m) => {
-    var F;
-    (F = l()) == null || F.setZoom(m);
-  }, o = (m, F) => {
-    var V;
-    (V = l()) == null || V.setCenter(fromLonLat([m, F]));
+    var N;
+    (N = l()) == null || N.setZoom(m);
+  }, o = (m, N) => {
+    var D;
+    (D = l()) == null || D.setCenter(fromLonLat([m, N]));
   }, y = () => {
-    var F;
-    const m = (F = l()) == null ? void 0 : F.getCenter();
+    var N;
+    const m = (N = l()) == null ? void 0 : N.getCenter();
     return toLonLat(m);
-  }, E = () => {
+  }, T = () => {
     var m;
     return (m = n()) == null ? void 0 : m.getSize();
-  }, t = new Map$2(), r = (m, F) => {
-    f(F);
-    const V = {
-      zoom: F.zoom,
-      center: fromLonLat(F.center),
+  }, t = new Map$2(), r = (m, N) => {
+    g(N);
+    const D = {
+      zoom: N.zoom,
+      center: fromLonLat(N.center),
       minZoom: MAP_ZOOM.min,
       maxZoom: MAP_ZOOM.max,
       constrainResolution: !0,
@@ -109,10 +109,10 @@ function useMapInitializer() {
         t.get("satelliteImgTile"),
         t.get("satelliteImgTileMark")
       ],
-      view: new View(V)
+      view: new View(D)
     });
     e.value = v;
-  }, f = (m) => {
+  }, g = (m) => {
     t.set("vectorTile", new TileLayer({
       source: new XYZ({ url: BASE_MAP_LINK.vectorTile }),
       visible: m.layerType === "vector",
@@ -151,9 +151,9 @@ function useMapInitializer() {
     setZoom: a,
     setCenter: o,
     getCenter: y,
-    getSize: E,
+    getSize: T,
     initMap: r,
-    setBaseLayerMap: f
+    setBaseLayerMap: g
   };
 }
 const convertSixHundredThousandToLatLng = function(e, n) {
@@ -217,42 +217,42 @@ const getIconStyle = (e) => {
   return s !== 0 && (o = `${String(s).padStart(2, "0")}时${o}`), l !== 0 && (o = `${String(l).padStart(2, "0")}天${o}`), o;
 }, useCarTrackManager = (e, n) => {
   let l = null;
-  const s = async (f) => {
-    if (!e || (console.log("vehicleInfo", f), !(f != null && f.lon && (f != null && f.lat)))) return;
-    const m = Math.abs(Number(f.lon)) > 180 ? convertSixHundredThousandToLatLng(f.lon, f.lat) : [f.lon, f.lat];
-    a(f, fromLonLat(m));
-    const F = e == null ? void 0 : e.getView(), V = new Point(m);
-    F.setCenter(transform(V.getCoordinates(), projection.data, projection.mercator));
-  }, a = (f, m) => {
-    const F = `${CDN_URL}map/car-icon.gif`;
+  const s = async (g) => {
+    if (!e || (console.log("vehicleInfo", g), !(g != null && g.lon && (g != null && g.lat)))) return;
+    const m = Math.abs(Number(g.lon)) > 180 ? convertSixHundredThousandToLatLng(g.lon, g.lat) : [g.lon, g.lat];
+    a(g, fromLonLat(m));
+    const N = e == null ? void 0 : e.getView(), D = new Point(m);
+    N.setCenter(transform(D.getCoordinates(), projection.data, projection.mercator));
+  }, a = (g, m) => {
+    const N = `${CDN_URL}map/car-icon.gif`;
     l || (l = new Overlay({
       element: document.createElement("div"),
       positioning: "center-center",
       stopEvent: !1
       // 允许交互事件穿透
     }), e.addOverlay(l));
-    const V = l.getElement();
-    V.style.backgroundImage = `url(${F})`, V.style.width = "80px", V.style.height = "80px";
-    const v = (f == null ? void 0 : f.drc) || "";
-    V.style.transform = `rotate(${v}deg)`, V.style.backgroundSize = "cover", l == null || l.setPosition(m);
+    const D = l.getElement();
+    D.style.backgroundImage = `url(${N})`, D.style.width = "80px", D.style.height = "80px";
+    const v = (g == null ? void 0 : g.drc) || "";
+    D.style.transform = `rotate(${v}deg)`, D.style.backgroundSize = "cover", l == null || l.setPosition(m);
   };
   return {
     location: s,
     remove: () => {
-      const f = l == null ? void 0 : l.getElement();
-      f && (f.innerHTML = "");
+      const g = l == null ? void 0 : l.getElement();
+      g && (g.innerHTML = "");
     },
-    renderTrack: (f, m, F) => {
-      n.render(f, m, F, "truck", 1e3);
+    renderTrack: (g, m, N) => {
+      n.render(g, m, N, "truck", 1e3);
     },
-    setCenter: (f) => {
-      n.setCenter(f);
+    setCenter: (g) => {
+      n.setCenter(g);
     },
     closeTrack: () => {
       n.close();
     },
-    playTrack: (f, m) => {
-      n.play(f, m);
+    playTrack: (g, m) => {
+      n.play(g, m);
     }
   };
 };
@@ -262,44 +262,44 @@ const useTrackManager = (e) => {
   let s = null;
   const a = "--";
   let o = null;
-  const y = document.createElement("div"), E = new Overlay({
+  const y = document.createElement("div"), T = new Overlay({
     element: y,
     positioning: "top-left",
     stopEvent: !1,
     className: "track-label-popup"
   });
-  let t, r, f, m, F, V = !1, v = Date.now(), g, T = 0, p = null, C = 20, Z = !1;
-  const Y = 5, X = [], H = (i) => {
+  let t, r, g, m, N, D = !1, v = Date.now(), f, P = 0, p = null, C = 20, Z = !1;
+  const Y = 5, Q = [], H = (i) => {
     var c;
-    for (X.unshift(i); X.length > Y; ) {
-      const d = X.pop(), w = n.get(d);
+    for (Q.unshift(i); Q.length > Y; ) {
+      const d = Q.pop(), w = n.get(d);
       w && ((c = w.getSource()) == null || c.clear(), e == null || e.removeLayer(w), n.delete(d), delete l[d]);
     }
   };
   let u = "";
-  const L = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], S = debounce(() => {
+  const L = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], E = debounce(() => {
     if (s && l[s] && n.get(s).getVisible() && Z) {
       console.log("reRenderTrackLine------------");
-      const i = cloneDeep(P(s, l[s]));
+      const i = cloneDeep(S(s, l[s]));
       ce(s, i);
     }
-  }, 300), P = (i, c) => {
+  }, 300), S = (i, c) => {
     let d = [];
     const w = Math.max(1, Math.floor(c.length / C));
     return d = c.filter((b, _) => _ % w === 0).map((b, _) => {
       if (Number(b.lon) > 180 || Number(b.lat) > 180) {
-        const [O, A] = convertSixHundredThousandToLatLng(b.lon, b.lat);
-        b.lon = O, b.lat = A;
+        const [V, A] = convertSixHundredThousandToLatLng(b.lon, b.lat);
+        b.lon = V, b.lat = A;
       }
       return b.center = [b.lon, b.lat], b.centerPoint = lonLatToMercator(b.center), b.time = hooks(b.createdAt).format("YYYY-MM-DD HH:mm:ss"), b.id = i, b.index = _, b;
     }), d;
-  }, x = async (i, c, d, w = "ship", M = 200) => {
-    if (!e || (c = c == null ? void 0 : c.reverse(), E && w === "ship" && (e != null && e.getOverlays().getArray().includes(E) || e.addOverlay(E)), (c == null ? void 0 : c.length) < 2))
+  }, M = async (i, c, d, w = "ship", x = 200) => {
+    if (!e || (c = c == null ? void 0 : c.reverse(), T && w === "ship" && (e != null && e.getOverlays().getArray().includes(T) || e.addOverlay(T)), (c == null ? void 0 : c.length) < 2))
       return;
-    H(i), s = i, l[i] = c, C = M;
+    H(i), s = i, l[i] = c, C = x;
     const b = Object.keys(l).findIndex((_) => _ === i) || 0;
     u = d || L[b > 10 ? 10 : b], Z = !0, await z(), await ne(s);
-  }, N = (i) => {
+  }, O = (i) => {
     const c = new VectorSource();
     return new VectorLayer({
       source: c,
@@ -309,32 +309,32 @@ const useTrackManager = (e) => {
       renderBuffer: 1024
       // 增大渲染缓冲区
     });
-  }, D = (i) => {
+  }, $ = (i) => {
     n.forEach((c, d) => {
-      var M;
+      var x;
       const w = d === i;
-      c.getVisible() !== w && (c.setVisible(w), e.getLayers().getArray().includes(c) || e.addLayer(c), w || (M = c.getSource()) == null || M.clear());
+      c.getVisible() !== w && (c.setVisible(w), e.getLayers().getArray().includes(c) || e.addLayer(c), w || (x = c.getSource()) == null || x.clear());
     }), s = i;
   }, z = async () => {
     const i = s;
     if (!n.has(i)) {
-      const b = N(i);
+      const b = O(i);
       n.set(i, b);
     }
-    await D(i);
+    await $(i);
     const c = u || "", d = l[i] || [];
     if (!(d && d.length > 1)) return [];
     let w = [];
-    w = P(i, d);
-    const M = w.map((b) => b.centerPoint);
-    w.length >= 2 && await $(i, M, c);
-  }, $ = (i, c, d) => {
-    const w = new LineString(c), M = n.get(i).getSource(), b = M.getFeatureById(i);
+    w = S(i, d);
+    const x = w.map((b) => b.centerPoint);
+    w.length >= 2 && await F(i, x, c);
+  }, F = (i, c, d) => {
+    const w = new LineString(c), x = n.get(i).getSource(), b = x.getFeatureById(i);
     if (b)
       b.setGeometry(w), b.setId(i), b.setStyle(R(d)), p = b;
     else {
       const _ = new Feature({ geometry: w });
-      _.setId(i), _.set("type", "line"), _.setStyle(R(d)), M.addFeature(_), p = _;
+      _.setId(i), _.set("type", "line"), _.setStyle(R(d)), x.addFeature(_), p = _;
     }
     return p;
   }, R = (i) => new Style({
@@ -342,15 +342,15 @@ const useTrackManager = (e) => {
       color: i,
       width: 2
     })
-  }), K = (i, c, d) => {
+  }), j = (i, c, d) => {
     const w = i == null ? void 0 : i.get("trackId");
     if (i && w && c === "hover") {
       e.getTargetElement().style.cursor = w ? "pointer" : "";
-      const M = i.get("data"), b = Q(M), _ = d == null ? void 0 : d.coordinate;
-      _ && (y.querySelector(".popup-content"), y.innerHTML = b, E == null || E.setPosition(_));
+      const x = i.get("data"), b = K(x), _ = d == null ? void 0 : d.coordinate;
+      _ && (y.querySelector(".popup-content"), y.innerHTML = b, T == null || T.setPosition(_));
     } else
-      E && E.setPosition(void 0);
-  }, Q = (i) => {
+      T && T.setPosition(void 0);
+  }, K = (i) => {
     if (!(i != null && i.time)) return;
     let c = "";
     return i != null && i.stayTime && (c = `
@@ -391,11 +391,11 @@ const useTrackManager = (e) => {
             ${c ?? c}
         </div>`;
   }, ie = (i) => {
-    const d = i.map((O) => {
-      const A = e.getPixelFromCoordinate(fromLonLat(O.center));
+    const d = i.map((V) => {
+      const A = e.getPixelFromCoordinate(fromLonLat(V.center));
       return {
-        ...O,
-        original: O,
+        ...V,
+        original: V,
         pixel: A,
         distance: 0
         // 先初始化，后续计算
@@ -403,51 +403,51 @@ const useTrackManager = (e) => {
     });
     let w = 0;
     d[0].distance = 0;
-    for (let O = 1; O < d.length; O++) {
-      const A = d[O - 1].pixel, B = d[O].pixel, q = B[0] - A[0], k = B[1] - A[1];
-      w += Math.sqrt(q * q + k * k), d[O].distance = w;
+    for (let V = 1; V < d.length; V++) {
+      const A = d[V - 1].pixel, B = d[V].pixel, W = B[0] - A[0], k = B[1] - A[1];
+      w += Math.sqrt(W * W + k * k), d[V].distance = w;
     }
-    const M = d.filter(
-      (O, A) => A === 0 || A === d.length - 1
+    const x = d.filter(
+      (V, A) => A === 0 || A === d.length - 1
     ), b = [];
-    for (let O = 0; O < M.length; O++) {
-      const A = M[O];
-      if (b.push(A), O < M.length - 1) {
-        const B = M[O + 1], q = B.distance - A.distance, k = Math.floor(q / 100);
+    for (let V = 0; V < x.length; V++) {
+      const A = x[V];
+      if (b.push(A), V < x.length - 1) {
+        const B = x[V + 1], W = B.distance - A.distance, k = Math.floor(W / 100);
         for (let G = 1; G <= k; G++) {
-          const j = A.distance + G * 100;
-          if (j >= B.distance) break;
-          const W = ae(
+          const q = A.distance + G * 100;
+          if (q >= B.distance) break;
+          const X = ae(
             d,
-            j
+            q
           );
-          W && b.push(W);
+          X && b.push(X);
         }
       }
     }
     return Array.from(
-      new Map(b.map((O) => [O.distance.toFixed(2), O])).values()
-    ).map((O) => ({
-      ...O.original,
+      new Map(b.map((V) => [V.distance.toFixed(2), V])).values()
+    ).map((V) => ({
+      ...V.original,
       // 优先保留原始数据
-      ...O,
+      ...V,
       // 覆盖坐标等计算属性
-      coord: O.coord,
+      coord: V.coord,
       // 确保使用插值后的坐标
-      pixel: O.pixel,
-      distance: O.distance
+      pixel: V.pixel,
+      distance: V.distance
     }));
   };
   function ae(i, c) {
     for (let d = 1; d < i.length; d++) {
-      const w = i[d - 1], M = i[d];
-      if (c >= w.distance && c <= M.distance) {
-        const b = (c - w.distance) / (M.distance - w.distance), _ = w.pixel[0] + b * (M.pixel[0] - w.pixel[0]), O = w.pixel[1] + b * (M.pixel[1] - w.pixel[1]), A = e == null ? void 0 : e.getCoordinateFromPixel([_, O]);
+      const w = i[d - 1], x = i[d];
+      if (c >= w.distance && c <= x.distance) {
+        const b = (c - w.distance) / (x.distance - w.distance), _ = w.pixel[0] + b * (x.pixel[0] - w.pixel[0]), V = w.pixel[1] + b * (x.pixel[1] - w.pixel[1]), A = e == null ? void 0 : e.getCoordinateFromPixel([_, V]);
         return {
           ...w,
           // 继承前一个点的属性（可调整）
           coord: A,
-          pixel: [_, O],
+          pixel: [_, V],
           distance: c,
           original: void 0
           // 明确标记为插值生成点
@@ -472,7 +472,7 @@ const useTrackManager = (e) => {
     let d = [
       ...fe(i, u)
     ];
-    return (i.index === 0 || i.index === l[i.id].length - 1) && (d = [...ve(i)], c.set("type", "track_begin")), i.state !== void 0 && i.state !== null && (d = [...ye(i)], c.set("type", "track_icon")), c.setStyle(d), c;
+    return (i.index === 0 || i.index === l[i.id].length - 1) && (d = [...he(i)], c.set("type", "track_begin")), i.state !== void 0 && i.state !== null && (d = [...ye(i)], c.set("type", "track_icon")), c.setStyle(d), c;
   }, ue = (i, c, d) => {
     const w = document.createElement("div");
     w.className = "track-overlay-label", w.style.position = "relative", w.style.backgroundColor = "rgba(255,255,255,0.8)", w.style.border = `1px solid ${c}`, w.style.fontSize = "12px", w.innerHTML = `
@@ -488,7 +488,7 @@ const useTrackManager = (e) => {
               stroke="${c}"
               stroke-width="1" />
     `;
-    const M = new Overlay({
+    const x = new Overlay({
       element: w,
       position: fromLonLat(d.center),
       positioning: "top-left",
@@ -496,7 +496,7 @@ const useTrackManager = (e) => {
       stopEvent: !1,
       className: "track-label-time-overlay"
     });
-    return M.set("class", "track-label-overlay"), M.set("trackId", i), M;
+    return x.set("class", "track-label-overlay"), x.set("trackId", i), x;
   }, re = () => {
     const i = e == null ? void 0 : e.getOverlays().getArray(), c = i == null ? void 0 : i.filter((d) => d.get("class") === "track-label-overlay");
     c && c.length > 0 && c.forEach((d) => {
@@ -525,7 +525,7 @@ const useTrackManager = (e) => {
     })
     // textStyle,
   ]), ye = (i) => {
-    const c = "#E31818", d = "#1890FF", w = "&#xe6d2", M = new Style({
+    const c = "#E31818", d = "#1890FF", w = "&#xe6d2", x = new Style({
       text: new Text({
         font: "Normal 22px map-iconfont",
         text: getIconFont(w),
@@ -536,21 +536,21 @@ const useTrackManager = (e) => {
       }),
       zIndex: 99
     }), _ = getIconStyle("&#xe6e2;"), A = getIconStyle("&#xe703;"), B = [];
-    return Number(i.state) === 0 ? B.push(_) : Number(i.state) === 1 && B.push(A), B.push(M), B;
+    return Number(i.state) === 0 ? B.push(_) : Number(i.state) === 1 && B.push(A), B.push(x), B;
   }, me = (i, c, d, w) => {
-    const M = c || [], b = c.length;
-    b || (M.push(d[0]), M.push(d[d.length - 1]));
+    const x = c || [], b = c.length;
+    b || (x.push(d[0]), x.push(d[d.length - 1]));
     const _ = [];
     for (let A = 0; A < b - 1; A++) {
       let B;
-      const q = c[A], k = (c[A + 1].index + q.index) / 2;
+      const W = c[A], k = (c[A + 1].index + W.index) / 2;
       if (k % 2 === 0)
         B = d[k].centerPoint;
       else {
-        const G = d[Math.floor(k)], j = d[Math.ceil(k)];
-        if (G && j) {
-          const [W, J] = G.centerPoint, [I, ee] = j.centerPoint;
-          B = [(W + I) / 2, (J + ee) / 2];
+        const G = d[Math.floor(k)], q = d[Math.ceil(k)];
+        if (G && q) {
+          const [X, J] = G.centerPoint, [I, ee] = q.centerPoint;
+          B = [(X + I) / 2, (J + ee) / 2];
         }
       }
       if (B) {
@@ -573,31 +573,31 @@ const useTrackManager = (e) => {
         ), _.push(G);
       }
     }
-    const O = n.get(i).getSource();
-    O == null || O.addFeatures(_);
+    const V = n.get(i).getSource();
+    V == null || V.addFeatures(_);
   }, ne = (i) => {
     var b, _;
     const c = e.getView(), d = (b = n == null ? void 0 : n.get(i)) == null ? void 0 : b.getSource(), w = p || (i ? d == null ? void 0 : d.getFeatureById(i) : null);
     if (!w) return;
-    const M = (_ = w == null ? void 0 : w.getGeometry()) == null ? void 0 : _.getExtent();
-    if (M != null && M.length)
+    const x = (_ = w == null ? void 0 : w.getGeometry()) == null ? void 0 : _.getExtent();
+    if (x != null && x.length)
       try {
-        const O = buffer(M, Math.max(M[2] - M[0], M[3] - M[1]) * 0.02);
-        c.fit(O);
-      } catch (O) {
-        console.log(O);
+        const V = buffer(x, Math.max(x[2] - x[0], x[3] - x[1]) * 0.02);
+        c.fit(V);
+      } catch (V) {
+        console.log(V);
       }
-  }, ve = (i) => {
-    const c = "&#xe69b;", M = i.index === 0 ? "#fcdc3f" : "#ff0000";
+  }, he = (i) => {
+    const c = "&#xe69b;", x = i.index === 0 ? "#fcdc3f" : "#ff0000";
     return [new Style({
       text: new Text({
         font: "Normal 14px map-iconfont",
         text: getIconFont(c),
-        fill: new Fill({ color: M })
+        fill: new Fill({ color: x })
       }),
       zIndex: 101
     })];
-  }, he = () => {
+  }, ve = () => {
     console.log("清除所有的轨迹-----"), U(), n.forEach((c) => {
       var d;
       (d = c.getSource()) == null || d.clear(), e == null || e.removeLayer(c);
@@ -609,22 +609,22 @@ const useTrackManager = (e) => {
     c == null || c.setVisible(!1);
     const d = e.getOverlays().getArray();
     for (let w = 0; w < d.length; ) {
-      const M = d[w];
-      M.get("class") === "track-label-overlay" ? (M.setPosition(void 0), e.removeOverlay(M)) : w++;
+      const x = d[w];
+      x.get("class") === "track-label-overlay" ? (x.setPosition(void 0), e.removeOverlay(x)) : w++;
     }
     U();
   }, pe = (i, c = LENGTH_UNIT.NM) => {
     const d = {
       id: i,
       length: "--"
-    }, M = (l[i] || []).map(
+    }, x = (l[i] || []).map(
       (_) => transform([_.lon, _.lat], projection.data, projection.mercator)
-    ), b = new LineString(M);
+    ), b = new LineString(x);
     return d.length = formatLength(b, c) || "--", d;
   }, Le = (i, c) => {
     xe(String(i), c);
   }, xe = (i, c) => {
-    const d = l[String(i)], w = d == null ? void 0 : d.map((M) => [M.lon, M.lat]);
+    const d = l[String(i)], w = d == null ? void 0 : d.map((x) => [x.lon, x.lat]);
     w && ke(w, c);
   }, te = new Style({
     text: new Text({
@@ -636,56 +636,56 @@ const useTrackManager = (e) => {
     })
   }), Me = (i, c) => {
     var k, G;
-    const d = Number(50 * c), w = ((k = i.frameState) == null ? void 0 : k.time) ?? Date.now(), M = w - v;
-    if (T = (T + d * M / 1e6) % 2, v = w, T >= 1) {
+    const d = Number(50 * c), w = ((k = i.frameState) == null ? void 0 : k.time) ?? Date.now(), x = w - v;
+    if (P = (P + d * x / 1e6) % 2, v = w, P >= 1) {
       U();
       return;
     }
     const b = r.getCoordinateAt(
-      T > 1 ? 2 - T : T
+      P > 1 ? 2 - P : P
     ), _ = r.getCoordinateAt(
-      T > 1 ? T - 0.01 : T
-    ), O = r.getCoordinateAt(
-      T > 1 ? 2 - T : T + 0.01
+      P > 1 ? P - 0.01 : P
+    ), V = r.getCoordinateAt(
+      P > 1 ? 2 - P : P + 0.01
     ), B = le(
       mercatorToLonLat(_, "array"),
-      mercatorToLonLat(O, "array")
+      mercatorToLonLat(V, "array")
     ) * Math.PI / 180;
     (G = te.getText()) == null || G.setRotation(B), m.setCoordinates(b);
-    const q = getVectorContext(i);
-    q.setStyle(te), q.drawGeometry(m), e == null || e.render();
+    const W = getVectorContext(i);
+    W.setStyle(te), W.drawGeometry(m), e == null || e.render();
   }, be = () => {
     var i;
-    V = !0, v = Date.now(), T = 0, m = ((i = f.getGeometry()) == null ? void 0 : i.clone()) || new Point([0, 0]), o && (g == null || g.on("postrender", o)), F == null || F.setGeometry(void 0);
+    D = !0, v = Date.now(), P = 0, m = ((i = g.getGeometry()) == null ? void 0 : i.clone()) || new Point([0, 0]), o && (f == null || f.on("postrender", o)), N == null || N.setGeometry(void 0);
   }, U = () => {
-    V && (V = !1, F == null || F.setGeometry(void 0), o && g && g.un("postrender", o), g && (e == null || e.removeLayer(g)), g = null, F = null);
+    D && (D = !1, N == null || N.setGeometry(void 0), o && f && f.un("postrender", o), f && (e == null || e.removeLayer(f)), f = null, N = null);
   }, ke = (i, c) => {
-    V && U(), t = new Polyline({
+    D && U(), t = new Polyline({
       factor: 1e6
     }).writeGeometry(new LineString(i)), r = new Polyline({
       factor: 1e6
     }).readGeometry(t, {
       dataProjection: projection.data,
       featureProjection: projection.mercator
-    }), f = new Feature({
+    }), g = new Feature({
       type: "icon",
       geometry: new Point(r.getFirstCoordinate())
     });
-    const d = f.getGeometry();
-    m = d ? d.clone() : new Point([0, 0]), F = new Feature({
+    const d = g.getGeometry();
+    m = d ? d.clone() : new Point([0, 0]), N = new Feature({
       type: "geoMarker",
       style: te,
       geometry: m
-    }), g = new VectorLayer({
+    }), f = new VectorLayer({
       source: new VectorSource({
-        features: [F]
+        features: [N]
       })
-    }), e == null || e.addLayer(g), o = (w) => Me(w, c), be();
+    }), e == null || e.addLayer(f), o = (w) => Me(w, c), be();
   }, le = (i, c, d) => {
     function w(k) {
       return 180 * (k % (2 * Math.PI)) / Math.PI;
     }
-    function M(k) {
+    function x(k) {
       return k % 360 * Math.PI / 180;
     }
     function b(k) {
@@ -702,42 +702,42 @@ const useTrackManager = (e) => {
         "Coordinate must be GeoJSON Point or an Array of numbers"
       );
     }
-    function _(k, G, j = {}) {
-      if (j.final)
+    function _(k, G, q = {}) {
+      if (q.final)
         return function(Te, Se) {
           return (_(Se, Te) + 180) % 360;
         }(k, G);
-      const W = b(k), J = b(G), I = M(W[0]), ee = M(J[0]), se = M(W[1]), oe = M(J[1]), Ce = Math.sin(ee - I) * Math.cos(oe), Ee = Math.cos(se) * Math.sin(oe) - Math.sin(se) * Math.cos(oe) * Math.cos(ee - I);
+      const X = b(k), J = b(G), I = x(X[0]), ee = x(J[0]), se = x(X[1]), oe = x(J[1]), Ce = Math.sin(ee - I) * Math.cos(oe), Ee = Math.cos(se) * Math.sin(oe) - Math.sin(se) * Math.cos(oe) * Math.cos(ee - I);
       return w(Math.atan2(Ce, Ee));
     }
-    function O(k) {
+    function V(k) {
       return !isNaN(k) && k !== null && !Array.isArray(k);
     }
-    function A(k, G = {}, j = {}) {
-      return k || console.log("Coordinates are required"), Array.isArray(k) || console.log("Coordinates must be an Array"), k.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!O(k[0]) || !O(k[1])) && console.log("Coordinates must contain numbers"), B({ type: "Point", coordinates: k }, G, j);
+    function A(k, G = {}, q = {}) {
+      return k || console.log("Coordinates are required"), Array.isArray(k) || console.log("Coordinates must be an Array"), k.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!V(k[0]) || !V(k[1])) && console.log("Coordinates must contain numbers"), B({ type: "Point", coordinates: k }, G, q);
     }
-    function B(k, G = {}, j = {}) {
-      const W = {
+    function B(k, G = {}, q = {}) {
+      const X = {
         type: "Feature",
         id: "",
         properties: {},
         bbox: {},
         geometry: {}
       };
-      return j.id !== void 0 && (W.id = j.id), j.bbox && (W.bbox = j.bbox), W.properties = G, W.geometry = k, W;
+      return q.id !== void 0 && (X.id = q.id), q.bbox && (X.bbox = q.bbox), X.properties = G, X.geometry = k, X;
     }
-    const q = _(A(i), A(c), d);
-    return q < 0 ? 360 + q : q;
+    const W = _(A(i), A(c), d);
+    return W < 0 ? 360 + W : W;
   };
   return {
-    render: x,
-    remove: he,
+    render: M,
+    remove: ve,
     play: Le,
     setCenter: ne,
     close: we,
     getLength: pe,
-    handleTrackMapEvent: K,
-    reRenderTrackLine: S
+    handleTrackMapEvent: j,
+    reRenderTrackLine: E
   };
 };
 function useShipOverlay(e) {
@@ -874,18 +874,18 @@ const getShipDirectPath = (e) => {
   return n <= MAP_ZOOM.shipModelMax && n >= MAP_ZOOM.shipTriggleMin ? "ship" : "triangle";
 }, getShipScale = (e, n, l) => {
   if (l === "ship") {
-    const { len: s, wid: a } = n, o = 97, y = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = s * t / o, f = a * t / y;
-    return Math.max(r, f);
+    const { len: s, wid: a } = n, o = 97, y = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = s * t / o, g = a * t / y;
+    return Math.max(r, g);
   }
   return MAP_ZOOM.scaleNum;
 }, initShipStyle = (e, n, l) => {
-  const { color: s, direct: a, isHighlight: o, shipData: y } = e.getProperties(), E = ((y == null ? void 0 : y.cog) - 90 + 360) % 360;
+  const { color: s, direct: a, isHighlight: o, shipData: y } = e.getProperties(), T = ((y == null ? void 0 : y.cog) - 90 + 360) % 360;
   return new Style({
     image: new Icon({
       src: t(),
       scale: n || MAP_ZOOM.scaleNum,
       anchor: [0.5, 0.5],
-      rotation: E * Math.PI / 180,
+      rotation: T * Math.PI / 180,
       rotateWithView: !1
     })
   });
@@ -943,7 +943,7 @@ const getShipDirectPath = (e) => {
 }, createLabelElement = (e) => {
   const n = document.createElement("div");
   n.className = "ship-overlay-box", n.style.position = "relative";
-  const l = e.getProperties(), { shipData: s, blinking: a, blinkingColor: o, name: y } = l, { lon: E, lat: t } = s, r = createVNode({
+  const l = e.getProperties(), { shipData: s, blinking: a, blinkingColor: o, name: y } = l, { lon: T, lat: t } = s, r = createVNode({
     setup() {
       return useShipOverlay({
         selected: a,
@@ -960,8 +960,8 @@ const getShipDirectPath = (e) => {
   const n = [];
   return e.existDevice && n.push("&#xe687;"), e.existMobile && n.push("&#xe688;"), e.existWaterGauge && n.push("&#xe686;"), n;
 }, createLabelFeatureStyle = (e) => {
-  const { name: n, rightIcons: l } = e.getProperties(), s = `${n} ${l.map((f) => getIconFont(f)).join(" ")} `, a = [20, -20], y = -Math.atan2(-a[1], a[0]), E = Math.sqrt(a[0] ** 2 + a[1] ** 2), t = `<svg  viewBox="0 0 ${E + 10} 20" width="${E + 10}" height="20" xmlns="http://www.w3.org/2000/svg" >
-                <line x1="0" y1="0" x2="${10 + E}" y2="10" stroke="white" stroke-width="1"></line>
+  const { name: n, rightIcons: l } = e.getProperties(), s = `${n} ${l.map((g) => getIconFont(g)).join(" ")} `, a = [20, -20], y = -Math.atan2(-a[1], a[0]), T = Math.sqrt(a[0] ** 2 + a[1] ** 2), t = `<svg  viewBox="0 0 ${T + 10} 20" width="${T + 10}" height="20" xmlns="http://www.w3.org/2000/svg" >
+                <line x1="0" y1="0" x2="${10 + T}" y2="10" stroke="white" stroke-width="1"></line>
             </svg>`;
   return [new Style({
     text: new Text({
@@ -998,18 +998,18 @@ const getShipDirectPath = (e) => {
     declutter: !0
   });
   e == null || e.addLayer(a), e == null || e.addLayer(y);
-  let E = "", t = {}, r = {};
-  const f = (u) => {
+  let T = "", t = {}, r = {};
+  const g = (u) => {
     if (!u || !e) return;
     const L = (l == null ? void 0 : l.id) || (n == null ? void 0 : n.get("id"));
     if (l) {
-      const S = u.filter((P) => P.id === L);
-      S.length === 0 ? u.push(l) : l = S[0];
+      const E = u.filter((S) => S.id === L);
+      E.length === 0 ? u.push(l) : l = E[0];
     }
-    V(), v(!0), H(u), F();
+    D(), v(!0), H(u), N();
   }, m = (u) => {
-    const L = (l == null ? void 0 : l.id) || (n == null ? void 0 : n.get("id")), S = fromLonLat([u == null ? void 0 : u.lon, u == null ? void 0 : u.lat]), P = u.fill || "#04C900", x = getShipDirectPath(u), N = new Feature({
-      geometry: new Point(S),
+    const L = (l == null ? void 0 : l.id) || (n == null ? void 0 : n.get("id")), E = fromLonLat([u == null ? void 0 : u.lon, u == null ? void 0 : u.lat]), S = u.fill || "#04C900", M = getShipDirectPath(u), O = new Feature({
+      geometry: new Point(E),
       // 船舶数据
       shipData: u,
       id: u.id,
@@ -1022,131 +1022,140 @@ const getShipDirectPath = (e) => {
       // 闪烁颜色
       blinkingColor: r[u.id] || "",
       // 船舶颜色
-      color: P,
+      color: S,
       // 船艏向的方向
-      direct: x,
+      direct: M,
       // shipType,
       // scale:scaleNum,
       // rotation,
       // 高亮
       isHighlight: !1
     });
-    return N.set("clickGeometry", new Circle(S)), N;
-  }, F = async () => {
+    return O.set("clickGeometry", new Circle(E)), O;
+  }, N = async () => {
     if (!l || !e) return;
-    let L = e.getOverlays().getArray().find((S) => S.get("class") == "ship-overlay-selected");
+    let L = e.getOverlays().getArray().find((E) => E.get("class") == "ship-overlay-selected");
     if (console.log("selectedOverlay----------", L), L) {
-      const S = selectedShipElement(e, l);
-      await L.setElement(S), await L.setPosition(fromLonLat([l.lon, l.lat]));
+      const E = selectedShipElement(e, l);
+      await L.setElement(E), await L.setPosition(fromLonLat([l.lon, l.lat]));
     } else
       L = selectedShipStyle(e, l), L && e.addOverlay(L);
     setTimeout(() => {
-      var S;
-      L && ((S = L.get("element")) != null && S.parentElement) && (L.get("element").parentElement.style.display = "block");
+      var E;
+      L && ((E = L.get("element")) != null && E.parentElement) && (L.get("element").parentElement.style.display = "block");
     }, 20);
-  }, V = () => {
+  }, D = () => {
     e && s && (s.clear(), o.clear(), v());
   }, v = (u) => {
-    const L = e.getOverlays().getArray().filter((S) => S.get("class") == "zh-map-ship-overlay");
+    const L = e.getOverlays().getArray().filter((E) => E.get("class") == "zh-map-ship-overlay");
     if (L && L.length > 0) {
-      for (let S = 0; S < L.length; S++)
-        if (!u && L[S].get("class") !== "ship-overlay-selected") {
-          const P = L[S];
-          P.setPosition(void 0), e.removeOverlay(P), P.dispose();
+      for (let E = 0; E < L.length; E++)
+        if (!u && L[E].get("class") !== "ship-overlay-selected") {
+          const S = L[E];
+          S.setPosition(void 0), e.removeOverlay(S), S.dispose();
         }
     }
-  }, g = (u, L) => {
+  }, f = (u, L) => {
     t = u, r = L;
-    const S = e.getOverlays().getArray(), P = s.getFeatures();
-    for (const x in t) {
-      const N = t[x], D = S.find(($) => $.getId() === "label-" + x), z = P.find(($) => x === $.get("id"));
-      if (D && z) {
-        z.set("blinking", N), z.set("blinkingColor", r[x] || "");
-        const $ = D.getElement(), R = createLabelElement(z), K = R.querySelector(".ship-overlay-line"), Q = $ == null ? void 0 : $.querySelector(".ship-overlay-line");
-        $ && $ !== R && (Q && K && K.replaceWith(Q), D.setElement(R));
+    const E = e.getOverlays().getArray(), S = s.getFeatures();
+    for (const M in t) {
+      const O = t[M], $ = E.find((F) => F.getId() === "label-" + M), z = S.find((F) => M === F.get("id"));
+      if ($ && z) {
+        z.set("blinking", O), z.set("blinkingColor", r[M] || "");
+        const F = $.getElement(), R = createLabelElement(z), j = R.querySelector(".ship-overlay-line"), K = F == null ? void 0 : F.querySelector(".ship-overlay-line");
+        F && F !== R && (K && j && j.replaceWith(K), $.setElement(R));
       }
     }
-  }, T = (u) => {
+  }, P = (u) => {
     if (!e) return;
-    const L = s.getFeatures(), S = n ? n.get("id") : "", P = L.filter((D) => D.get("id") !== S), x = /* @__PURE__ */ new Map();
-    u.forEach((D) => {
-      x.set(D.id, !0);
+    const L = s.getFeatures(), E = o.getFeatures(), S = n ? n.get("id") : "", M = L.filter((F) => F.get("id") !== S), O = E == null ? void 0 : E.filter((F) => F.get("id") !== S), $ = /* @__PURE__ */ new Map();
+    u.forEach((F) => {
+      $.set(F.id, !0);
     });
-    const N = e.getOverlays().getArray();
-    P.forEach((D) => {
-      const z = D.get("id"), $ = N.find((R) => R.getId() === "label-" + z);
-      if (!x.has(z))
-        D.setStyle([]), $ && ($.get("element").style.visibility = "hidden");
+    const z = e.getOverlays().getArray();
+    M.forEach((F) => {
+      const R = F.get("id");
+      if (!$.has(R))
+        F.setStyle([]);
       else {
-        $ && ($.get("element").style.visibility = "visible");
-        const R = D.getStyle();
-        (R == null ? void 0 : R.length) == 0 && D.setStyle(createShipStyle(e, D));
+        const K = F.getStyle();
+        (K == null ? void 0 : K.length) == 0 && F.setStyle(createShipStyle(e, F));
+      }
+      const j = z.find((K) => K.getId() === "label-" + R);
+      j && j.setPosition(void 0);
+    }), O.forEach((F) => {
+      const R = F.get("id");
+      if (!$.has(R))
+        F.setStyle([]);
+      else {
+        const j = F.getStyle();
+        (j == null ? void 0 : j.length) == 0 && F.setStyle(createLabelFeatureStyle(F));
       }
     });
   }, p = (u) => {
     if (u) {
       console.log("选中", u);
-      const L = s.getFeatures().find((S) => S.get("id") === u.id);
-      L && (n = L), l = u, F();
+      const L = s.getFeatures().find((E) => E.get("id") === u.id);
+      L && (n = L), l = u, N();
     } else
       console.log("取消选中"), l = null, n = null, Y();
-  }, C = debounce((u, L, S) => {
+  }, C = debounce((u, L, E) => {
     if (u) {
-      const P = u.get("shipData"), x = u.get("id");
-      if (e.getTargetElement().style.cursor = x ? "pointer" : "", L === "click" && (p(P), S && S(x)), L === "hover") {
-        E && E !== x && Z(), E = x;
-        const N = s.getFeatures().find((D) => D.get("id") === E);
-        N == null || N.set("isHighlight", !0), N == null || N.setStyle(createShipStyle(e, N));
+      const S = u.get("shipData"), M = u.get("id");
+      if (e.getTargetElement().style.cursor = M ? "pointer" : "", L === "click" && (p(S), E && E(M)), L === "hover") {
+        T && T !== M && Z(), T = M;
+        const O = s.getFeatures().find(($) => $.get("id") === T);
+        O == null || O.set("isHighlight", !0), O == null || O.setStyle(createShipStyle(e, O));
       }
     } else
       e.getTargetElement().style.cursor = "", Z();
   }, 10), Z = () => {
-    const u = E ? s.getFeatures().find((L) => L.get("id") === E) : null;
-    E = null, u == null || u.set("isHighlight", !1), u == null || u.setStyle(createShipStyle(e, u));
+    const u = T ? s.getFeatures().find((L) => L.get("id") === T) : null;
+    T = null, u == null || u.set("isHighlight", !1), u == null || u.setStyle(createShipStyle(e, u));
   }, Y = () => {
     try {
-      const L = e.getOverlays().getArray().find((S) => S.get("class") == "ship-overlay-selected");
+      const L = e.getOverlays().getArray().find((E) => E.get("class") == "ship-overlay-selected");
       L && L.setPosition(void 0);
     } catch (u) {
       console.log(u);
     }
-  }, X = (u) => {
-    const L = fromLonLat([u == null ? void 0 : u.lon, u == null ? void 0 : u.lat]), S = new Feature({
+  }, Q = (u) => {
+    const L = fromLonLat([u == null ? void 0 : u.lon, u == null ? void 0 : u.lat]), E = new Feature({
       geometry: new Point(L),
       name: u.cnname || "未命名船舶",
       // 图标
       rightIcons: getRightIcons(u)
     });
-    S.set("id", u.id);
-    const P = createLabelFeatureStyle(S);
-    return S.setStyle(P), S;
+    E.set("id", u.id);
+    const S = createLabelFeatureStyle(E);
+    return E.setStyle(S), E;
   }, H = (u) => {
     const L = e.getView().getZoom();
-    u.forEach((S) => {
-      const P = m(S);
-      if (P.setStyle(createShipStyle(e, P)), s.addFeature(P), (l == null ? void 0 : l.id) == S.id || L >= MAP_ZOOM.shipModelMin)
-        if (t[S.id])
-          createLabelStyle(e, P);
+    u.forEach((E) => {
+      const S = m(E);
+      if (S.setStyle(createShipStyle(e, S)), s.addFeature(S), (l == null ? void 0 : l.id) == E.id || L >= MAP_ZOOM.shipModelMin)
+        if (t[E.id])
+          createLabelStyle(e, S);
         else {
-          const x = X(S);
-          o.addFeature(x);
+          const M = Q(E);
+          o.addFeature(M);
         }
     });
   };
   return {
-    render: f,
+    render: g,
     selected: p,
-    filter: T,
-    blinking: g,
-    clear: V,
+    filter: P,
+    blinking: f,
+    clear: D,
     handleShipMapEvent: C
   };
 }, useLayerManager = (e) => {
   const n = () => e == null ? void 0 : e.getLayers(), l = ref("vector"), s = () => l.value, a = (t) => {
     l.value = t;
     const r = n();
-    r && (r == null || r.getArray().forEach((f) => {
-      (f.className_ === "vector" || f.className_ === "satellite") && f.setVisible(f.className_ === t);
+    r && (r == null || r.getArray().forEach((g) => {
+      (g.className_ === "vector" || g.className_ === "satellite") && g.setVisible(g.className_ === t);
     }));
   }, o = ref(!1);
   return {
@@ -1166,8 +1175,8 @@ const getShipDirectPath = (e) => {
             r.push(m);
           }
         } else {
-          const r = n(), f = r.getArray().find((m) => m.className_ === "greenTile");
-          f && r.remove(f);
+          const r = n(), g = r.getArray().find((m) => m.className_ === "greenTile");
+          g && r.remove(g);
         }
         o.value = t;
       }
@@ -1189,27 +1198,27 @@ const getShipDirectPath = (e) => {
   const y = (v) => {
     if (!(!v || v.length === 0)) {
       if (s || (s = new VectorSource()), s.clear(), o) {
-        const g = v.find((T) => T.id === o.id);
-        g ? o = g : v.push(o);
+        const f = v.find((P) => P.id === o.id);
+        f ? o = f : v.push(o);
       }
-      v.forEach((g) => {
-        E(g);
+      v.forEach((f) => {
+        T(f);
       }), l || (l = new VectorLayer({
         className: n,
         source: s,
         zIndex: 100
       }), e == null || e.addLayer(l));
     }
-  }, E = (v) => {
-    const g = getZoom(), [T, p] = v.latLon.split(","), C = new Feature({
-      geometry: new Point(fromLonLat([Number(T), Number(p)]))
+  }, T = (v) => {
+    const f = getZoom(), [P, p] = v.latLon.split(","), C = new Feature({
+      geometry: new Point(fromLonLat([Number(P), Number(p)]))
     });
-    C.setStyle(t(v, g, v.id === (o == null ? void 0 : o.id))), C.set("loactionData", v), s.addFeature(C);
-  }, t = (v, g, T) => {
+    C.setStyle(t(v, f, v.id === (o == null ? void 0 : o.id))), C.set("loactionData", v), s.addFeature(C);
+  }, t = (v, f, P) => {
     const p = {
       image: new Icon({
-        src: T && v.selectedPath || v.defaultPath,
-        scale: 0.5 * g / 10
+        src: P && v.selectedPath || v.defaultPath,
+        scale: 0.5 * f / 10
       })
     };
     return v.name && (p.text = new Text({
@@ -1226,53 +1235,53 @@ const getShipDirectPath = (e) => {
   }, r = () => {
     if (a) {
       const v = a.get("loactionData").id;
-      s.getFeatures().forEach((g) => {
-        g.get("loactionData").id !== v && s.removeFeature(g);
+      s.getFeatures().forEach((f) => {
+        f.get("loactionData").id !== v && s.removeFeature(f);
       });
     } else
       s.clear();
-  }, f = () => {
-    const v = a.get("loactionData"), g = getZoom();
+  }, g = () => {
+    const v = a.get("loactionData"), f = getZoom();
     s.getFeatures().forEach((p) => {
-      p.get("loactionData").id === v.id && (p == null || p.setStyle(t(v, g, !1)));
+      p.get("loactionData").id === v.id && (p == null || p.setStyle(t(v, f, !1)));
     }), o = null, a = null;
   }, m = (v) => {
-    v ? (F(), V(v)) : clearSelectedPort();
-  }, F = () => {
+    v ? (N(), D(v)) : clearSelectedPort();
+  }, N = () => {
     if (a) {
-      const v = a.get("loactionData"), g = getZoom();
-      a.setStyle(t(v, g, !1));
+      const v = a.get("loactionData"), f = getZoom();
+      a.setStyle(t(v, f, !1));
     }
-  }, V = (v) => {
-    const g = s.getFeatures();
-    o = v, a = g.find((T) => T.get("loactionData").id === v.id);
+  }, D = (v) => {
+    const f = s.getFeatures();
+    o = v, a = f.find((P) => P.get("loactionData").id === v.id);
   };
   return {
     render: y,
     selected: m,
-    clearSelected: f,
+    clearSelected: g,
     clear: r
   };
-}, disableDoubleClickZoom = () => {
-  getInstall().getInteractions().forEach((n) => {
+}, disableDoubleClickZoom = (e) => {
+  e.getInteractions().forEach((n) => {
     n instanceof DoubleClickZoom && n.setActive(!1);
   });
-}, enableDoubleClickZoom = () => {
-  getInstall().getInteractions().forEach((n) => {
+}, enableDoubleClickZoom = (e) => {
+  e.getInteractions().forEach((n) => {
     n instanceof DoubleClickZoom && n.setActive(!0);
   });
 }, useDrawLineManager = (e, n) => {
-  const l = ref([]), s = ref("km"), a = (P) => {
-    s.value = P;
+  const l = ref([]), s = ref("km"), a = (S) => {
+    s.value = S;
   };
   let o;
-  const y = ref(!1), E = () => {
-    f(), disableDoubleClickZoom(), v("pointer"), e.on("pointermove", V), e.getViewport().addEventListener("mouseout", () => {
+  const y = ref(!1), T = () => {
+    g(), disableDoubleClickZoom(e), v("pointer"), e.on("pointermove", D), e.getViewport().addEventListener("mouseout", () => {
       o && o.classList.add("hidden");
-    }), T(), y.value = !0;
+    }), P(), y.value = !0;
   };
   let t, r;
-  const f = () => {
+  const g = () => {
     t = new VectorSource(), r = new VectorLayer({
       source: t,
       zIndex: 1e3,
@@ -1285,19 +1294,19 @@ const getShipDirectPath = (e) => {
       }
     }), e == null || e.addLayer(r);
   };
-  let m, F;
-  const V = (P) => {
-    if (P.dragging)
+  let m, N;
+  const D = (S) => {
+    if (S.dragging)
       return;
-    let x = "点击选择起点";
-    m && (x = "单击继续，双击结束"), o && (o.innerHTML = x, F.setPosition(P.coordinate), o.classList.remove("hidden"));
-  }, v = (P) => {
-    const x = e == null ? void 0 : e.getTargetElement();
-    x && (x.style.cursor = P);
+    let M = "点击选择起点";
+    m && (M = "单击继续，双击结束"), o && (o.innerHTML = M, N.setPosition(S.coordinate), o.classList.remove("hidden"));
+  }, v = (S) => {
+    const M = e == null ? void 0 : e.getTargetElement();
+    M && (M.style.cursor = S);
   };
-  let g;
-  const T = () => {
-    g = new Draw({
+  let f;
+  const P = () => {
+    f = new Draw({
       source: t,
       type: "LineString",
       style: new Style({
@@ -1320,29 +1329,29 @@ const getShipDirectPath = (e) => {
         })
       }),
       // 添加条件函数，判断是否应该出发点绘制
-      condition: (x) => x.originalEvent.target.tagName !== "DIV"
-    }), e == null || e.addInteraction(g), Y(), X();
-    let P;
-    g.on("drawstart", function(x) {
-      var D;
-      m = x.feature, m.set("randomId", p());
-      let N;
-      P = (D = m.getGeometry()) == null ? void 0 : D.on("change", function(z) {
-        const $ = z.target, R = computedDistance($, s.value);
-        N = $.getLastCoordinate(), C && R && (C.innerHTML = R), Z.setPosition(N);
+      condition: (M) => M.originalEvent.target.tagName !== "DIV"
+    }), e == null || e.addInteraction(f), Y(), Q();
+    let S;
+    f.on("drawstart", function(M) {
+      var $;
+      m = M.feature, m.set("randomId", p());
+      let O;
+      S = ($ = m.getGeometry()) == null ? void 0 : $.on("change", function(z) {
+        const F = z.target, R = computedDistance(F, s.value);
+        O = F.getLastCoordinate(), C && R && (C.innerHTML = R), Z.setPosition(O);
       });
-    }), g.on("drawend", function() {
-      var x, N, D;
+    }), f.on("drawend", function() {
+      var M, O, $;
       if (C && (C.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), C != null && C.innerHTML) {
         const z = (m == null ? void 0 : m.get("randomId")) || p();
         l.value.push({ id: z, value: C == null ? void 0 : C.innerHTML }), C.innerHTML = `${C.innerHTML}<div class="ol-tooltip-delete-button" data-id="${z}"><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", (z) => {
+      (M = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || M.addEventListener("click", (z) => {
         var R;
         z.preventDefault(), z.stopPropagation();
-        const $ = (R = z.target) == null ? void 0 : R.getAttribute("data-id");
-        $ && u($);
-      }), Z.setOffset([0, -7]), m = null, C = null, Y(), P && unByKey(P), (D = (N = n.getProps()) == null ? void 0 : N.lineDrawEnd) == null || D.call(N, l.value);
+        const F = (R = z.target) == null ? void 0 : R.getAttribute("data-id");
+        F && u(F);
+      }), Z.setOffset([0, -7]), m = null, C = null, Y(), S && unByKey(S), ($ = (O = n.getProps()) == null ? void 0 : O.lineDrawEnd) == null || $.call(O, l.value);
     });
   }, p = () => Math.random().toString(36).substring(2, 9);
   let C, Z;
@@ -1354,43 +1363,43 @@ const getShipDirectPath = (e) => {
       stopEvent: !1,
       insertFirst: !1
     }), e == null || e.addOverlay(Z);
-  }, X = () => {
-    o != null && o.parentNode && o.parentNode.removeChild(o), o = document.createElement("div"), o.className = "ol-tooltip hidden", F = new Overlay({
+  }, Q = () => {
+    o != null && o.parentNode && o.parentNode.removeChild(o), o = document.createElement("div"), o.className = "ol-tooltip hidden", N = new Overlay({
       element: o,
       offset: [15, 0],
       positioning: "center-left"
-    }), e == null || e.addOverlay(F);
+    }), e == null || e.addOverlay(N);
   }, H = () => {
-    l.value.forEach((P, x) => {
-      var z, $;
-      const N = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      N[x] && (($ = (z = N[x]) == null ? void 0 : z.parentNode) == null || $.removeChild(N[x]));
-      const D = t.getFeatures();
-      D[x] && t.removeFeature(D[x]);
-    }), L(), enableDoubleClickZoom(), y.value = !1;
-  }, u = (P) => {
-    var N, D, z, $;
-    const x = l.value.findIndex((R) => R.id === P);
-    if (x !== -1) {
-      l.value.splice(x, 1);
+    l.value.forEach((S, M) => {
+      var z, F;
+      const O = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
+      O[M] && ((F = (z = O[M]) == null ? void 0 : z.parentNode) == null || F.removeChild(O[M]));
+      const $ = t.getFeatures();
+      $[M] && t.removeFeature($[M]);
+    }), L(), enableDoubleClickZoom(e), y.value = !1;
+  }, u = (S) => {
+    var O, $, z, F;
+    const M = l.value.findIndex((R) => R.id === S);
+    if (M !== -1) {
+      l.value.splice(M, 1);
       const R = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      R[x] && ((D = (N = R[x]) == null ? void 0 : N.parentNode) == null || D.removeChild(R[x]));
-      const K = t.getFeatures();
-      K[x] && t.removeFeature(K[x]);
+      R[M] && (($ = (O = R[M]) == null ? void 0 : O.parentNode) == null || $.removeChild(R[M]));
+      const j = t.getFeatures();
+      j[M] && t.removeFeature(j[M]);
     }
-    ($ = (z = n.getProps()) == null ? void 0 : z.lineDrawEnd) == null || $.call(z, l.value);
+    (F = (z = n.getProps()) == null ? void 0 : z.lineDrawEnd) == null || F.call(z, l.value);
   }, L = () => {
-    if (l.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((P) => {
-      var x;
-      (x = P == null ? void 0 : P.parentNode) == null || x.removeChild(P);
-    }), t.clear(), g) {
-      const P = e.getInteractions().getArray().find((x) => getUid(x) === getUid(g));
-      P && e.removeInteraction(P);
+    if (l.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((S) => {
+      var M;
+      (M = S == null ? void 0 : S.parentNode) == null || M.removeChild(S);
+    }), t.clear(), f) {
+      const S = e.getInteractions().getArray().find((M) => getUid(M) === getUid(f));
+      S && e.removeInteraction(S);
     }
     e.removeLayer(r), o != null && o.parentNode && o.parentNode.removeChild(o), C != null && C.parentNode && C.parentNode.removeChild(C);
   };
   return {
-    open: E,
+    open: T,
     close: H,
     deleteLine: u,
     setUnit: a,
@@ -1416,10 +1425,10 @@ const getShipDirectPath = (e) => {
   const s = () => {
     a();
   }, a = () => {
-    E(), T(), Z(), F();
+    T(), P(), Z(), N();
   };
   let o = null, y = null;
-  const E = () => {
+  const T = () => {
     if (o || y) return;
     const H = new VectorSource(), u = new VectorLayer({
       source: H,
@@ -1431,7 +1440,7 @@ const getShipDirectPath = (e) => {
       })
     });
     o = u, y = H, e.on("pointermove", r), e.addLayer(u), e.on(["dblclick"], function(L) {
-      f && (L.stopPropagation(), L.preventDefault());
+      g && (L.stopPropagation(), L.preventDefault());
     });
   };
   let t;
@@ -1440,33 +1449,33 @@ const getShipDirectPath = (e) => {
     const u = t ? "单击继续，双击结束" : "点击选择起点";
     p && (p.innerHTML = u, C.setPosition(H.coordinate));
   };
-  let f, m = !1;
-  const F = () => {
+  let g, m = !1;
+  const N = () => {
     if (l) {
       p != null && p.parentNode && p.parentNode.removeChild(p);
       const u = l.getGeometry();
       if (!u) return;
-      const L = V(u, "nm");
+      const L = D(u, "nm");
       v && (v.innerHTML = `
                     <span class="text">面积：${L}${m ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
                 `), v && (v.innerHTML += '<span class="delete-icon" ><i class="map-iconfont icon-delete" /></div>');
-      const S = u.getCoordinates(), P = S[0][S[0].length - 2];
-      if (g.setPosition(P), o) {
-        const N = o.getSource();
-        N && l && (N.clear(), N.addFeature(l));
+      const E = u.getCoordinates(), S = E[0][E[0].length - 2];
+      if (f.setPosition(S), o) {
+        const O = o.getSource();
+        O && l && (O.clear(), O.addFeature(l));
       }
       setTimeout(() => {
-        var N;
-        (N = document.querySelector(".delete-icon")) == null || N.addEventListener("click", () => {
-          var D, z;
-          console.log("delete"), Y(), (z = (D = n.getProps()) == null ? void 0 : D.areaDrawEnd) == null || z.call(D, []);
+        var O;
+        (O = document.querySelector(".delete-icon")) == null || O.addEventListener("click", () => {
+          var $, z;
+          console.log("delete"), Y(), (z = ($ = n.getProps()) == null ? void 0 : $.areaDrawEnd) == null || z.call($, []);
         });
       }, 0);
-      const x = getCenter(l.getGeometry().getExtent());
-      e == null || e.getView().setCenter(x);
+      const M = getCenter(l.getGeometry().getExtent());
+      e == null || e.getView().setCenter(M);
       return;
     }
-    f = new Draw({
+    g = new Draw({
       type: "Polygon",
       source: y,
       trace: !0,
@@ -1491,25 +1500,25 @@ const getShipDirectPath = (e) => {
           return new MultiPoint(L);
         }
       })]
-    }), e == null || e.addInteraction(f);
+    }), e == null || e.addInteraction(g);
     let H;
-    f.on("drawstart", (u) => {
+    g.on("drawstart", (u) => {
       var L;
-      t = u.feature, H = (L = t.getGeometry()) == null ? void 0 : L.on("change", (S) => {
-        const P = S.target, x = V(P, "nm"), D = P.getCoordinates()[0], z = new LineString([D[D.length - 2], D[D.length - 1]]), $ = computedDistance(z, "nm");
-        if (m = Number(getLength(z) / 1e3) > 150, !x) return;
+      t = u.feature, H = (L = t.getGeometry()) == null ? void 0 : L.on("change", (E) => {
+        const S = E.target, M = D(S, "nm"), $ = S.getCoordinates()[0], z = new LineString([$[$.length - 2], $[$.length - 1]]), F = computedDistance(z, "nm");
+        if (m = Number(getLength(z) / 1e3) > 150, !M) return;
         const R = '<span class="error pl-4">超出可以绘画的距离</span>';
         v && (v.innerHTML = `
                         <div class="text">
-                            面积：${x} 
+                            面积：${M} 
                             ${m ? R : ""}
                         </div>
                     `), p && (p.innerHTML = `
                         <div class="text">
-                            面积：${x}
+                            面积：${M}
                         </div>
                         <div class="text ${m ? "error" : ""}">
-                            线段 ${D.length - 2}: ${$} 
+                            线段 ${$.length - 2}: ${F} 
                             ${m ? R : ""}
                           
                         </div>
@@ -1518,23 +1527,23 @@ const getShipDirectPath = (e) => {
                         </div>
                     `);
       });
-    }), f.on("drawend", (u) => {
-      var x, N, D, z;
+    }), g.on("drawend", (u) => {
+      var M, O, $, z;
       if (!u.feature.getGeometry()) return;
-      l = u.feature, v && (v.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), g.setOffset([10, 0]);
-      const S = u.feature.getGeometry().getCoordinates(), P = S[0][S[0].length - 2];
-      if (g.setPosition(P), p != null && p.parentNode && p.parentNode.removeChild(p), (x = n.getProps()) != null && x.areaDrawEnd) {
-        const $ = S[0].map((R) => transform(R, projection.mercator, projection.data));
-        (D = (N = n.getProps()) == null ? void 0 : N.areaDrawEnd) == null || D.call(N, $);
+      l = u.feature, v && (v.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), f.setOffset([10, 0]);
+      const E = u.feature.getGeometry().getCoordinates(), S = E[0][E[0].length - 2];
+      if (f.setPosition(S), p != null && p.parentNode && p.parentNode.removeChild(p), (M = n.getProps()) != null && M.areaDrawEnd) {
+        const F = E[0].map((R) => transform(R, projection.mercator, projection.data));
+        ($ = (O = n.getProps()) == null ? void 0 : O.areaDrawEnd) == null || $.call(O, F);
       }
-      f && (f.setActive(!1), e == null || e.removeInteraction(f), (e == null ? void 0 : e.getInteractions()).forEach((R) => {
+      g && (g.setActive(!1), e == null || e.removeInteraction(g), (e == null ? void 0 : e.getInteractions()).forEach((R) => {
         R instanceof Draw && (R.setActive(!1), e == null || e.removeInteraction(R));
       })), H && unByKey(H), (z = document.querySelector(".delete-icon")) == null || z.addEventListener("click", () => {
-        var $, R;
-        Y(), (R = ($ = n.getProps()) == null ? void 0 : $.areaDrawEnd) == null || R.call($, []);
+        var F, R;
+        Y(), (R = (F = n.getProps()) == null ? void 0 : F.areaDrawEnd) == null || R.call(F, []);
       });
     });
-  }, V = (H, u) => {
+  }, D = (H, u) => {
     const L = getArea(H);
     switch (u) {
       case "km":
@@ -1543,15 +1552,15 @@ const getShipDirectPath = (e) => {
         return L > 1e4 ? Math.round(L / 1e6 / Math.pow(1.852, 2) * 100) / 100 + " nm<sup>2</sup>" : Math.round(L * 100) / 100 + " m<sup>2</sup>";
     }
   };
-  let v, g;
-  const T = () => {
-    v != null && v.parentNode && v.parentNode.removeChild(v), v = document.createElement("div"), v.style.display = "flex", v.className = "ol-tooltip ol-tooltip-draw-polygon", g = new Overlay({
+  let v, f;
+  const P = () => {
+    v != null && v.parentNode && v.parentNode.removeChild(v), v = document.createElement("div"), v.style.display = "flex", v.className = "ol-tooltip ol-tooltip-draw-polygon", f = new Overlay({
       element: v,
       offset: [0, -15],
       positioning: "bottom-center",
       stopEvent: !1,
       insertFirst: !1
-    }), e == null || e.addOverlay(g);
+    }), e == null || e.addOverlay(f);
   };
   let p, C;
   const Z = () => {
@@ -1561,40 +1570,40 @@ const getShipDirectPath = (e) => {
       positioning: "center-left"
     }), e == null || e.addOverlay(C);
   }, Y = () => {
-    y == null || y.clear(), l = null, T(), Z(), F();
+    y == null || y.clear(), l = null, P(), Z(), N();
   };
   return {
     open: s,
     close: () => {
-      y == null || y.clear(), y = null, o && (e.removeLayer(o), o = null), t = null, f && (f = null, e.getInteractions().forEach((H) => {
+      y == null || y.clear(), y = null, o && (e.removeLayer(o), o = null), t = null, g && (g = null, e.getInteractions().forEach((H) => {
         H instanceof Draw && e.removeInteraction(H);
-      })), p != null && p.parentElement && p.parentElement.removeChild(p), v != null && v.parentElement && v.parentElement.removeChild(v), C && e.removeOverlay(C), g && e.removeOverlay(g);
+      })), p != null && p.parentElement && p.parentElement.removeChild(p), v != null && v.parentElement && v.parentElement.removeChild(v), C && e.removeOverlay(C), f && e.removeOverlay(f);
     },
     reset: Y
   };
 }, PORT_LAYER_CLASS_NAME = "zh-map-port-layer", usePortManager = (e) => {
   const n = e.getInstall();
   let l, s, a = null, o = null;
-  const y = (g) => {
-    if (!(!g || g.length === 0)) {
+  const y = (f) => {
+    if (!(!f || f.length === 0)) {
       if (s || (s = new VectorSource()), s.clear(), o) {
-        const T = g.find((p) => p.id === o.id);
-        T ? o = T : g.push(o);
+        const P = f.find((p) => p.id === o.id);
+        P ? o = P : f.push(o);
       }
-      g.forEach((T) => {
-        E(T);
+      f.forEach((P) => {
+        T(P);
       }), l || (l = new VectorLayer({
         className: PORT_LAYER_CLASS_NAME,
         source: s,
         zIndex: 100
       }), n.addLayer(l));
     }
-  }, E = (g) => {
-    const T = e.getZoom(), [p, C] = g.latLon.split(","), Z = new Feature({
+  }, T = (f) => {
+    const P = e.getZoom(), [p, C] = f.latLon.split(","), Z = new Feature({
       geometry: new Point(fromLonLat([Number(p), Number(C)]))
     });
-    Z.setStyle(t(g, T, g.id === (o == null ? void 0 : o.id))), Z.set("portData", g), s.addFeature(Z);
-  }, t = (g, T, p) => {
+    Z.setStyle(t(f, P, f.id === (o == null ? void 0 : o.id))), Z.set("portData", f), s.addFeature(Z);
+  }, t = (f, P, p) => {
     const C = (Y) => `<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6563 44.9304C22.5453 44.8844 22.4445 44.817 22.3595 44.7321C22.3595 44.7321 9.36986 31.7424 9.32952 31.6913C7.09059 29.0791 5.64794 25.8802 5.17255 22.4736C4.69716 19.0671 5.20896 15.5957 6.64728 12.471C8.08561 9.34625 10.3902 6.69909 13.2878 4.84325C16.1855 2.98741 19.5548 2.00068 22.9965 2C26.4381 1.99932 29.8078 2.98473 32.7062 4.83943C35.6046 6.69414 37.9102 9.34039 39.3498 12.4646C40.7893 15.5888 41.3025 19.0599 40.8284 22.4666C40.3544 25.8734 38.913 29.0729 36.6751 31.686C36.6401 31.737 23.6531 44.7321 23.6531 44.7321C23.5682 44.817 23.4674 44.8844 23.3564 44.9304C23.2454 44.9763 23.1265 45 23.0063 45C22.8862 45 22.7673 44.9763 22.6563 44.9304Z" fill="${Y}"/>
                 <g clip-path="url(#clip0_10059_122082)">
@@ -1609,7 +1618,7 @@ const getShipDirectPath = (e) => {
             `, Z = () => `data:image/svg+xml;utf8,${encodeURIComponent(C(p ? "#FF5733" : "#3370FF"))}`;
     return new Style({
       text: new Text({
-        text: g.shortName,
+        text: f.shortName,
         font: "12px sans-serif",
         fill: new Fill({
           color: p ? "#ffffff" : "#000000"
@@ -1621,70 +1630,70 @@ const getShipDirectPath = (e) => {
       }),
       image: new Icon({
         src: Z(),
-        scale: 0.5 * T / 10
+        scale: 0.5 * P / 10
       })
     });
   }, r = () => {
     if (a) {
       console.log("清除非选中的港口");
-      const g = a.get("portData").id;
-      s.getFeatures().forEach((T) => {
-        T.get("portData").id !== g && s.removeFeature(T);
+      const f = a.get("portData").id;
+      s.getFeatures().forEach((P) => {
+        P.get("portData").id !== f && s.removeFeature(P);
       });
     } else
-      console.log("清除所有港口"), s.clear();
-  }, f = () => {
-    const g = a == null ? void 0 : a.get("portData"), T = e.getZoom();
-    g && s.getFeatures().forEach((C) => {
-      C.get("portData").id === g.id && (C == null || C.setStyle(t(g, T, !1)));
+      console.log("清除所有港口", s), s.clear();
+  }, g = () => {
+    const f = a == null ? void 0 : a.get("portData"), P = e.getZoom();
+    f && s.getFeatures().forEach((C) => {
+      C.get("portData").id === f.id && (C == null || C.setStyle(t(f, P, !1)));
     }), o = null, a = null;
-  }, m = (g) => {
-    g ? (F(), V(g)) : f();
-  }, F = () => {
+  }, m = (f) => {
+    f ? (N(), D(f)) : g();
+  }, N = () => {
     if (a) {
-      const g = a == null ? void 0 : a.get("portData"), T = e.getZoom();
-      a.setStyle(t(g, T, !1));
+      const f = a == null ? void 0 : a.get("portData"), P = e.getZoom();
+      a.setStyle(t(f, P, !1));
     }
-  }, V = (g) => {
-    const T = s.getFeatures();
-    o = g, a = T.find((p) => p.get("portData").id === g.id);
+  }, D = (f) => {
+    const P = s.getFeatures();
+    o = f, a = P.find((p) => p.get("portData").id === f.id);
   };
   return {
     render: y,
     clear: r,
     selected: m,
-    handlePortHover: (g) => {
-      const T = n == null ? void 0 : n.getTargetElement();
-      g && g.get("portData") && T && (T.style.cursor = "pointer");
+    handlePortHover: (f) => {
+      const P = n == null ? void 0 : n.getTargetElement();
+      f && f.get("portData") && P && (P.style.cursor = "pointer");
     }
   };
 }, useEventManager = (e, n, l, s, a, o) => {
   const y = e.getInstall();
   y.on("moveend", () => {
     var t, r;
-    const E = e.getZoom();
-    (r = (t = n.getProps()).mapMoveEnd) == null || r.call(t, E), l.reRenderTrackLine();
-  }), y.on("pointermove", (E) => {
-    const t = y.getEventPixel(E.originalEvent), r = y.forEachFeatureAtPixel(t, (f) => f);
-    s.handleShipMapEvent(r, "hover"), l.handleTrackMapEvent(r, "hover", E), r && a.handlePortHover(r);
+    const T = e.getZoom();
+    (r = (t = n.getProps()).mapMoveEnd) == null || r.call(t, T), l.reRenderTrackLine();
+  }), y.on("pointermove", (T) => {
+    const t = y.getEventPixel(T.originalEvent), r = y.forEachFeatureAtPixel(t, (g) => g);
+    s.handleShipMapEvent(r, "hover"), l.handleTrackMapEvent(r, "hover", T), r && a.handlePortHover(r);
   }), y.on("movestart", () => {
     console.log("movestart-----------------------");
-  }), y.on("click", debounce((E) => {
-    var f, m, F;
+  }), y.on("click", debounce((T) => {
+    var g, m, N;
     if (console.log("1", o.getState()), o.getState()) return;
-    const t = y.getEventPixel(E.originalEvent), r = y.forEachFeatureAtPixel(
+    const t = y.getEventPixel(T.originalEvent), r = y.forEachFeatureAtPixel(
       t,
-      (V) => {
-        if (V != null && V.get("shipData") || V != null && V.get("portData"))
-          return V;
+      (D) => {
+        if (D != null && D.get("shipData") || D != null && D.get("portData"))
+          return D;
       }
     );
     if (console.log("2", r), !!r) {
-      if (E.preventDefault(), E.stopPropagation(), r.get("shipData"))
-        s.handleShipMapEvent(r, "click", (f = n.getProps()) == null ? void 0 : f.selectShip);
+      if (T.preventDefault(), T.stopPropagation(), r.get("shipData"))
+        s.handleShipMapEvent(r, "click", (g = n.getProps()) == null ? void 0 : g.selectShip);
       else if (r.get("portData")) {
-        const V = r.get("portData");
-        a.selected(V), (F = (m = n.getProps()) == null ? void 0 : m.selectPort) == null || F.call(m, V);
+        const D = r.get("portData");
+        a.selected(D), (N = (m = n.getProps()) == null ? void 0 : m.selectPort) == null || N.call(m, D);
       }
     }
   }, 150));
@@ -1694,11 +1703,11 @@ const getShipDirectPath = (e) => {
     createInstance: (s, a) => {
       const o = useMapInitializer();
       o.initMap(s, a);
-      const y = o.getInstall(), E = useLayerManager(y), t = usePropsManager();
-      t.setProps(a), E.setShowLayerType(a.layerType), E.setGreenTileVisible(a.showGreenLayer);
-      const r = useTrackManager(y), f = useCarTrackManager(y, r), m = useShipManager(y), F = usePositionManager(y), V = useDrawLineManager(y, t), v = useDrawPolygonManager(y, t), g = usePortManager(o);
-      useEventManager(o, t, r, m, g, V);
-      const T = () => {
+      const y = o.getInstall(), T = useLayerManager(y), t = usePropsManager();
+      t.setProps(a), T.setShowLayerType(a.layerType), T.setGreenTileVisible(a.showGreenLayer);
+      const r = useTrackManager(y), g = useCarTrackManager(y, r), m = useShipManager(y), N = usePositionManager(y), D = useDrawLineManager(y, t), v = useDrawPolygonManager(y, t), f = usePortManager(o);
+      useEventManager(o, t, r, m, f, D);
+      const P = () => {
         const C = y.getView().calculateExtent(o.getSize()), Z = transform([C[0], C[1]], projection.mercator, projection.data), Y = transform([C[2], C[3]], projection.mercator, projection.data);
         return [Z[0], Z[1], Y[0], Y[1]];
       }, p = {
@@ -1710,21 +1719,21 @@ const getShipDirectPath = (e) => {
         },
         methods: {
           ...o,
-          layer: E,
+          layer: T,
           ship: m,
           track: r,
-          carTrack: f,
+          carTrack: g,
           port: {
-            render: g.render,
-            clear: g.clear,
-            selected: g.selected
+            render: f.render,
+            clear: f.clear,
+            selected: f.selected
           },
-          position: F,
-          drawLine: V,
+          position: N,
+          drawLine: D,
           drawPolygon: v,
           // 子模块
           utils: {
-            getCalculateExtent: T,
+            getCalculateExtent: P,
             convertSixHundredThousandToLatLng,
             calculateCirclePoints
           }
@@ -1761,13 +1770,13 @@ const getShipDirectPath = (e) => {
     } }
   },
   setup(e, { expose: n }) {
-    const l = ref(), s = ref(), a = useMapController(), o = ref(), y = e, E = ref({
+    const l = ref(), s = ref(), a = useMapController(), o = ref(), y = e, T = ref({
       getInstall() {
       }
     });
     return onMounted(() => {
       var t;
-      o.value = a.createInstance(l.value, y), console.log(" instance.value?.methods", o.value.map), E.value = o.value.methods, (t = s.value) == null || t.setScaleLine(o.value.map, y.scaleLineUnit);
+      o.value = a.createInstance(l.value, y), console.log(" instance.value?.methods", o.value.map), T.value = o.value.methods, (t = s.value) == null || t.setScaleLine(o.value.map, y.scaleLineUnit);
     }), onUnmounted(() => {
       var t, r;
       a.destroyInstance((t = o == null ? void 0 : o.value) == null ? void 0 : t.id), (r = o.value) == null || r.destroy();
@@ -1789,16 +1798,16 @@ const getShipDirectPath = (e) => {
         return (t = o.value) == null ? void 0 : t.methods.getView();
       },
       setCenter: (t, r) => {
-        var f;
-        return (f = o.value) == null ? void 0 : f.methods.setCenter(t, r);
+        var g;
+        return (g = o.value) == null ? void 0 : g.methods.setCenter(t, r);
       },
       getSize: () => {
         var t;
         return (t = o.value) == null ? void 0 : t.methods.getSize();
       },
       getCenter: (t, r) => {
-        var f;
-        return (f = o.value) == null ? void 0 : f.methods.getCenter();
+        var g;
+        return (g = o.value) == null ? void 0 : g.methods.getCenter();
       },
       layer: {
         setGreenTileVisible: (t) => {
@@ -1883,9 +1892,9 @@ const getShipDirectPath = (e) => {
           var r;
           return (r = o.value) == null ? void 0 : r.methods.carTrack.setCenter(...t);
         },
-        closeTrack: (...t) => {
-          var r;
-          return (r = o.value) == null ? void 0 : r.methods.carTrack.closeTrack(...t);
+        closeTrack: () => {
+          var t;
+          return (t = o.value) == null ? void 0 : t.methods.carTrack.closeTrack();
         },
         playTrack: (...t) => {
           var r;
@@ -1962,17 +1971,17 @@ const getShipDirectPath = (e) => {
       },
       // 子模块
       utils: {
-        getCalculateExtent: () => {
-          var t;
-          return (t = o.value) == null ? void 0 : t.methods.utils.getCalculateExtent();
+        getCalculateExtent: (...t) => {
+          var r;
+          return (r = o.value) == null ? void 0 : r.methods.utils.getCalculateExtent(...t);
         },
-        convertSixHundredThousandToLatLng: () => {
-          var t;
-          return (t = o.value) == null ? void 0 : t.methods.utils.convertSixHundredThousandToLatLng();
+        convertSixHundredThousandToLatLng: (...t) => {
+          var r;
+          return (r = o.value) == null ? void 0 : r.methods.utils.convertSixHundredThousandToLatLng(...t);
         },
-        calculateCirclePoints: () => {
-          var t;
-          return (t = o.value) == null ? void 0 : t.methods.utils.calculateCirclePoints();
+        calculateCirclePoints: (t, r) => {
+          var g;
+          return (g = o.value) == null ? void 0 : g.methods.utils.calculateCirclePoints(t, r);
         }
       }
     }), (t, r) => (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -1992,7 +2001,7 @@ const getShipDirectPath = (e) => {
       }, null, 8, ["map-instance"])
     ]));
   }
-}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9b3c0151"]]), ZhMap = withInstall(Map$1);
+}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-117d7b5a"]]), ZhMap = withInstall(Map$1);
 export {
   ZhMap as Z
 };