zhihao-ui 1.3.5 → 1.3.6

package/dist/es/{Map-CVB8icRh.js → Map-dW7d39YT.js}

@@ -1,7 +1,7 @@
 import { ref, computed, watch, onMounted, onBeforeUnmount, h, nextTick, createVNode, render, defineComponent, openBlock, createElementBlock, inject, createElementVNode, Fragment } from "vue";
-import { T as Text, F as Fill, S as Style, p as fromLonLat, t as transformExtent, q as getLength, R as RBush$1, O as Overlay, I as Icon, V as VectorSource, r as VectorLayer, s as debounce, i as cloneDeep, u as Feature, P as Point, h as hooks, L as LineString, v as Stroke, C as CircleStyle, w as Polyline, x as buffer, y as transform, z as getVectorContext, D as DoubleClickZoom, A as Draw, B as unByKey, G as getUid, M as Map$2, H as TileLayer, X as XYZ, J as View, K as defaults, N as toLonLat, Q as ScaleLine$1, U as getArea, W as getCenter$1, Y as MultiPoint } from "./vendor-C-yFzCvN.js";
-import { _ as _export_sfc } from "./Button-DnAj6C7o.js";
-import { w as withInstall } from "./utils-B9UlcPnQ.js";
+import { h as hooks, p as fromLonLat, t as transformExtent, T as Text, F as Fill, S as Style, q as getLength, O as Overlay, P as Polyline, L as LineString, r as Feature, s as Point, V as VectorLayer, u as VectorSource, i as cloneDeep, v as buffer, w as Stroke, C as CircleStyle, x as transform, y as getVectorContext, z as debounce, R as RBush$1, I as Icon, D as DoubleClickZoom, A as Draw, B as unByKey, G as getUid, M as Map$2, H as TileLayer, X as XYZ, J as View, K as defaults, N as toLonLat, Q as ScaleLine$1, U as getArea, W as getCenter$1, Y as MultiPoint } from "./vendor-Cc_TVxUO.js";
+import { _ as _export_sfc } from "./Button-NgQ5sHIG.js";
+import { w as withInstall } from "./utils-DSw1USoH.js";
 const TIAN_DI_TU_KEY = "a6e8f78974f2581f2ca00485b40c948f", MAP_ZOOM = {
   // 地图默认层级
   default: 13,
@@ -10,6 +10,8 @@ const TIAN_DI_TU_KEY = "a6e8f78974f2581f2ca00485b40c948f", MAP_ZOOM = {
   // 地图缩放最大层级
   max: 18,
   // 船形图标最小渲染层级
+  shipModelMin: 13,
+  // 船形图标最小渲染层级
   shipTriggleMin: 16,
   // 船形图标最大渲染层级
   shipModelMax: 18,
@@ -77,7 +79,483 @@ const getIconStyle = (e) => {
   const n = { lon: 0, lat: 0 }, o = e[0] / equatorialCircumference * 180;
   let r = e[1] / equatorialCircumference * 180;
   return r = 180 / Math.PI * (2 * Math.atan(Math.exp(r * Math.PI / 180)) - Math.PI / 2), n.lon = o, n.lat = r, t === "lonlat" ? n : [o, r];
-}, adjustBounds = (e, t) => t.length === 2 ? [e[0] - t[0], e[1] - t[1], e[2] + t[0], e[3] + t[1]] : [e[0] + t[0], e[1] + t[1], e[2] + t[2], e[3] + t[3]], isOverlapping$1 = (e, t) => e[0] <= t[2] && e[2] >= t[0] && e[1] <= t[3] && e[3] >= t[1], getRightIcons = (e) => {
+}, formatMinutesToDDHHMM = (e) => {
+  const t = hooks.duration(e, "minutes"), n = Math.floor(t.asDays()), o = t.hours(), r = t.minutes();
+  let l = `${String(r).padStart(2, "0")}分`;
+  return o !== 0 && (l = `${String(o).padStart(2, "0")}时${l}`), n !== 0 && (l = `${String(n).padStart(2, "0")}天${l}`), l;
+}, trackLayers = /* @__PURE__ */ new Map(), allTracks = {};
+let activeTrackId = null;
+const DEFAULT_VALUE = "--";
+let moveFeatureHandler = null;
+const popupEle = document.createElement("div"), popupOverlay = new Overlay({
+  element: popupEle,
+  positioning: "top-left",
+  stopEvent: !1,
+  className: "track-label-popup"
+});
+let polyline, linePath, startMarker, position, geoMarker, trackAnimating = !1, lastTime = Date.now(), vectorLayer$3, distance = 0, routeFeature = null, thresholdNum = 20;
+const MAX_CACHED_LAYERS = 5, usedIds = [], manageLayerCache = (e) => {
+  var n;
+  const t = getInstall();
+  for (usedIds.unshift(e); usedIds.length > MAX_CACHED_LAYERS; ) {
+    const o = usedIds.pop(), r = trackLayers.get(o);
+    r && ((n = r.getSource()) == null || n.clear(), t == null || t.removeLayer(r), trackLayers.delete(o), delete allTracks[o]);
+  }
+};
+let trackColor = "";
+const colors = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], reRenderTrackLine = () => {
+  var e;
+  activeTrackId && ((e = trackLayers.get(activeTrackId)) != null && e.getVisible()) && debounce(() => {
+    handlerRenderLine();
+  }, 300);
+}, preprocessTrackData = (e, t) => {
+  let n = [];
+  return n = t.map((o, r) => {
+    if (Number(o.lon) > 180 || Number(o.lat) > 180) {
+      const [l, a] = convertSixHundredThousandToLatLng(o.lon, o.lat);
+      o.lon = l, o.lat = a;
+    }
+    return o.center = [o.lon, o.lat], o.centerPoint = lonLatToMercator(o.center), o.time = hooks(o.createdAt).format("YYYY-MM-DD HH:mm:ss"), o.id = e, o.index = r, o.bounds = [], o;
+  }), n;
+}, renderTrackLine = async (e, t, n, o = "ship", r = 200) => {
+  const l = getInstall();
+  if (!l || (t = t == null ? void 0 : t.reverse(), popupOverlay && o === "ship" && (l != null && l.getOverlays().getArray().includes(popupOverlay) || l.addOverlay(popupOverlay)), (t == null ? void 0 : t.length) < 2))
+    return;
+  manageLayerCache(e), activeTrackId = e, allTracks[e] = t;
+  const a = Object.keys(allTracks).findIndex((s) => s === e) || 0;
+  trackColor = n || colors[a > 10 ? 10 : a], thresholdNum = r, await handlerRenderLine(), await setTrackViewCenter(activeTrackId);
+}, createTrackLayer = (e) => {
+  const t = new VectorSource();
+  return new VectorLayer({
+    source: t,
+    visible: !1,
+    // 默认隐藏
+    className: `track-layer-${e}`,
+    renderBuffer: 1024
+    // 增大渲染缓冲区
+  });
+}, setActiveLayer = (e) => {
+  const t = getInstall();
+  trackLayers.forEach((n, o) => {
+    var l;
+    const r = o === e;
+    n.getVisible() !== r && (n.setVisible(r), t.getLayers().getArray().includes(n) || t.addLayer(n), r || (l = n.getSource()) == null || l.clear());
+  }), activeTrackId = e;
+}, handlerRenderLine = async () => {
+  const e = activeTrackId;
+  if (!trackLayers.has(e)) {
+    const c = createTrackLayer(e);
+    trackLayers.set(e, c);
+  }
+  setActiveLayer(e);
+  const t = trackLayers.get(e).getSource();
+  t == null || t.clear();
+  const n = trackColor || "", o = allTracks[e] || [];
+  if (!(o && o.length > 1)) return [];
+  const r = Math.max(1, Math.floor(o.length / thresholdNum)), l = o.filter((c, d) => d % r === 0);
+  let a = [];
+  a = preprocessTrackData(e, l);
+  const s = a.map((c) => c.centerPoint);
+  console.log("processedList", a.length), removeAllLabel(), a.length >= 2 && (await createTrackLineFeature(e, s, n), await createPointFeature(e, a, n));
+}, createTrackLineFeature = (e, t, n) => {
+  const o = new LineString(t), r = trackLayers.get(e).getSource(), l = r.getFeatureById(e);
+  if (l)
+    l.setGeometry(o), l.setId(e), l.setStyle(createTrackLineStyle(n)), routeFeature = l;
+  else {
+    const a = new Feature({ geometry: o });
+    a.setId(e), a.set("type", "line"), a.setStyle(createTrackLineStyle(n)), r.addFeature(a), routeFeature = a;
+  }
+  return routeFeature;
+}, createTrackLineStyle = (e) => new Style({
+  stroke: new Stroke({
+    color: e,
+    width: 2
+  })
+}), handleTrackMapEvent = (e, t, n) => {
+  const o = e == null ? void 0 : e.get("trackId"), r = getInstall();
+  if (e && o && t === "hover") {
+    r.getTargetElement().style.cursor = o ? "pointer" : "";
+    const l = e.get("data"), a = renderTrackPointHtml(l), s = n == null ? void 0 : n.coordinate;
+    s && (popupEle.querySelector(".popup-content"), popupEle.innerHTML = a, popupOverlay == null || popupOverlay.setPosition(s));
+  } else
+    popupOverlay && popupOverlay.setPosition(void 0);
+}, renderTrackPointHtml = (e) => {
+  if (!(e != null && e.time)) return;
+  let t = "";
+  return e != null && e.stayTime && (t = `
+            <div class="item w-100">
+                <div class="item-label">停泊时间约</div>
+                <div class="item-item">${formatMinutesToDDHHMM(Number(e.stayTime))}</div>
+            </div>
+        `), `
+        <div class="track-point-popup">
+            <div class="item">
+                <div class="item-label">状态</div>
+                <div class="item-item">${e != null && e.sailStatus ? SHIP_SAIL_STATUS[e.sailStatus] : DEFAULT_VALUE}</div>
+            </div>
+            <div class="item">
+                <div class="item-label">航速</div>
+                <div class="item-item">${e.speed || DEFAULT_VALUE}</div>
+            </div>
+            <div class="item">
+                <div class="item-label">艏向</div>
+                <div class="item-item">${e.hdg || DEFAULT_VALUE}</div>
+            </div>
+            <div class="item">
+                <div class="item-label">航向</div>
+                <div class="item-item">${e.cog || DEFAULT_VALUE}</div>
+            </div>
+            <div class="item">
+                <div class="item-label">经度</div>
+                <div class="item-item">${e.lon || DEFAULT_VALUE}</div>
+            </div>
+            <div class="item">
+                <div class="item-label">纬度</div>
+                <div class="item-item">${e.lat || DEFAULT_VALUE}</div>
+            </div>
+            <div class="item w-100">
+                <div class="item-label">时间</div>
+                <div class="item-item">${e.time}</div>
+            </div>
+            ${t ?? t}
+        </div>`;
+}, createPointFeature = (e, t, n) => {
+  const o = getInstall(), r = o.getView().getZoom() || 10, l = {
+    10: 4,
+    11: 6,
+    12: 8,
+    13: 12,
+    14: 16,
+    15: 20,
+    16: 24,
+    17: 30,
+    default: 4
+  }, a = l[r] || l.default, s = t.filter((i) => i.index === 0 || i.index === t.length - 1 || i.state !== "0");
+  if (t.length <= a) {
+    const i = t.map((m) => createPointFeatureWithStyle(m));
+    trackLayers.get(e).getSource().addFeatures(i), createArrowFetaure(e, t, t, n), t.forEach((m) => {
+      const g = createPointLabelOverlay(e, n, m);
+      o.addOverlay(g);
+    });
+    return;
+  }
+  const c = douglasPeuckerSimplify(t, s, a);
+  if (s.forEach((i) => {
+    c.some((u) => u.index === i.index) || c.push(i);
+  }), c.length > a) {
+    const i = Math.floor(c.length / a), u = [];
+    for (let m = 0; m < c.length; m += i)
+      u.push(c[m]);
+    c.splice(1, c.length - 2, ...u.slice(1, u.length - 1));
+  }
+  console.log("pointList------", c);
+  const d = c.map((i) => createPointFeatureWithStyle(i));
+  trackLayers.get(e).getSource().addFeatures(d), createArrowFetaure(e, c, t, n), c.forEach((i) => {
+    const u = createPointLabelOverlay(e, n, i);
+    o.addOverlay(u);
+  });
+};
+function douglasPeuckerSimplify(e, t, n) {
+  if (e.length <= n) return [...e];
+  const o = e.map((a) => fromLonLat(a.centerPoint)), l = douglasPeuckerIndex(o, 0, o.length - 1).map((a) => e[a]);
+  if (t.forEach((a) => {
+    l.some((s) => s.index === a.index) || l.push(a);
+  }), l.length > n) {
+    const a = Math.floor(l.length / n), s = [];
+    for (let c = 0; c < l.length; c += a)
+      s.push(l[c]);
+    l.splice(1, l.length - 2, ...s.slice(1, s.length - 1));
+  }
+  return l;
+}
+function douglasPeuckerIndex(e, t, n) {
+  const o = [t];
+  let r = 0;
+  if (t < n) {
+    const l = e[t], a = e[n];
+    let s = 0;
+    for (let c = t + 1; c < n; c++) {
+      const d = pointToLineDistance(e[c], l, a);
+      d > s && (s = d, r = c);
+    }
+    if (s > 1e-4) {
+      const c = douglasPeuckerIndex(e, t, r), d = douglasPeuckerIndex(e, r, n);
+      o.push(...c.slice(1), ...d.slice(1));
+    } else
+      o.push(n);
+  }
+  return o;
+}
+function pointToLineDistance(e, t, n) {
+  const o = e[0] - t[0], r = e[1] - t[1], l = n[0] - t[0], a = n[1] - t[1], s = o * l + r * a, c = l * l + a * a;
+  let d = -1;
+  c !== 0 && (d = s / c);
+  let p, i;
+  d < 0 ? (p = t[0], i = t[1]) : d > 1 ? (p = n[0], i = n[1]) : (p = t[0] + d * l, i = t[1] + d * a);
+  const u = e[0] - p, m = e[1] - i;
+  return Math.sqrt(u * u + m * m);
+}
+const createPointFeatureWithStyle = (e) => {
+  const t = new Feature({
+    geometry: new Point(e.centerPoint),
+    data: e
+  });
+  t.set("type", "track_point"), t.set("trackId", e.id), t.set("data", e);
+  let n = [
+    ...createPointStyle(trackColor)
+  ];
+  return (e.index === 0 || e.index === allTracks[e.id].length - 1) && (n = [...createIconPointStyle(e)], t.set("type", "track_begin")), e.state !== void 0 && e.state !== null && (n = [...createIconStateStyle(e)], t.set("type", "track_icon")), t.setStyle(n), t;
+}, createPointLabelOverlay = (e, t, n) => {
+  const o = document.createElement("div");
+  o.className = "track-overlay-label", o.style.position = "relative", o.style.backgroundColor = "rgba(255,255,255,0.8)", o.style.border = `1px solid ${t}`, o.style.fontSize = "12px", o.innerHTML = `
+        <span>${n.time}</span>
+        <svg
+             style="position: absolute;left: -20px;top: 0;"
+             viewBox="0 0 20 20"
+             xmlns="http://www.w3.org/2000/svg"
+             width="20"
+             height="20">
+            <line x1="0" y1="20"
+              x2="20" y2="0"
+              stroke="${t}"
+              stroke-width="1" />
+    `;
+  const r = new Overlay({
+    element: o,
+    position: fromLonLat(n.center),
+    positioning: "top-left",
+    offset: [20, -20],
+    stopEvent: !1,
+    className: "track-label-time-overlay"
+  });
+  return r.set("class", "track-label-overlay"), r.set("trackId", e), r;
+}, removeAllLabel = () => {
+  const e = getInstall(), t = cloneDeep(e == null ? void 0 : e.getOverlays().getArray()), n = t == null ? void 0 : t.filter((o) => o.get("class") === "track-label-overlay");
+  n && n.length > 0 && n.forEach((o) => {
+    o.setPosition(void 0), e.removeOverlay(o), o.dispose();
+  });
+}, createPointStyle = (e) => [
+  new Style({
+    // 扩大交互热区
+    image: new CircleStyle({
+      stroke: new Stroke({ color: "rgba(0, 0, 0, 0.01)", width: 20 }),
+      radius: 3
+    })
+  }),
+  // 轨迹点样式
+  new Style({
+    image: new CircleStyle({
+      fill: new Fill({ color: e }),
+      stroke: new Stroke({ color: "#fff", width: 2 }),
+      radius: 3
+    })
+  })
+], createIconStateStyle = (e) => {
+  const t = "#E31818", n = "#1890FF", o = "&#xe6d2", r = new Style({
+    text: new Text({
+      font: "Normal 22px map-iconfont",
+      text: getIconFont(o),
+      offsetY: -10,
+      fill: new Fill({
+        color: Number(e.state) === 0 ? t : Number(e.state) === 1 ? n : ""
+      })
+    }),
+    zIndex: 99
+  }), a = getIconStyle("&#xe6e2;"), c = getIconStyle("&#xe703;"), d = [];
+  return Number(e.state) === 0 ? d.push(a) : Number(e.state) === 1 && d.push(c), d.push(r), d;
+}, createArrowFetaure = (e, t, n, o) => {
+  const r = t || [], l = t.length;
+  l || (r.push(n[0]), r.push(n[n.length - 1]));
+  const a = [];
+  for (let c = 0; c < l - 1; c++) {
+    let d;
+    const p = t[c], i = (t[c + 1].index + p.index) / 2;
+    if (i % 2 === 0)
+      d = n[i].centerPoint;
+    else {
+      const u = n[Math.floor(i)], m = n[Math.ceil(i)];
+      if (u && m) {
+        const [g, f] = u.centerPoint, [y, v] = m.centerPoint;
+        d = [(g + y) / 2, (f + v) / 2];
+      }
+    }
+    if (d) {
+      const u = new Feature({
+        geometry: new Point(d)
+      });
+      u.set("type", "track_arrow"), u.setStyle(
+        new Style({
+          text: new Text({
+            font: "700 12px map-iconfont",
+            text: getIconFont("&#xe6bc;"),
+            fill: new Fill({ color: o }),
+            // 设置箭头旋转 角度转为弧度
+            rotation: getRotation(
+              t[c].center,
+              t[c + 1].center
+            ) * (Math.PI / 180)
+          })
+        })
+      ), a.push(u);
+    }
+  }
+  const s = trackLayers.get(e).getSource();
+  s == null || s.addFeatures(a);
+}, setTrackViewCenter = (e) => {
+  var a;
+  const n = getInstall().getView(), o = trackLayers.get(e).getSource(), r = routeFeature || (e ? o.getFeatureById(e) : null);
+  if (!r) return;
+  const l = (a = r == null ? void 0 : r.getGeometry()) == null ? void 0 : a.getExtent();
+  if (l != null && l.length)
+    try {
+      const s = buffer(l, Math.max(l[2] - l[0], l[3] - l[1]) * 0.02);
+      n.fit(s);
+    } catch (s) {
+      console.log(s);
+    }
+}, createIconPointStyle = (e) => {
+  const t = "&#xe69b;", r = e.index === 0 ? "#fcdc3f" : "#ff0000";
+  return [new Style({
+    text: new Text({
+      font: "Normal 14px map-iconfont",
+      text: getIconFont(t),
+      fill: new Fill({ color: r })
+    }),
+    zIndex: 101
+  })];
+}, removeAllTrackLayer = () => {
+  console.log("清除所有的轨迹-----");
+  const e = getInstall();
+  stopAnimation(), trackLayers.forEach((n) => {
+    var o;
+    (o = n.getSource()) == null || o.clear(), e == null || e.removeLayer(n);
+  }), Object.keys(allTracks).forEach((n) => {
+    trackLayers.delete(n), delete allTracks[n];
+  }), removeAllLabel();
+}, closeTrack = (e) => {
+  const t = getInstall(), n = trackLayers.get(e || activeTrackId);
+  n == null || n.setVisible(!1), cloneDeep(t.getOverlays().getArray()).forEach((r) => {
+    r.get("class") === "track-label-overlay" && (r.setPosition(void 0), t.removeOverlay(r));
+  }), stopAnimation();
+}, getTrackLength = (e, t = LENGTH_UNIT.NM) => {
+  const n = {
+    id: e,
+    length: "--"
+  }, r = (allTracks[e] || []).map(
+    (a) => transform([a.lon, a.lat], projection.data, projection.mercator)
+  ), l = new LineString(r);
+  return n.length = formatLength(l, t) || "--", console.log("showTracks", n), n;
+}, playShipTrack = (e, t) => {
+  handlePlay(String(e), t);
+}, handlePlay = (e, t) => {
+  const n = allTracks[String(e)], o = n == null ? void 0 : n.map((r) => [r.lon, r.lat]);
+  o && playAnimation(o, t);
+}, geoMarkerStyle = new Style({
+  text: new Text({
+    font: "700 20px map-iconfont",
+    text: getIconFont("&#xe657;"),
+    fill: new Fill({ color: "#ff0000" }),
+    rotation: 0
+    // 初始旋转角度
+  })
+}), moveFeature = (e, t) => {
+  var u, m;
+  const n = getInstall(), o = Number(50 * t), r = ((u = e.frameState) == null ? void 0 : u.time) ?? Date.now(), l = r - lastTime;
+  if (distance = (distance + o * l / 1e6) % 2, lastTime = r, distance >= 1) {
+    stopAnimation();
+    return;
+  }
+  const a = linePath.getCoordinateAt(
+    distance > 1 ? 2 - distance : distance
+  ), s = linePath.getCoordinateAt(
+    distance > 1 ? distance - 0.01 : distance
+  ), c = linePath.getCoordinateAt(
+    distance > 1 ? 2 - distance : distance + 0.01
+  ), p = getRotation(
+    mercatorToLonLat(s, "array"),
+    mercatorToLonLat(c, "array")
+  ) * Math.PI / 180;
+  (m = geoMarkerStyle.getText()) == null || m.setRotation(p), position.setCoordinates(a);
+  const i = getVectorContext(e);
+  i.setStyle(geoMarkerStyle), i.drawGeometry(position), n == null || n.render();
+}, startAnimation = () => {
+  var e;
+  trackAnimating = !0, lastTime = Date.now(), distance = 0, position = ((e = startMarker.getGeometry()) == null ? void 0 : e.clone()) || new Point([0, 0]), moveFeatureHandler && (vectorLayer$3 == null || vectorLayer$3.on("postrender", moveFeatureHandler)), geoMarker == null || geoMarker.setGeometry(void 0);
+}, stopAnimation = () => {
+  const e = getInstall();
+  trackAnimating && (trackAnimating = !1, geoMarker == null || geoMarker.setGeometry(void 0), moveFeatureHandler && vectorLayer$3 && vectorLayer$3.un("postrender", moveFeatureHandler), vectorLayer$3 && (e == null || e.removeLayer(vectorLayer$3)), vectorLayer$3 = null, geoMarker = null);
+}, playAnimation = (e, t) => {
+  trackAnimating && stopAnimation(), polyline = new Polyline({
+    factor: 1e6
+  }).writeGeometry(new LineString(e)), linePath = new Polyline({
+    factor: 1e6
+  }).readGeometry(polyline, {
+    dataProjection: projection.data,
+    featureProjection: projection.mercator
+  }), startMarker = new Feature({
+    type: "icon",
+    geometry: new Point(linePath.getFirstCoordinate())
+  });
+  const n = startMarker.getGeometry();
+  position = n ? n.clone() : new Point([0, 0]), geoMarker = new Feature({
+    type: "geoMarker",
+    style: geoMarkerStyle,
+    geometry: position
+  }), vectorLayer$3 = new VectorLayer({
+    source: new VectorSource({
+      features: [geoMarker]
+    })
+  });
+  const o = getInstall();
+  o == null || o.addLayer(vectorLayer$3), moveFeatureHandler = (r) => moveFeature(r, t), startAnimation();
+}, getRotation = (e, t, n) => {
+  function o(i) {
+    return 180 * (i % (2 * Math.PI)) / Math.PI;
+  }
+  function r(i) {
+    return i % 360 * Math.PI / 180;
+  }
+  function l(i) {
+    var u;
+    if (!i) throw new Error("Coordinate is required");
+    if (!Array.isArray(i)) {
+      if ((i == null ? void 0 : i.type) === "Feature" && (i == null ? void 0 : i.geometry) !== null && ((u = i == null ? void 0 : i.geometry) == null ? void 0 : u.type) === "Point")
+        return i == null ? void 0 : i.geometry.coordinates;
+      if (i.type === "Point") return (i == null ? void 0 : i.coordinates) || [];
+    }
+    if (Array.isArray(i) && i.length >= 2 && !Array.isArray(i[0]) && !Array.isArray(i[1]))
+      return i;
+    throw new Error(
+      "Coordinate must be GeoJSON Point or an Array of numbers"
+    );
+  }
+  function a(i, u, m = {}) {
+    if (m.final)
+      return function(k, S) {
+        return (a(S, k) + 180) % 360;
+      }(i, u);
+    const g = l(i), f = l(u), y = r(g[0]), v = r(f[0]), L = r(g[1]), T = r(f[1]), w = Math.sin(v - y) * Math.cos(T), E = Math.cos(L) * Math.sin(T) - Math.sin(L) * Math.cos(T) * Math.cos(v - y);
+    return o(Math.atan2(w, E));
+  }
+  function s(i) {
+    return !isNaN(i) && i !== null && !Array.isArray(i);
+  }
+  function c(i, u = {}, m = {}) {
+    return i || console.log("Coordinates are required"), Array.isArray(i) || console.log("Coordinates must be an Array"), i.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!s(i[0]) || !s(i[1])) && console.log("Coordinates must contain numbers"), d({ type: "Point", coordinates: i }, u, m);
+  }
+  function d(i, u = {}, m = {}) {
+    const g = {
+      type: "Feature",
+      id: "",
+      properties: {},
+      bbox: {},
+      geometry: {}
+    };
+    return m.id !== void 0 && (g.id = m.id), m.bbox && (g.bbox = m.bbox), g.properties = u, g.geometry = i, g;
+  }
+  const p = a(c(e), c(t), n);
+  return p < 0 ? 360 + p : p;
+}, getRightIcons = (e) => {
   const t = [];
   return e.existDevice && t.push("&#xe687;"), e.existMobile && t.push("&#xe688;"), e.existWaterGauge && t.push("&#xe686;"), t;
 };
@@ -131,13 +609,13 @@ function useShipOverlay(e) {
     }, 1e3);
   }, d = () => {
     s && (clearInterval(s), s = null);
-  }, u = () => {
+  }, p = () => {
     n.value && n.value.setPosition(fromLonLat(e.position));
   };
   return watch(() => e.selected, (i) => {
     i ? c() : d();
   }, { immediate: !0 }), watch(() => e.position, () => {
-    u();
+    p();
   }, { deep: !0 }), onMounted(() => {
   }), onBeforeUnmount(() => {
     d();
@@ -273,8 +751,8 @@ function setLinePath(e) {
   n && o === "top-right" && (n.style.right = "-20px"), n && o === "top-left" && (n.style.left = "-20px");
   const l = POSITION_PRIORITY.filter((s) => s.positioning === o && s.offset === r), a = t == null ? void 0 : t.querySelector(".ship-overlay-line line");
   if (l.length > 0) {
-    const { x1: s, y1: c, x2: d, y2: u } = l[0].line;
-    a && (a.setAttribute("x1", s), a.setAttribute("y1", c), a.setAttribute("x2", d), a.setAttribute("y2", u));
+    const { x1: s, y1: c, x2: d, y2: p } = l[0].line;
+    a && (a.setAttribute("x1", s), a.setAttribute("y1", c), a.setAttribute("x2", d), a.setAttribute("y2", p));
   }
 }
 function removeLabelOverlay(e) {
@@ -390,23 +868,24 @@ let hoveredShipId = "", attentionShips = {}, attentionShipsColor = {};
 const renderShipList = (e) => {
   console.log("renderShipList", e);
   const t = getInstall();
-  if (!t) return;
+  if (!e || !t) return;
   removeSelectedOverlay(), t.getLayers().getArray().includes(shipsLayer) || t.addLayer(shipsLayer);
   const n = (selectedShip == null ? void 0 : selectedShip.id) || (selectedShipFeature == null ? void 0 : selectedShipFeature.get("id"));
   removeLabelOverlay(t), shipsSource && shipsSource.clear();
   const o = [];
   if (selectedShip) {
-    const r = e.filter((l) => l.id === n);
-    r.length === 0 ? e.push(selectedShip) : selectedShip = r[0];
+    const l = e.filter((a) => a.id === n);
+    l.length === 0 ? e.push(selectedShip) : selectedShip = l[0];
   }
-  e.forEach((r) => {
-    if (r.lon && r.lat) {
-      const l = createShipFetature(r);
-      o.push(l), createLabelStyle(l);
+  const r = getZoom();
+  e.forEach((l) => {
+    if (l) {
+      const a = createShipFetature(l);
+      o.push(a), ((selectedShip == null ? void 0 : selectedShip.id) == l.id || r >= MAP_ZOOM.shipModelMin) && createLabelStyle(a);
     }
   }), shipsSource.addFeatures(o), handleChangeSelected();
 }, createShipFetature = (e) => {
-  const t = (selectedShip == null ? void 0 : selectedShip.id) || (selectedShipFeature == null ? void 0 : selectedShipFeature.get("id")), n = fromLonLat([e.lon, e.lat]), o = new Feature({
+  const t = (selectedShip == null ? void 0 : selectedShip.id) || (selectedShipFeature == null ? void 0 : selectedShipFeature.get("id")), n = fromLonLat([e == null ? void 0 : e.lon, e == null ? void 0 : e.lat]), o = new Feature({
     geometry: new Point(n),
     // 船舶数据
     shipData: e,
@@ -458,8 +937,8 @@ const renderShipList = (e) => {
     const a = attentionShips[l], s = o.find((d) => d.getId() === "label-" + l), c = r.find((d) => l === d.get("id"));
     if (s && c) {
       c.set("blinking", a), c.set("blinkingColor", attentionShipsColor[l] || "");
-      const d = s.getElement(), u = createLabelElement(c), i = u.querySelector(".ship-overlay-line"), p = d == null ? void 0 : d.querySelector(".ship-overlay-line");
-      d && d !== u && (p && i && i.replaceWith(p), s.setElement(u));
+      const d = s.getElement(), p = createLabelElement(c), i = p.querySelector(".ship-overlay-line"), u = d == null ? void 0 : d.querySelector(".ship-overlay-line");
+      d && d !== p && (u && i && i.replaceWith(u), s.setElement(p));
     }
   }
 }, filterShipShow = (e) => {
@@ -471,13 +950,13 @@ const renderShipList = (e) => {
   });
   const a = cloneDeep(t.getOverlays().getArray());
   r.forEach((s) => {
-    const c = s.get("id"), d = a.find((u) => u.getId() === "label-" + c);
+    const c = s.get("id"), d = a.find((p) => p.getId() === "label-" + c);
     if (!l.has(c))
       s.setStyle([]), d && (d.get("element").style.visibility = "hidden");
     else {
       d && (d.get("element").style.visibility = "visible");
-      const u = s.getStyle();
-      (u == null ? void 0 : u.length) == 0 && s.setStyle(createShipStyle(s));
+      const p = s.getStyle();
+      (p == null ? void 0 : p.length) == 0 && s.setStyle(createShipStyle(s));
     }
   });
 }, renderShipSelected = (e) => {
@@ -487,15 +966,6 @@ const renderShipList = (e) => {
     t && (selectedShipFeature = t), selectedShip = e, handleChangeSelected();
   } else
     console.log("取消选中"), selectedShip = null, selectedShipFeature = null, removeSelectedOverlay();
-}, renderShipSelectedChange = () => {
-  const e = shipsSource.getFeatures().find((t) => t.get("id") === (selectedShip == null ? void 0 : selectedShip.id));
-  if (e)
-    e == null || e.setStyle(createShipStyle(e));
-  else {
-    const t = createShipFetature(selectedShip);
-    shipsSource.addFeature(t), createLabelStyle(t);
-  }
-  handleChangeSelected();
 }, handleShipMapEvent = debounce((e, t, n) => {
   const o = getInstall();
   if (e) {
@@ -517,393 +987,6 @@ const renderShipList = (e) => {
   } catch (e) {
     console.log(e);
   }
-}, stopIcon = "&#xe6e2;", stopColor = "#E31818", slowIcon = "&#xe703;", slowColor = "#1890FF", dropletsIcon = "&#xe6d2", DEFAULT_VALUE = "--";
-let moveFeatureHandler = null;
-const stopIconStyle = getIconStyle(stopIcon), slowIconStyle = getIconStyle(slowIcon), popupEle = document.createElement("div"), popupOverlay = new Overlay({
-  element: popupEle,
-  positioning: "top-left",
-  stopEvent: !1,
-  className: "track-label-popup"
-});
-let polyline, linePath, startMarker, position, geoMarker, trackAnimating = !1, lastTime = Date.now(), vectorLayer$3, distance = 0, thresholdNum = 20;
-const routesSource = new VectorSource(), routeLayer = new VectorLayer({
-  source: routesSource,
-  className: "zh-map--track-layer",
-  zIndex: 102
-});
-let routeFeatures = [], allTracks = {}, trackId = "", trackColor = "", trackList = [], mapInstance$1 = null, isClosing = !1;
-const reRenderTrackLine = () => {
-  mapInstance$1 = getInstall(), isClosing || handlerRenderLine();
-}, renderTrackLine = async (e, t, n, o = "ship", r = 200) => {
-  mapInstance$1 = getInstall(), mapInstance$1 && (routeLayer == null || routeLayer.setVisible(!0), t = t == null ? void 0 : t.reverse(), popupOverlay && o === "ship" && (mapInstance$1 != null && mapInstance$1.getOverlays().getArray().includes(popupOverlay) || mapInstance$1.addOverlay(popupOverlay)), isClosing = !1, !((t == null ? void 0 : t.length) < 2) && (t.forEach((l) => {
-    l.state ? l.state = Number(l.state) : delete l.state;
-  }), trackId = e, trackList = t, allTracks[e] = t, trackList = [], trackColor = n, thresholdNum = r, await handlerRenderLine(), await setTrackViewCenter(trackId)));
-}, handlerRenderLine = async () => {
-  renderShipSelectedChange();
-  const e = trackColor || "", t = trackId, n = allTracks[trackId] || [], o = thresholdNum || 200, r = Math.max(1, Math.floor(n.length / o));
-  trackList = n.filter((s, c) => c % r === 0).map((s, c) => {
-    if (Number(s.lon) > 180 || Number(s.lat) > 180) {
-      const [d, u] = convertSixHundredThousandToLatLng(s.lon, s.lat);
-      s.lon = d, s.lat = u;
-    }
-    return s.center = [s.lon, s.lat], s.centerPoint = lonLatToMercator(s.center), s.id = t, s.index = c, s.time = hooks(s.createdAt).format("YYYY-MM-DD HH:mm:ss"), s;
-  });
-  const a = trackList.map((s) => s.centerPoint);
-  a.length >= 2 && (mapInstance$1 == null || mapInstance$1.addLayer(routeLayer), await createTrackLineFeature(t, a, e));
-}, createTrackLineFeature = (e, t, n) => {
-  var a;
-  const o = new LineString(t), r = new Feature({ geometry: o });
-  r.setStyle(createTrackLineStyle(n)), r.setId(e), r.set("type", "line"), (a = routeLayer == null ? void 0 : routeLayer.getSource()) == null || a.clear(), removeAllLabel(), routeFeatures = [];
-  const l = routeFeatures.findIndex((s) => s.getId() === e);
-  l >= 0 ? routeFeatures[l] = r : routeFeatures.push(r), routesSource.addFeatures([...routeFeatures]), createPointFeature(n);
-}, createTrackLineStyle = (e) => new Style({
-  stroke: new Stroke({
-    color: e,
-    width: 2
-  })
-}), handleTrackMapEvent = (e, t, n) => {
-  const o = e == null ? void 0 : e.get("trackId");
-  if (e && o && t === "hover") {
-    mapInstance$1.getTargetElement().style.cursor = o ? "pointer" : "";
-    const r = e.get("data"), l = renderTrackPointHtml(r), a = n == null ? void 0 : n.coordinate;
-    a && (popupEle.querySelector(".popup-content"), popupEle.innerHTML = l, popupOverlay == null || popupOverlay.setPosition(a));
-  } else
-    popupOverlay && popupOverlay.setPosition(void 0);
-}, formatMinutesToDDHHMM = (e) => {
-  const t = hooks.duration(e, "minutes"), n = Math.floor(t.asDays()), o = t.hours(), r = t.minutes();
-  let l = `${String(r).padStart(2, "0")}分`;
-  return o !== 0 && (l = `${String(o).padStart(2, "0")}时${l}`), n !== 0 && (l = `${String(n).padStart(2, "0")}天${l}`), l;
-}, renderTrackPointHtml = (e) => {
-  if (!(e != null && e.time)) return;
-  let t = "";
-  return e != null && e.stayTime && (t = `
-            <div class="item w-100">
-                <div class="item-label">停泊时间约</div>
-                <div class="item-item">${formatMinutesToDDHHMM(Number(e.stayTime))}</div>
-            </div>
-        `), `
-        <div class="track-point-popup">
-            <div class="item">
-                <div class="item-label">状态</div>
-                <div class="item-item">${e != null && e.sailStatus ? SHIP_SAIL_STATUS[e.sailStatus] : DEFAULT_VALUE}</div>
-            </div>
-            <div class="item">
-                <div class="item-label">航速</div>
-                <div class="item-item">${e.speed || DEFAULT_VALUE}</div>
-            </div>
-            <div class="item">
-                <div class="item-label">艏向</div>
-                <div class="item-item">${e.hdg || DEFAULT_VALUE}</div>
-            </div>
-            <div class="item">
-                <div class="item-label">航向</div>
-                <div class="item-item">${e.cog || DEFAULT_VALUE}</div>
-            </div>
-            <div class="item">
-                <div class="item-label">经度</div>
-                <div class="item-item">${e.lon || DEFAULT_VALUE}</div>
-            </div>
-            <div class="item">
-                <div class="item-label">纬度</div>
-                <div class="item-item">${e.lat || DEFAULT_VALUE}</div>
-            </div>
-            <div class="item w-100">
-                <div class="item-label">时间</div>
-                <div class="item-item">${e.time}</div>
-            </div>
-            ${t ?? t}
-        </div>`;
-}, createPointFeature = (e) => {
-  const t = trackList || [];
-  if (!(t && t.length > 1)) return [];
-  const n = { 16: 24, 17: 15, default: 4 }, o = [], r = t.length;
-  for (let a = 0; a < r; a++) {
-    t[a].index = a;
-    const s = mapInstance$1 == null ? void 0 : mapInstance$1.getPixelFromCoordinate(t[a].centerPoint);
-    if (s) {
-      let c = s.concat(s);
-      c = adjustBounds(c, [20, 20]);
-      const d = mapInstance$1 == null ? void 0 : mapInstance$1.getView().getZoom();
-      if (!d) return;
-      if (d > 15) {
-        const i = n[d] || n.default;
-        c = adjustBounds(c, [i, i]);
-      }
-      let u = !0;
-      if (t[a].state !== "0") {
-        for (let i = 0; i < o.length; i++)
-          if (isOverlapping$1(c, o[i].bounds)) {
-            u = !1;
-            break;
-          }
-      }
-      u && (t[a].bounds = c, o.push(t[a]));
-    }
-  }
-  const l = [];
-  o.forEach((a) => {
-    const s = new Feature({
-      geometry: new Point(a.centerPoint),
-      time: a.time
-    });
-    s.set("type", "track_point"), s.set("trackId", a.id), s.set("data", a), s.setStyle(createPointStyle(e)), l.push(s), typeof a == "object" && Object.prototype.hasOwnProperty.call(a, "state") && createIconFeature(a);
-  }), routesSource.addFeatures(l), l.forEach((a) => {
-    const s = a.getProperties().data, c = createPointLabelOverlay(e, s);
-    mapInstance$1 == null || mapInstance$1.addOverlay(c);
-  }), createArrowFetaure(o, e), createIconPointFeature();
-}, createPointLabelOverlay = (e, t) => {
-  const n = document.createElement("div");
-  n.className = "track-overlay-label", n.style.position = "relative", n.style.backgroundColor = "rgba(255,255,255,0.8)", n.style.border = `1px solid ${e}`, n.style.fontSize = "12px", n.innerHTML = `
-        <span>${t.time}</span>
-        <svg
-             style="position: absolute;left: -20px;top: 0;"
-             viewBox="0 0 20 20"
-             xmlns="http://www.w3.org/2000/svg"
-             width="20"
-             height="20">
-            <line x1="0" y1="20"
-              x2="20" y2="0"
-              stroke="${e}"
-              stroke-width="1" />
-    `;
-  const o = new Overlay({
-    element: n,
-    position: fromLonLat(t.center),
-    positioning: "top-left",
-    offset: [20, -20],
-    stopEvent: !1,
-    className: "track-label-time-overlay"
-  });
-  return o.set("class", "track-label-overlay"), o;
-}, removeAllLabel = () => {
-  const e = cloneDeep(mapInstance$1 == null ? void 0 : mapInstance$1.getOverlays().getArray()), t = e == null ? void 0 : e.filter((n) => n.get("class") === "track-label-overlay");
-  t && t.length > 0 && t.forEach((n) => {
-    n.setPosition(void 0), n.setElement(void 0), mapInstance$1 == null || mapInstance$1.removeOverlay(n), n.dispose();
-  });
-}, createPointStyle = (e) => [
-  new Style({
-    // 扩大交互热区
-    image: new CircleStyle({
-      stroke: new Stroke({ color: "rgba(0, 0, 0, 0.01)", width: 20 }),
-      radius: 3
-    })
-  }),
-  // 轨迹点样式
-  new Style({
-    image: new CircleStyle({
-      fill: new Fill({ color: e }),
-      stroke: new Stroke({ color: "#fff", width: 2 }),
-      radius: 3
-    })
-  })
-], createIconFeature = (e) => {
-  const t = new Feature({
-    //point.centerPoint
-    geometry: new Point([e.lon, e.lat]),
-    time: e.time
-  });
-  t.set("type", "track_icon");
-  const n = new Style({
-    text: new Text({
-      font: "Normal 22px map-iconfont",
-      text: getIconFont(dropletsIcon),
-      offsetY: -10,
-      fill: new Fill({
-        color: Number(e.state) === 0 ? stopColor : Number(e.state) === 1 ? slowColor : ""
-      })
-    }),
-    zIndex: 99
-  }), o = [];
-  Number(e.state) === 0 ? o.push(stopIconStyle) : Number(e.state) === 1 && o.push(slowIconStyle), o.push(n), t.setStyle(o), routesSource.addFeature(t);
-}, createArrowFetaure = (e, t) => {
-  const n = e || [], o = e.length;
-  o || (n.push(trackList[0]), n.push(trackList[trackList.length - 1]));
-  for (let r = 0; r < o - 1; r++) {
-    let l;
-    const a = e[r], s = (e[r + 1].index + a.index) / 2;
-    if (s % 2 === 0)
-      l = trackList[s].centerPoint;
-    else {
-      const c = trackList[Math.floor(s)], d = trackList[Math.ceil(s)];
-      if (c && d) {
-        const [u, i] = c.centerPoint, [p, m] = d.centerPoint;
-        l = [(u + p) / 2, (i + m) / 2];
-      }
-    }
-    if (l) {
-      const c = new Feature({
-        geometry: new Point(l)
-      });
-      c.set("type", "track_arrow"), c.setStyle(
-        new Style({
-          text: new Text({
-            font: "700 14px map-iconfont",
-            text: getIconFont("&#xe6bc;"),
-            fill: new Fill({ color: t }),
-            // 设置箭头旋转 角度转为弧度
-            rotation: getRotation(
-              e[r].center,
-              e[r + 1].center
-            ) * (Math.PI / 180)
-          })
-        })
-      ), routesSource == null || routesSource.addFeature(c);
-    }
-  }
-}, setTrackViewCenter = (e) => {
-  var r;
-  const t = mapInstance$1.getView(), n = e ? routeFeatures.find((l) => l.getId() === e) : routeFeatures[0];
-  if (!n) return;
-  const o = (r = n == null ? void 0 : n.getGeometry()) == null ? void 0 : r.getExtent();
-  if (o != null && o.length)
-    try {
-      const l = buffer(o, Math.max(o[2] - o[0], o[3] - o[1]) * 0.02);
-      t.fit(l);
-    } catch (l) {
-      console.log(l);
-    }
-}, createIconPointFeature = () => {
-  const e = "&#xe69b;", t = "#fcdc3f", n = "#ff0000";
-  (trackList.length < 2 ? [trackList[0]] : [trackList[0], trackList[trackList.length - 1]]).forEach((r) => {
-    const l = new Feature({
-      geometry: new Point(r.centerPoint)
-    });
-    l.set("type", "track_begin"), l.set("data", r);
-    const a = r.index === 0 && trackList.length >= 2 ? t : n;
-    l.setStyle(
-      new Style({
-        text: new Text({
-          font: "Normal 14px map-iconfont",
-          text: getIconFont(e),
-          fill: new Fill({ color: a })
-        }),
-        zIndex: 101
-      })
-    ), routesSource.addFeature(l);
-  });
-}, geoMarkerStyle = new Style({
-  text: new Text({
-    font: "700 20px map-iconfont",
-    text: getIconFont("&#xe657;"),
-    fill: new Fill({ color: "#ff0000" }),
-    rotation: 0
-    // 初始旋转角度
-  })
-}), playShipTrack = (e, t) => {
-  handlePlay(String(e), t);
-}, removeAllTrackLayer = () => {
-  allTracks = {}, routesSource == null || routesSource.clear(), stopAnimation(), isClosing = !0;
-}, closeTrack = (e = !1) => {
-  routeLayer == null || routeLayer.setVisible(!1);
-  const t = getInstall();
-  cloneDeep(t.getOverlays().getArray()).forEach((o) => {
-    o.get("class") === "track-label-overlay" && (o.setPosition(void 0), t.removeOverlay(o), o.dispose());
-  }), e && removeAllTrackLayer(), stopAnimation(), isClosing = !0;
-}, getTrackLength = (e, t = LENGTH_UNIT.NM) => {
-  const n = {
-    id: e,
-    length: "--"
-  }, r = (allTracks[e] || []).map(
-    (a) => transform([a.lon, a.lat], projection.data, projection.mercator)
-  ), l = new LineString(r);
-  return n.length = formatLength(l, t) || "--", console.log("showTracks", n), n;
-}, handlePlay = (e, t) => {
-  const n = allTracks[String(e)], o = n == null ? void 0 : n.map((r) => [r.lon, r.lat]);
-  o && playAnimation(o, t);
-}, moveFeature = (e, t) => {
-  var i, p;
-  const n = Number(50 * t), o = ((i = e.frameState) == null ? void 0 : i.time) ?? Date.now(), r = o - lastTime;
-  if (distance = (distance + n * r / 1e6) % 2, lastTime = o, distance >= 1) {
-    stopAnimation();
-    return;
-  }
-  const l = linePath.getCoordinateAt(
-    distance > 1 ? 2 - distance : distance
-  ), a = linePath.getCoordinateAt(
-    distance > 1 ? distance - 0.01 : distance
-  ), s = linePath.getCoordinateAt(
-    distance > 1 ? 2 - distance : distance + 0.01
-  ), d = getRotation(
-    mercatorToLonLat(a, "array"),
-    mercatorToLonLat(s, "array")
-  ) * Math.PI / 180;
-  (p = geoMarkerStyle.getText()) == null || p.setRotation(d), position.setCoordinates(l);
-  const u = getVectorContext(e);
-  u.setStyle(geoMarkerStyle), u.drawGeometry(position), mapInstance$1 == null || mapInstance$1.render();
-}, startAnimation = () => {
-  var e;
-  trackAnimating = !0, lastTime = Date.now(), distance = 0, position = ((e = startMarker.getGeometry()) == null ? void 0 : e.clone()) || new Point([0, 0]), moveFeatureHandler && (vectorLayer$3 == null || vectorLayer$3.on("postrender", moveFeatureHandler)), geoMarker == null || geoMarker.setGeometry(void 0);
-}, stopAnimation = () => {
-  trackAnimating && (trackAnimating = !1, geoMarker == null || geoMarker.setGeometry(void 0), moveFeatureHandler && vectorLayer$3 && vectorLayer$3.un("postrender", moveFeatureHandler), vectorLayer$3 && (mapInstance$1 == null || mapInstance$1.removeLayer(vectorLayer$3)), vectorLayer$3 = null, geoMarker = null);
-}, playAnimation = (e, t) => {
-  trackAnimating && stopAnimation(), polyline = new Polyline({
-    factor: 1e6
-  }).writeGeometry(new LineString(e)), linePath = new Polyline({
-    factor: 1e6
-  }).readGeometry(polyline, {
-    dataProjection: projection.data,
-    featureProjection: projection.mercator
-  }), startMarker = new Feature({
-    type: "icon",
-    geometry: new Point(linePath.getFirstCoordinate())
-  });
-  const n = startMarker.getGeometry();
-  position = n ? n.clone() : new Point([0, 0]), geoMarker = new Feature({
-    type: "geoMarker",
-    style: geoMarkerStyle,
-    geometry: position
-  }), vectorLayer$3 = new VectorLayer({
-    source: new VectorSource({
-      features: [geoMarker]
-    })
-  }), mapInstance$1 == null || mapInstance$1.addLayer(vectorLayer$3), moveFeatureHandler = (o) => moveFeature(o, t), startAnimation();
-}, getRotation = (e, t, n) => {
-  function o(i) {
-    return 180 * (i % (2 * Math.PI)) / Math.PI;
-  }
-  function r(i) {
-    return i % 360 * Math.PI / 180;
-  }
-  function l(i) {
-    var p;
-    if (!i) throw new Error("Coordinate is required");
-    if (!Array.isArray(i)) {
-      if ((i == null ? void 0 : i.type) === "Feature" && (i == null ? void 0 : i.geometry) !== null && ((p = i == null ? void 0 : i.geometry) == null ? void 0 : p.type) === "Point")
-        return i == null ? void 0 : i.geometry.coordinates;
-      if (i.type === "Point") return (i == null ? void 0 : i.coordinates) || [];
-    }
-    if (Array.isArray(i) && i.length >= 2 && !Array.isArray(i[0]) && !Array.isArray(i[1]))
-      return i;
-    throw new Error(
-      "Coordinate must be GeoJSON Point or an Array of numbers"
-    );
-  }
-  function a(i, p, m = {}) {
-    if (m.final)
-      return function(k, S) {
-        return (a(S, k) + 180) % 360;
-      }(i, p);
-    const g = l(i), y = l(p), v = r(g[0]), L = r(y[0]), w = r(g[1]), f = r(y[1]), T = Math.sin(L - v) * Math.cos(f), E = Math.cos(w) * Math.sin(f) - Math.sin(w) * Math.cos(f) * Math.cos(L - v);
-    return o(Math.atan2(T, E));
-  }
-  function s(i) {
-    return !isNaN(i) && i !== null && !Array.isArray(i);
-  }
-  function c(i, p = {}, m = {}) {
-    return i || console.log("Coordinates are required"), Array.isArray(i) || console.log("Coordinates must be an Array"), i.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!s(i[0]) || !s(i[1])) && console.log("Coordinates must contain numbers"), d({ type: "Point", coordinates: i }, p, m);
-  }
-  function d(i, p = {}, m = {}) {
-    const g = {
-      type: "Feature",
-      id: "",
-      properties: {},
-      bbox: {},
-      geometry: {}
-    };
-    return m.id !== void 0 && (g.id = m.id), m.bbox && (g.bbox = m.bbox), g.properties = p, g.geometry = i, g;
-  }
-  const u = a(c(e), c(t), n);
-  return u < 0 ? 360 + u : u;
 }, PORT_LAYER_CLASS_NAME = "zh-map-port-layer";
 let vectorLayer$2, vectorSource$2;
 const renderPortList = (e) => {
@@ -1401,11 +1484,11 @@ const initDraw = () => {
     sketch = t.feature, e = (n = sketch.getGeometry()) == null ? void 0 : n.on("change", (o) => {
       const r = o.target, l = computedArea(r, "nm"), s = r.getCoordinates()[0], c = new LineString([s[s.length - 2], s[s.length - 1]]), d = computedDistance(c, "nm");
       if (lineLimitError = Number(getLength(c) / 1e3) > 150, !l) return;
-      const u = '<span class="error pl-4">超出可以绘画的距离</span>';
+      const p = '<span class="error pl-4">超出可以绘画的距离</span>';
       measureTooltipElement && (measureTooltipElement.innerHTML = `
                     <div class="text">
                         面积：${l} 
-                        ${lineLimitError ? u : ""}
+                        ${lineLimitError ? p : ""}
                     </div>
                 `), helpTooltipElement && (helpTooltipElement.innerHTML = `
                     <div class="text">
@@ -1413,7 +1496,7 @@ const initDraw = () => {
                     </div>
                     <div class="text ${lineLimitError ? "error" : ""}">
                         线段 ${s.length - 2}: ${d} 
-                        ${lineLimitError ? u : ""}
+                        ${lineLimitError ? p : ""}
                       
                     </div>
                       <div>
@@ -1597,7 +1680,7 @@ const locationTruck = async (e) => {
       createVNode(ZoomControl, { ref: "zoomControlRef" }, null, 512)
     ], 64));
   }
-}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16d189cd"]]), ZhMap = withInstall(Map$1);
+}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5da7190c"]]), ZhMap = withInstall(Map$1);
 export {
   ZhMap as Z
 };