zhihao-ui 1.2.65 → 1.3.0

package/dist/es/Map-BpqtL7_q.js

@@ -1,2528 +0,0 @@
-var G = Object.defineProperty;
-var _ = (e, t, o) => t in e ? G(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var C = (e, t, o) => _(e, typeof t != "symbol" ? t + "" : t, o);
-import { ref, defineComponent, inject, useModel, watch, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, toDisplayString, createCommentVNode, mergeModels, nextTick, onMounted, normalizeClass, renderSlot, createBlock, useCssVars, computed, provide } from "vue";
-import { p as getArea, q as getLength, V as VectorSource, r as VectorLayer, S as Style, C as CircleStyle, F as Fill, s as Stroke, D as Draw, O as Overlay, u as unByKey, t as ElSelect, v as ElOption, w as getUid, x as fromLonLat, P as Point, y as transform, z as Feature, T as Text, I as Icon, A as Translate, B as toLonLat, i as cloneDeep, G as GeoJSON, W as WebGLPointsLayer, H as Circle, J as transformExtent, h as hooks, L as LineString, K as Polyline, M as getVectorContext, N as buffer, Q as ScaleLine$1, R as MultiPoint, U as getCenter, X as TileLayer, Y as XYZ, Z as Map$1, _ as View } from "./vendor-DaYdW1_n.js";
-import { _ as _export_sfc } from "./Button-Dw3i74l2.js";
-import { g as getForegroundColor } from "./DatePicker-BCvYHlC7.js";
-import { w as withInstall } from "./utils-BSQSj8Ii.js";
-var BaseMapType = /* @__PURE__ */ ((e) => (e[e.vector = 0] = "vector", e[e.satellite = 1] = "satellite", e))(BaseMapType || {}), SEARCH_TYPE = /* @__PURE__ */ ((e) => (e[e.SEARCH_SHIP = 0] = "SEARCH_SHIP", e[e.SEARCH_PORT = 1] = "SEARCH_PORT", e[e.SEARCH_CUSTOM = 2] = "SEARCH_CUSTOM", e))(SEARCH_TYPE || {}), COPY_RIGHT_TYPE = /* @__PURE__ */ ((e) => (e[e.HORIZONTAL = 0] = "HORIZONTAL", e[e.VERTICAL = 1] = "VERTICAL", e))(COPY_RIGHT_TYPE || {}), CAR_COLOR = /* @__PURE__ */ ((e) => (e[e.BLUE = 1] = "BLUE", e[e.YELLOW = 2] = "YELLOW", e[e.Y_GREEN = 3] = "Y_GREEN", e))(CAR_COLOR || {}), DEVICE_TYPE = /* @__PURE__ */ ((e) => (e[e.HOST = 1] = "HOST", e[e.TALK = 2] = "TALK", e[e.STORAGE = 3] = "STORAGE", e[e.INTERNET = 4] = "INTERNET", e[e.CAMERA = 5] = "CAMERA", e[e.LOAD = 6] = "LOAD", e))(DEVICE_TYPE || {}), LENGTH_UNIT = /* @__PURE__ */ ((e) => (e[e.M = 1] = "M", e[e.KM = 2] = "KM", e[e.NM = 3] = "NM", e))(LENGTH_UNIT || {}), SWITCH_BTN = /* @__PURE__ */ ((e) => (e.Camera = "camera", e.Mobile = "mobile", e.WaterGauge = "waterGauge", e))(SWITCH_BTN || {}), SHIP_SAIL_STATUS = /* @__PURE__ */ ((e) => (e[e.发动机使用中 = 0] = "发动机使用中", e[e.锚泊 = 1] = "锚泊", e[e.未操作 = 2] = "未操作", e[e.操纵能力受限 = 3] = "操纵能力受限", e[e.吃水受限 = 4] = "吃水受限", e[e.系泊 = 5] = "系泊", e[e.搁浅 = 6] = "搁浅", e[e.从事捕捞 = 7] = "从事捕捞", e[e.航行中 = 8] = "航行中", e[e.留作将来修正导航状态 = 9] = "留作将来修正导航状态", e[e.高速船留用 = 10] = "高速船留用", e[e.机动船尾推作业 = 11] = "机动船尾推作业", e[e.机动船顶推或侧推作业 = 12] = "机动船顶推或侧推作业", e[e.飞翼船留用 = 13] = "飞翼船留用", e[e.现行的 = 14] = "现行的", e[e.未定义 = 15] = "未定义", e))(SHIP_SAIL_STATUS || {});
-class ShipMapData {
-  constructor(t, o, n, i, r, l, c, s, m, d, u, f, p, h, v, g, k, M, I, E, V, F, $, y) {
-    C(this, "id");
-    // mmsi
-    C(this, "mmsi");
-    // 船舶三角形填充色
-    C(this, "fill");
-    // 船类型 "7": "货船",
-    C(this, "shipType");
-    // 船名
-    C(this, "name");
-    // 长度
-    C(this, "length");
-    // 宽度
-    C(this, "breadth");
-    // 经度
-    C(this, "lon");
-    // 纬度
-    C(this, "lat");
-    // 时间
-    C(this, "createdAt");
-    // 速度
-    C(this, "speed");
-    // 来源
-    C(this, "from");
-    // 船状态 "stop":"静止","sail":"航行","work":"作业","danger":"危险","other":"其他"
-    C(this, "sailStatus");
-    // 船艏向
-    C(this, "hdg");
-    // 航迹向
-    C(this, "cog");
-    // 设备定位类型
-    C(this, "posType");
-    C(this, "type");
-    // 航向角度
-    C(this, "angle");
-    // 左侧是否显示色块
-    C(this, "leftIconColor");
-    C(this, "existDevice");
-    C(this, "existMobile");
-    C(this, "existWaterGauge");
-    C(this, "selected");
-    C(this, "blinkColors");
-    this.id = t, this.mmsi = o, this.fill = n, this.shipType = i, this.name = r, this.length = l, this.breadth = c, this.lon = s, this.lat = m, this.createdAt = d, this.speed = u, this.from = f, this.sailStatus = p, this.hdg = h, this.cog = v, this.posType = g, this.type = k, this.angle = M, this.leftIconColor = I, this.existDevice = E, this.existMobile = V, this.existWaterGauge = F, this.selected = $, this.blinkColors = y;
-  }
-}
-const formatLength = function(e, t) {
-  const n = getLength(e);
-  let i = "";
-  switch (t) {
-    case LENGTH_UNIT.M:
-      i = Math.round(n * 100) / 100 + " m";
-      break;
-    case LENGTH_UNIT.KM:
-      i = Math.round(n / 1e3 * 100) / 100 + " km";
-      break;
-    case LENGTH_UNIT.NM:
-      i = (Math.round(n / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
-      break;
-  }
-  return i;
-}, convertSixHundredThousandToLatLng = function(e, t) {
-  const o = Number(t) / 6e5;
-  return [Number(e) / 6e5, o];
-}, formatArea = (e, t) => {
-  const n = getArea(e);
-  let i;
-  switch (t) {
-    case LENGTH_UNIT.KM:
-      n > 1e4 ? i = Math.round(n / 1e6 * 100) / 100 + " km<sup>2</sup>" : i = Math.round(n * 100) / 100 + " m<sup>2</sup>";
-      break;
-    case LENGTH_UNIT.NM:
-      const r = Math.pow(1.852, 2);
-      n > 1e4 ? i = Math.round(n / 1e6 / r * 100) / 100 + " nm<sup>2</sup>" : i = Math.round(n * 100) / 100 + " m<sup>2</sup>";
-      break;
-  }
-  return i;
-}, convertShipMapData = (e) => {
-  const t = (o) => new ShipMapData(
-    o.id,
-    o.id,
-    // 船舶三角形填充色
-    o.fill || "#04C900",
-    "70",
-    (o.cnname || o.enname || o.name || o.id) + `${o.existName ? o.existName : ""}`,
-    o.len || o.length,
-    o.wid || o.breadth,
-    o.lon,
-    o.lat,
-    (/* @__PURE__ */ new Date()).getTime(),
-    o.spd,
-    o.from,
-    o.status,
-    Number(o.hdg),
-    o.cog,
-    Number(o.postype),
-    "other",
-    o.cog,
-    o.leftIconColor,
-    o.existDevice,
-    o.existMobile,
-    o.existWaterGauge,
-    o.selected,
-    o.blinkColors
-  );
-  return Array.isArray(e) ? e.map((o) => t(o)) : t(e);
-}, formatUtils = {
-  formatLength,
-  convertSixHundredThousandToLatLng,
-  formatArea
-}, mapInstance$9 = ref(), shipsLayer = ref(), largeAmountShipsLayer = ref(), selectShipsLayer = ref(), allShips = ref([]), selectSingleShipData = ref();
-ref();
-const trucksLayer = ref(), shipTrackLineFeatures = ref([]), trackLineVectorSource = ref(), shipTrackVectorLayer = ref();
-ref();
-ref();
-const shipLabels = ref([]), trackLabels = ref([]), showTrackLayer = ref(!1), allTracks = ref([]), currentTrackId = ref(""), showTrackAnimatMarker = ref(!1), hiddenOrther = ref(!1), showDrawLayer = ref(!1), _hoisted_1$4 = {
-  key: 0,
-  class: "measure-panel"
-}, _hoisted_2$2 = { class: "d-flex justify-content-between align-content-start w-100" }, _hoisted_3$1 = { class: "measure-history-list" }, _hoisted_4 = { class: "left-panel" }, _hoisted_5 = { class: "text index" }, _hoisted_6 = { class: "text" }, _hoisted_7 = ["onClick"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "measure",
-  props: /* @__PURE__ */ mergeModels({
-    viewMode: {}
-  }, {
-    visible: { type: Boolean },
-    visibleModifiers: {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["close"], ["update:visible"]),
-  setup(e, { expose: t, emit: o }) {
-    const n = inject("mapInstance"), i = o, r = useModel(e, "visible"), l = ref("3"), c = ref([]), s = ref(!1), m = new VectorSource();
-    let d, u, f, p, h;
-    const v = new VectorLayer({
-      source: m,
-      style: {
-        "fill-color": "rgba(255, 255, 255, 0.2)",
-        "stroke-color": "#ffcc33",
-        "stroke-width": 2,
-        "circle-radius": 7,
-        "circle-fill-color": "#ffcc33"
-      }
-    }), g = function(S) {
-      if (S.dragging)
-        return;
-      let T = "点击选择起点";
-      d && (T = "单击继续，双击结束"), u && (u.innerHTML = T, f.setPosition(S.coordinate), u.classList.remove("hidden"));
-    }, k = () => {
-      var S, T;
-      n != null && n.value && ((S = n == null ? void 0 : n.value) == null || S.on("pointermove", g), (T = n == null ? void 0 : n.value) == null || T.getViewport().addEventListener("mouseout", function() {
-        var b;
-        (b = u == null ? void 0 : u.classList) == null || b.add("hidden");
-      }), s.value = !0);
-    };
-    let M;
-    const I = new Style({
-      fill: new Fill({
-        color: "rgba(255, 255, 255, 0.2)"
-      }),
-      stroke: new Stroke({
-        color: "rgba(255,204,51)",
-        lineDash: [10, 10],
-        width: 2
-      }),
-      image: new CircleStyle({
-        radius: 5,
-        stroke: new Stroke({
-          color: "rgba(0, 0, 0, 0.7)"
-        }),
-        fill: new Fill({
-          color: "rgba(255, 255, 255, 0.2)"
-        })
-      })
-    });
-    function E() {
-      var S, T;
-      if (n != null && n.value) {
-        if (showDrawLayer.value = !1, c.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((b) => {
-          var P;
-          (P = b == null ? void 0 : b.parentNode) == null || P.removeChild(b);
-        }), m.clear(), M) {
-          const b = n.value.getInteractions().getArray().find((P) => getUid(P) === getUid(M));
-          b && ((S = n.value) == null || S.removeInteraction(b));
-        }
-        (T = n.value) == null || T.removeLayer(v), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
-      }
-    }
-    function V() {
-      var T, b;
-      E(), (T = n == null ? void 0 : n.value) == null || T.addLayer(v), showDrawLayer.value = !0, M = new Draw({
-        source: m,
-        type: "LineString",
-        style: function() {
-          return I;
-        },
-        // 添加条件函数，判断是否应该触发绘制
-        condition: function(P) {
-          return P.originalEvent.target.tagName !== "DIV";
-        }
-      }), (b = n == null ? void 0 : n.value) == null || b.addInteraction(M), $(), F();
-      let S;
-      M.on("drawstart", function(P) {
-        var N;
-        d = P.feature, d.set("randomId", w());
-        let x;
-        S = (N = d.getGeometry()) == null ? void 0 : N.on("change", function(R) {
-          const B = R.target;
-          let D = formatUtils.formatLength(B, Number(l.value));
-          x = B.getLastCoordinate(), p && D && (p.innerHTML = D), h.setPosition(x);
-        });
-      }), M.on("drawend", function() {
-        var P;
-        if (p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML) {
-          const x = (d == null ? void 0 : d.get("randomId")) || w();
-          c.value.push({ id: x, value: p == null ? void 0 : p.innerHTML }), p.innerHTML = `${p.innerHTML}<div class="ol-tooltip-delete-button" data-id="${x}"><i class="map-iconfont icon-delete"></i></div>`;
-        }
-        (P = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || P.addEventListener("click", (x) => {
-          var R;
-          x.preventDefault(), x.stopPropagation();
-          const N = (R = x.target) == null ? void 0 : R.getAttribute("data-id");
-          N && y(N);
-        }), h.setOffset([0, -7]), d = null, p = null, $(), S && unByKey(S);
-      });
-    }
-    function F() {
-      var S;
-      u != null && u.parentNode && u.parentNode.removeChild(u), u = document.createElement("div"), u.className = "ol-tooltip hidden", f = new Overlay({
-        element: u,
-        offset: [15, 0],
-        positioning: "center-left"
-      }), (S = n == null ? void 0 : n.value) == null || S.addOverlay(f);
-    }
-    function $() {
-      var S;
-      p != null && p.parentNode && p.parentNode.removeChild(p), p = document.createElement("div"), p.className = "ol-tooltip ol-tooltip-measure", h = new Overlay({
-        element: p,
-        offset: [0, -15],
-        positioning: "bottom-center",
-        stopEvent: !1,
-        insertFirst: !1
-      }), (S = n == null ? void 0 : n.value) == null || S.addOverlay(h);
-    }
-    const y = (S) => {
-      var b, P;
-      const T = c.value.findIndex((x) => x.id === S);
-      if (T !== -1) {
-        c.value.splice(T, 1);
-        const x = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-        x[T] && ((P = (b = x[T]) == null ? void 0 : b.parentNode) == null || P.removeChild(x[T]));
-        const N = m.getFeatures();
-        N[T] && m.removeFeature(N[T]);
-      }
-    }, L = () => {
-      i("close");
-    }, w = () => Math.random().toString(36).substring(2, 9);
-    return watch(() => r, () => {
-      r.value && !s.value && (k(), V());
-    }, { deep: !0, immediate: !0 }), t({
-      addInteraction: V,
-      removeInteraction: E
-    }), (S, T) => r.value && S.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
-      createElementVNode("div", { class: "header" }, [
-        T[1] || (T[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
-        createElementVNode("i", {
-          onClick: L,
-          class: "map-iconfont icon-close"
-        })
-      ]),
-      createElementVNode("div", _hoisted_2$2, [
-        T[2] || (T[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
-        createVNode(unref(ElSelect), {
-          class: "select-length-unit",
-          modelValue: l.value,
-          "onUpdate:modelValue": T[0] || (T[0] = (b) => l.value = b)
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(ElOption), {
-              label: "m",
-              value: "1"
-            }),
-            createVNode(unref(ElOption), {
-              label: "km",
-              value: "2"
-            }),
-            createVNode(unref(ElOption), {
-              label: "nm",
-              value: "3"
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]),
-      createElementVNode("div", _hoisted_3$1, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(c.value, (b, P) => (openBlock(), createElementBlock("div", {
-          class: "measure-history-item",
-          key: b.id
-        }, [
-          createElementVNode("div", _hoisted_4, [
-            T[3] || (T[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
-            createElementVNode("span", _hoisted_5, "线段" + toDisplayString(P + 1), 1),
-            createElementVNode("span", _hoisted_6, toDisplayString(b.value), 1)
-          ]),
-          createElementVNode("div", {
-            class: "delete-button",
-            onClick: (x) => y(b.id)
-          }, T[4] || (T[4] = [
-            createElementVNode("i", { class: "map-iconfont icon-delete" }, null, -1)
-          ]), 8, _hoisted_7)
-        ]))), 128))
-      ])
-    ])) : createCommentVNode("", !0);
-  }
-}), Measure = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3277433d"]]), mapInstance$8 = ref(), renderMarkerSetInstance = (e) => mapInstance$8.value = e, markerPosition = ref(""), marker = ref(), createIconStyle = (e) => new Style({
-  image: new Icon({
-    src: CDN_URL + "map/poi-marker-default.png",
-    anchor: [0.5, 1]
-  }),
-  text: new Text({
-    text: e,
-    offsetY: -90,
-    // 调整文本位置，使其位于标记上方
-    font: "12px",
-    fill: new Fill({
-      color: "#000"
-    }),
-    stroke: new Stroke({
-      color: "#fff",
-      width: 2
-    }),
-    backgroundFill: new Fill({
-      color: "#fff"
-      // 设置文本背景填充颜色
-    }),
-    backgroundStroke: new Stroke({
-      color: "#000",
-      // 设置文本背景描边颜色
-      width: 1
-    }),
-    padding: [2, 2, 2, 2]
-    // 设置文本背景的内边距
-  })
-}), renderMarker = (e, t = !0, o = !0) => {
-  var d;
-  if (!mapInstance$8.value || !e || e.split(",").length !== 2) return;
-  const [n, i] = e.split(",").map(Number);
-  marker.value = new Feature({
-    geometry: new Point(fromLonLat([n, i]))
-  });
-  const r = o ? `${n}, ${i}` : "";
-  (d = marker.value) == null || d.setStyle(createIconStyle(r));
-  const l = new VectorSource({
-    features: [marker.value]
-  }), c = new VectorLayer({
-    source: l
-  }), s = mapInstance$8.value.getView();
-  if (mapInstance$8.value.addLayer(c), t) {
-    const u = new Translate({
-      layers: [c]
-    });
-    u.on("translating", function(f) {
-      var v;
-      const p = f.features.item(0).getGeometry().getCoordinates(), h = toLonLat(p);
-      markerPosition.value = `${h[0].toFixed(6)}, ${h[1].toFixed(6)}`, (v = marker.value) == null || v.setStyle(createIconStyle(markerPosition.value));
-    }), mapInstance$8.value.addInteraction(u);
-  }
-  const m = new Point([n, i]);
-  s.setCenter(transform(m.getCoordinates(), projection.data, projection.mercator)), s.setZoom(mapZoom.findShip);
-}, setMarkerPosition = (e) => {
-  var i, r;
-  if (!mapInstance$8.value) return;
-  const t = mapInstance$8.value.getView(), o = e.split(",").map(Number);
-  (r = (i = marker.value) == null ? void 0 : i.getGeometry()) == null || r.setCoordinates(fromLonLat([o[0], o[1]]));
-  const n = new Point([o[0], o[1]]);
-  t.setCenter(transform(n.getCoordinates(), projection.data, projection.mercator)), t.setZoom(mapZoom.markerPosition);
-}, CDN_URL = "https://static.zhihaoscm.cn/", tiandituKey = "a6e8f78974f2581f2ca00485b40c948f", zhongkeKey = "15c81cc0a191a232e0a0ca1a51c3ca81", baseMap = {
-  // 矢量底图
-  // zhongkeTile: `https://api.open.geovisearth.com/map/v1/vec/{z}/{x}/{y}?token=${zhongkeKey}&format=png&tmsIds=w`,
-  tiandituTile: `https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${tiandituKey}`,
-  // 矢量注记
-  tiandituTileMark: `https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${tiandituKey}`,
-  // 影像底图
-  // zhongkeImgTile: `https://api.open.geovisearth.com/map/v1/img/{z}/{x}/{y}?token=${zhongkeKey}&format=webp&tmsIds=w`,
-  tiandituImgTile: `https://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${tiandituKey}`,
-  // 影像注记
-  tiandituImgTileMark: `https://t0.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${tiandituKey}`,
-  // 绿点图
-  greenTile: `${CDN_URL}/map/tile/{z}/{x}/{y}.png`
-}, mapZoom = {
-  // 地图默认层级
-  default: 6,
-  // 地图缩放最小层级
-  min: 3,
-  // 地图缩放最大层级
-  max: 18,
-  // 查看船舶详情时地图缩放层级
-  findShipMin: 10,
-  findShip: 13,
-  // 查看车辆详情时地图缩放层级
-  findTruck: 14,
-  // 船舶绿点图最大显示层级
-  shipGreenDotMax: 11,
-  // 查车图标显示层级
-  truckDefault: 14,
-  // 统计图标显示层级
-  truckStatistics: 8,
-  // 船形图标最小渲染层级
-  shipModelMin: 13,
-  // 船形图标最大渲染层级
-  shipModelMax: 18,
-  markerPosition: 14
-}, renderShipsLimit = 200, mapDefaultCenter = [114.84, 30.52], projection = {
-  // 经纬度 源数据 地理坐标 WGS84
-  data: "EPSG:4326",
-  // 墨卡托投影坐标 渲染坐标
-  mercator: "EPSG:3857"
-}, LOG_DATE_FORMAT = "YYYY-MM-DD HH:mm:ss", DEFAULT_VALUE = "--";
-function getIconFont(unicode = "") {
-  return unicode.indexOf("&amp;") !== -1 && (unicode = unicode.replace("&amp;", "&")), unicode.indexOf("&amp") !== -1 && (unicode = unicode.replace("&amp", "&")), eval('("' + unicode.replace("&#x", "\\u").replace(";", "") + '")');
-}
-const multiplyPixelRatio = (e) => {
-  const t = window.devicePixelRatio || 1;
-  return e.map((o) => o.map((n) => n * t));
-}, 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 = (e, t) => e[0] <= t[2] && e[2] >= t[0] && e[1] <= t[3] && e[3] >= t[1], getIconStyle = (e) => new Style({
-  text: new Text({
-    font: "Normal 14px map-iconfont",
-    text: getIconFont(e),
-    fill: new Fill({ color: "#fff" }),
-    offsetY: -14
-  }),
-  zIndex: 100
-}), getRotation = (e, t, o) => {
-  function n(u) {
-    return 180 * (u % (2 * Math.PI)) / Math.PI;
-  }
-  function i(u) {
-    return u % 360 * Math.PI / 180;
-  }
-  function r(u) {
-    if (!u) throw new Error("Coordinate is required");
-    if (!Array.isArray(u)) {
-      if (u.type === "Feature" && u.geometry !== null && u.geometry.type === "Point")
-        return u.geometry.coordinates;
-      if (u.type === "Point") return u.coordinates;
-    }
-    if (Array.isArray(u) && u.length >= 2 && !Array.isArray(u[0]) && !Array.isArray(u[1]))
-      return u;
-    throw new Error(
-      "Coordinate must be GeoJSON Point or an Array of numbers"
-    );
-  }
-  function l(u, f, p = {}) {
-    if (p.final)
-      return function(F, $) {
-        return (l($, F) + 180) % 360;
-      }(u, f);
-    const h = r(u), v = r(f), g = i(h[0]), k = i(v[0]), M = i(h[1]), I = i(v[1]), E = Math.sin(k - g) * Math.cos(I), V = Math.cos(M) * Math.sin(I) - Math.sin(M) * Math.cos(I) * Math.cos(k - g);
-    return n(Math.atan2(E, V));
-  }
-  function c(u) {
-    return !isNaN(u) && u !== null && !Array.isArray(u);
-  }
-  function s(u, f = {}, p = {}) {
-    return u || console.log("Coordinates are required"), Array.isArray(u) || console.log("Coordinates must be an Array"), u.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!c(u[0]) || !c(u[1])) && console.log("Coordinates must contain numbers"), m({ type: "Point", coordinates: u }, f, p);
-  }
-  function m(u, f = {}, p = {}) {
-    const h = { type: "Feature" };
-    return p.id !== void 0 && (h.id = p.id), p.bbox && (h.bbox = p.bbox), h.properties = f || {}, h.geometry = u, h;
-  }
-  const d = l(s(e), s(t), o);
-  return d < 0 ? 360 + d : d;
-}, triangleModel = multiplyPixelRatio([
-  [0, -8],
-  [5, 8],
-  [-5, 8]
-]), shipShapeModel = multiplyPixelRatio([
-  [0, -4.545],
-  [-0.56, -3.909],
-  [-1, -2.727],
-  [-1, 3.636],
-  [-0.8, 4.545],
-  [0.8, 4.545],
-  [1, 3.636],
-  [1, -2.727],
-  [0.56, -3.909],
-  [0, -4.545]
-]), shipDirectPath = {
-  left: {
-    0: [
-      [0, 0],
-      [0, -8],
-      [-4, -8]
-    ],
-    1: [
-      [0, 0],
-      [0, -16],
-      [-6, -16]
-    ],
-    2: [
-      [0, 0],
-      [0, -24],
-      [-8, -24]
-    ]
-  },
-  right: {
-    0: [
-      [0, 0],
-      [0, -8],
-      [-4, -8]
-    ],
-    1: [
-      [0, 0],
-      [0, -16],
-      [-6, -16]
-    ],
-    2: [
-      [0, 0],
-      [0, -24],
-      [-8, -24]
-    ]
-  },
-  front: {
-    0: [
-      [0, 0],
-      [0, -8]
-    ],
-    1: [
-      [0, 0],
-      [0, -16]
-    ],
-    2: [
-      [0, 0],
-      [0, -24]
-    ]
-  }
-}, setBlankStyle = () => new Style({
-  image: new CircleStyle({
-    radius: 0
-  })
-}), isMapMoving = ref(!1), mapInstance$7 = ref(), renderShipStyleSetInstance = (e) => {
-  mapInstance$7.value = e, e.on("movestart", () => {
-    isMapMoving.value = !0;
-  }), e.on("moveend", () => {
-    isMapMoving.value = !1, e.render();
-  });
-}, speedCondition = [[1, 10], [10, 20], [20, 1 / 0]], drawShipModelByZoom = { 14: [200, 30], 15: [115, 15], 16: [55, 8], 17: [25, 5], 18: [1, 1] }, setShipStyle = (e, t = !1) => new Style({
-  renderer: (o, n) => {
-    var c, s;
-    o = o;
-    const i = n.context, r = n.feature.get("data");
-    if (!r) return;
-    const l = n.feature.get("index");
-    (l === 0 || l === void 0) && (shipLabels.value = []);
-    try {
-      const m = drawShipBody(i, r, o, t);
-      m && (drawHeading(i, r, m, t), r.selected = e, !isMapMoving.value && e && (drawSelectBounds(i, m), (s = (c = trackLineVectorSource.value) == null ? void 0 : c.getFeatures()) != null && s.some((u) => {
-        const f = u.get("data");
-        return (f == null ? void 0 : f.id) === r.id;
-      }) || setTimeout(() => {
-        drawSelectBounds(i, m);
-      }, 1))), drawShipLabel(i, r, o), e && setTimeout(() => {
-        drawShipLabel(i, r, o);
-      }, 1);
-    } catch {
-      return !1;
-    }
-  }
-}), drawShipBody = (e, t, o, n) => {
-  if (!mapInstance$7.value) return;
-  const i = Math.round(Number(mapInstance$7.value.getView().getZoom()));
-  if (!i) return;
-  let r = [];
-  const [l, c] = drawShipModelByZoom[i] || [0, 0], [s, m] = o;
-  if (i <= mapZoom.shipModelMax && i > mapZoom.shipModelMin && t.length >= l && t.breadth >= c)
-    r = rotateShapeModel(drawCurrentShipShapeModel(t, i), t.angle).map((u) => {
-      const [f, p] = u;
-      return [s + f, m + p];
-    });
-  else {
-    const d = rotateShapeModel(triangleModel, t.angle);
-    o.length === 2 && (r = d.map((u) => {
-      const [f, p] = u;
-      return [s + f, m + p];
-    }));
-  }
-  if (!(r.length > 2)) return !1;
-  if (t != null && t.length) {
-    const d = r.length === 3 ? 30 : t.length * 0.4;
-    e.beginPath(), e.arc(
-      o[0],
-      o[1],
-      d,
-      0,
-      2 * Math.PI
-    ), e.fillStyle = "rgba(255, 255, 255, 0.001)", e.fill();
-  }
-  e.save(), e.beginPath(), e.moveTo(r[0][0], r[0][1]);
-  for (let d = 1; d < r.length; d++)
-    e.lineTo(r[d][0], r[d][1]);
-  return e.closePath(), e.strokeStyle = n ? "#ff0000" : "#000", e.lineWidth = n ? 2 : 1, e.stroke(), e.fillStyle = t.fill, e.fill(), e.restore(), r;
-}, drawHeading = (e, t, o, n) => {
-  const [i, r] = o[0], l = getShipDirectPath(t);
-  if (l) {
-    const c = l.map(function(s) {
-      const [m, d] = s;
-      return [m + i, d + r];
-    });
-    if (e.save(), e.beginPath(), t.angle > 0) {
-      e.translate(i, r);
-      const s = t.angle * Math.PI / 180;
-      e.rotate(s), e.translate(-i, -r);
-    }
-    e.moveTo(i, r);
-    for (let s = 1; s < c.length; s++) {
-      const [m, d] = c[s];
-      e.lineTo(m, d);
-    }
-    e.strokeStyle = n ? "#ff0000" : "#000", e.lineWidth = n ? 2 : 1, e.stroke(), e.restore();
-  }
-}, drawSelectBounds = (e, t) => {
-  let [o, n, i, r] = getPixelFromCoordinate(t);
-  const l = window.devicePixelRatio || 1, c = 4;
-  o -= c, n -= c, i += c, r += c, e.save(), e.strokeStyle = "#ff0000", e.lineWidth = 4 * l;
-  const s = 8 * l;
-  e.beginPath(), e.moveTo(o + s, r), e.lineTo(o, r), e.lineTo(o, r - s), e.moveTo(o, n + s), e.lineTo(o, n), e.lineTo(o + s, n), e.moveTo(i - s, n), e.lineTo(i, n), e.lineTo(i, n + s), e.moveTo(i, r - s), e.lineTo(i, r), e.lineTo(i - s, r), e.stroke(), e.restore();
-}, drawShipLabel = (e, t, o) => {
-  if (!t.selected && shipLabels.value.find((u) => u.id === t.id)) return;
-  const [n, i] = o, r = n, l = i, c = t.name;
-  let s;
-  t.leftIconColor && (s = { color: t.leftIconColor, icon: "&#xe599;" });
-  const m = getShipCustomIcon(t), d = {
-    id: t.id,
-    center: [r, l],
-    text: c,
-    fill: t.fill,
-    color: "#fff",
-    textColor: "#000",
-    bgColor: "#fff",
-    leftIcon: s,
-    rightIcons: m,
-    selected: t.selected,
-    blinkColors: t.blinkColors,
-    type: "ShipName"
-  };
-  mapInstance$7.value && drawLabel(e, d, shipLabels.value, mapInstance$7.value);
-}, drawCurrentShipShapeModel = (e, t) => {
-  let o = 0;
-  t <= 14 ? o = 0.058 : t === 15 ? o = 0.12 : t === 16 ? o = 0.22 : t === 17 ? o = 0.435 : t === 18 && (o = 0.857);
-  const n = e.length / 4 * o, i = e.breadth * o;
-  let r = cloneDeep(shipShapeModel);
-  return r = r.map(([l, c]) => [l * i, c * n]), r;
-}, getShipDirectPath = (e) => {
-  const { speed: t, hdg: o, cog: n } = e;
-  let i = "", r = null;
-  if (t && t > 1 && (o !== null && o != 511 && n !== null ? n - o >= 3 ? i = "left" : n - o <= -3 ? i = "right" : i = "front" : i = "front", i && t))
-    for (let l = 0; l < speedCondition.length; l++) {
-      const c = speedCondition[l];
-      if (t >= c[0] && t < c[1]) {
-        r = shipDirectPath[i][l];
-        break;
-      }
-    }
-  return r;
-}, getShipCustomIcon = (e) => {
-  const t = [];
-  return e.existDevice && t.push("&#xe687;"), e.existMobile && t.push("&#xe688;"), e.existWaterGauge && t.push("&#xe686;"), t || [];
-}, mapInstance$6 = ref(), renderShipSetInstance = (e) => mapInstance$6.value = e;
-let shipsMarkerList = [], shipsVectorSource, largeAmountShipsSource;
-const selectedShipData = ref(null), selectedShips = ref([]);
-let selectShipsVectorSource, hoveredFeature = null, hoveredFeatures = [];
-const renderShips = (e) => {
-  var i, r, l, c;
-  if (!mapInstance$6.value || showTrackLayer.value) return;
-  const t = e.reduce((s, m) => (s.some((d) => d.id === m.id) || s.push(m), s), []), o = Math.round(Number(mapInstance$6.value.getView().getZoom()));
-  if (selectedShipData.value && nextTick(() => {
-    selectSingleShipMarker(selectedShipData.value);
-  }).then((s) => {
-  }), !o || o < mapZoom.shipGreenDotMax) return;
-  const n = [...t, ...selectedShips.value].reduce((s, m) => (s.some((d) => d.id === m.id) || s.push(m), s), []);
-  if (allShips.value.forEach((s) => {
-    var m;
-    !n.some((d) => d.id === s.id) && ((m = s.blinkColors) != null && m.length) && checkBlinkLabelExist(mapInstance$6.value, shipLabels.value, s.id);
-  }), allShips.value = n, !hiddenOrther.value)
-    return o >= mapZoom.shipGreenDotMax && o < mapZoom.shipModelMin ? ((i = shipsLayer.value) == null || i.setVisible(!1), (r = largeAmountShipsLayer.value) == null || r.setVisible(!0), renderLargeAmountShips(allShips.value)) : ((l = largeAmountShipsLayer.value) == null || l.setVisible(!1), (c = shipsLayer.value) == null || c.setVisible(!0), renderShipsMarker(allShips.value));
-}, renderLargeAmountShips = (e) => {
-  if (!mapInstance$6.value) return;
-  const t = e.map((o) => ({
-    type: "Feature",
-    geometry: {
-      type: "Point",
-      coordinates: [o.lon, o.lat]
-    },
-    properties: o
-  }));
-  return largeAmountShipsSource == null || largeAmountShipsSource.clear(), largeAmountShipsSource = new VectorSource({
-    features: new GeoJSON().readFeatures({
-      type: "FeatureCollection",
-      features: t
-    }, {
-      featureProjection: projection.mercator
-    })
-  }), largeAmountShipsLayer.value = new WebGLPointsLayer({
-    source: largeAmountShipsSource,
-    style: {
-      "shape-points": 3,
-      "shape-radius": 9,
-      "shape-fill-color": [
-        "case",
-        ["==", ["get", "fill"], "#D9001C"],
-        "#D9001C",
-        // 如果 fill 是 #D9001C，返回红色
-        ["==", ["get", "fill"], "#04C900"],
-        "#04C900",
-        // 如果 fill 是 #04C900，返回绿色
-        "#04C900"
-        // 默认颜色（绿色）
-      ],
-      "shape-rotate-with-view": !1,
-      "shape-rotation": [
-        "+",
-        ["get", "cog"],
-        // 获取 'cog' 属性值
-        180
-        // 将值旋转 180 度
-      ],
-      "shape-scale": [0.8, 1.2],
-      // 边框颜色为条件判断，悬浮时显示红色，否则黑色
-      "shape-stroke-color": [
-        "case",
-        ["==", ["get", "hover"], 0],
-        "#000000",
-        ["==", ["get", "hover"], 1],
-        "#FF0000",
-        "#000000"
-        // 默认颜色（黑色）
-      ],
-      "shape-stroke-width": 0.5
-    }
-  }), mapInstance$6.value.addLayer(largeAmountShipsLayer.value), largeAmountShipsLayer.value;
-}, renderShipsMarker = (e) => {
-  var o;
-  if (!mapInstance$6.value) return;
-  deleteAllShipMarkers();
-  let t = convertShipMapData(e);
-  if (t = customFilterShips(t), !!(t != null && t.length))
-    return t.forEach((n, i) => {
-      const r = [n.lon, n.lat], l = new Feature({
-        geometry: new Point(fromLonLat(r))
-      }), c = 1;
-      l.set("clickGeometry", new Circle(fromLonLat(r), c)), l.set("data", n), l.set("index", i), l.setStyle(
-        setShipStyle(!1)
-      ), shipsMarkerList.push({
-        ship: n,
-        lonlat: r,
-        feature: l
-      });
-    }), shipsVectorSource = new VectorSource({
-      features: shipsMarkerList.map((n) => n.feature)
-    }), shipsLayer.value = new VectorLayer({
-      source: shipsVectorSource,
-      zIndex: 100
-    }), (o = mapInstance$6.value) == null || o.addLayer(shipsLayer.value), shipsLayer.value;
-}, onShipsMarkerHover = () => {
-  var o;
-  let e = 0;
-  const t = 300;
-  (o = mapInstance$6.value) == null || o.on("pointermove", function(n) {
-    var c, s, m;
-    if (showDrawLayer.value) return;
-    const i = Date.now();
-    if (i - e < t)
-      return;
-    e = i;
-    const r = (c = mapInstance$6.value) == null ? void 0 : c.forEachFeatureAtPixel(n.pixel, (d) => d), l = (s = mapInstance$6.value) == null ? void 0 : s.getTargetElement();
-    if (l && (l.style.cursor = r ? "pointer" : ""), hoveredFeature !== r) {
-      if (hoveredFeature) {
-        hoveredFeature.set("hover", 0);
-        const d = hoveredFeature.get("data");
-        d != null && d.mmsi && hoveredFeature.setStyle(
-          setShipStyle(!1, !1)
-        ), hoveredFeature = null;
-      }
-      if (r) {
-        hoveredFeature = r, r.set("hover", 1);
-        const d = r.get("data");
-        if (!(d != null && d.mmsi)) return;
-        hoveredFeatures.push(r), r.setStyle(
-          setShipStyle(((m = selectedShipData.value) == null ? void 0 : m.id) === d.id, !0)
-        );
-      } else
-        hoveredFeatures.forEach((d) => {
-          var f;
-          d.set("hover", 0);
-          const u = d.get("data");
-          u != null && u.mmsi && d.setStyle(
-            setShipStyle(((f = selectedShipData.value) == null ? void 0 : f.id) === u.id, !1)
-          );
-        }), hoveredFeatures = [];
-    }
-  });
-}, customFilterShips = (e) => {
-  let t = cloneDeep(e);
-  return t = t.filter((o) => {
-    var i;
-    const n = getFilterItem(o).every(({ btnShow: r, value: l }) => r ? !!l : !0);
-    return (switchBtnShow.value.camera || switchBtnShow.value.mobile || switchBtnShow.value.waterGauge) && ((i = selectedShipData.value) == null ? void 0 : i.id) === o.id && clearSelectFeature(), n;
-  }), t;
-}, getFilterItem = (e) => [
-  { btnShow: switchBtnShow.value.camera, value: e == null ? void 0 : e.existDevice },
-  { btnShow: switchBtnShow.value.mobile, value: e == null ? void 0 : e.existMobile },
-  { btnShow: switchBtnShow.value.waterGauge, value: e == null ? void 0 : e.existWaterGauge }
-], deleteAllShipMarkers = () => {
-  shipsMarkerList.forEach((e) => {
-    e.feature && (shipsVectorSource == null || shipsVectorSource.removeFeature(e.feature));
-  }), clearAllInterval(), shipsMarkerList = [];
-}, selectSingleShipMarker = (e) => {
-  var r;
-  if (!mapInstance$6.value) return;
-  const t = cloneDeep(selectSingleShipData.value);
-  selectSingleShipData.value = convertShipMapData(e);
-  const o = [selectSingleShipData.value.lon, selectSingleShipData.value.lat], n = new Feature({
-    geometry: new Point(fromLonLat(o))
-  });
-  if (n.set("data", selectSingleShipData.value), shipsLayer.value) {
-    const l = shipsLayer.value.getSource();
-    l && l.forEachFeature((c) => {
-      var s, m;
-      ((s = c.get("data")) == null ? void 0 : s.id) === ((m = selectSingleShipData.value) == null ? void 0 : m.id) && c.set("data", selectSingleShipData.value);
-    });
-  }
-  n.setStyle(
-    setShipStyle(!0)
-  ), shipsMarkerList.push({
-    ship: selectSingleShipData.value,
-    lonlat: o,
-    feature: n
-  }), selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsVectorSource = new VectorSource({
-    features: [n]
-  }), selectShipsLayer.value = new VectorLayer({
-    source: selectShipsVectorSource,
-    updateWhileInteracting: !0
-  }), shipsVectorSource && setVisibleFeatureById(shipsVectorSource, selectSingleShipData.value.id, !0);
-  const i = (r = shipsLayer.value) == null ? void 0 : r.getSource();
-  return i && (t && setVisibleFeatureById(i, t.id, !0), setVisibleFeatureById(i, selectSingleShipData.value.id, !1)), mapInstance$6.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!0), hideAllHoveredShips(), selectShipsLayer.value;
-}, hideAllHoveredShips = () => {
-  hoveredFeatures == null || hoveredFeatures.forEach((e) => {
-    var o;
-    const t = e == null ? void 0 : e.get("data");
-    t && e && e.setStyle(
-      setShipStyle(((o = selectedShipData.value) == null ? void 0 : o.id) === t.id, !1)
-    );
-  });
-}, setVisibleFeatureById = (e, t, o) => {
-  e && e.forEachFeature((n) => {
-    const i = n.get("data");
-    i && i.id === t && n.setStyle(o ? setShipStyle(!1, !1) : setBlankStyle());
-  });
-}, findShip = (e, t, o = !0) => {
-  var i, r, l, c, s;
-  if (!e || !mapInstance$6.value) return;
-  const n = (l = (r = (i = shipsLayer.value) == null ? void 0 : i.getSource()) == null ? void 0 : r.getFeatures()) == null ? void 0 : l.find((m) => {
-    var d;
-    return ((d = m.get("data")) == null ? void 0 : d.id) === e;
-  });
-  if (n)
-    selectedShipData.value = n.get("data");
-  else if (t && t.lon && t.lat)
-    selectedShipData.value = t;
-  else {
-    console.error("找不到船舶");
-    return;
-  }
-  if (selectedShips.value.some((m) => {
-    var d;
-    return m.id === ((d = selectedShipData.value) == null ? void 0 : d.id);
-  }) || selectedShips.value.push(selectedShipData.value), o && ((c = selectedShipData.value) != null && c.lon) && ((s = selectedShipData.value) != null && s.lat)) {
-    const m = mapInstance$6.value.getView(), d = new Point([selectedShipData.value.lon, selectedShipData.value.lat]);
-    m.setCenter(transform(d.getCoordinates(), projection.data, projection.mercator));
-    const u = m.getZoom(), f = u < mapZoom.findShipMin ? mapZoom.findShip : u;
-    m.setZoom(f);
-  }
-  return setTimeout(() => {
-    t && selectSingleShipMarker(t);
-  }, 50), n;
-}, clearSelectFeature = () => {
-  var e;
-  if (selectedShipData.value && shipsVectorSource && selectSingleShipData.value) {
-    setVisibleFeatureById(shipsVectorSource, selectSingleShipData.value.id, !1);
-    const t = (e = shipsLayer.value) == null ? void 0 : e.getSource();
-    t && setVisibleFeatureById(t, selectSingleShipData.value.id, !0);
-  }
-  selectedShipData.value = null, selectedShips.value = [], mapInstance$6.value && (selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsLayer.value = new VectorLayer({
-    source: selectShipsVectorSource
-  }), mapInstance$6.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!1));
-}, hiddenAllShips = () => {
-  var e, t;
-  (e = shipsLayer.value) == null || e.setVisible(!1), (t = largeAmountShipsLayer.value) == null || t.setVisible(!1), clearAllInterval();
-}, switchBtnShow = ref({
-  // 船舶摄像头过滤开关
-  [SWITCH_BTN.Camera]: !1,
-  // 船舶联系方式过滤开关
-  [SWITCH_BTN.Mobile]: !1,
-  // 船舶水尺过滤开关
-  [SWITCH_BTN.WaterGauge]: !1
-}), switchFilterItem = (e, t) => {
-  switchBtnShow.value[e] = t, renderShips(allShips.value);
-}, rerenderShip = () => {
-  renderShips(allShips.value);
-}, clearShipData = (e = !0) => {
-  shipsVectorSource == null || shipsVectorSource.clear(), shipsMarkerList = [], selectedShips.value = [], shipLabels.value = [], e && (selectShipsVectorSource == null || selectShipsVectorSource.clear());
-}, labelAlpha = 0.8, pixelRatio = window.devicePixelRatio || 1, labelFont = `500 ${12 * pixelRatio}px Arial`, labelOutSize = 2 * pixelRatio, labelHeight = 10 * pixelRatio, fillRectRadius = (e, t, o, n, i, r, l = 4) => {
-  e.beginPath(), e.moveTo(t + l, o), e.arcTo(t + n, o, t + n, o + l, l), e.arcTo(t + n, o + i, t + n - l, o + i, l), e.arcTo(t, o + i, t, o + i - l, l), e.arcTo(t, o, t + l, o, l), e.closePath(), e.fillStyle = r, e.fill();
-}, getPixelFromCoordinate = (e) => {
-  if (!e || e.length === 0)
-    throw new Error("Points array is empty or invalid.");
-  let t = 1 / 0, o = 1 / 0, n = -1 / 0, i = -1 / 0;
-  for (const [r, l] of e)
-    r < t && (t = r), l < o && (o = l), r > n && (n = r), l > i && (i = l);
-  return [t, o, n, i];
-}, calculatePolygonCentroid = (e) => {
-  if (!Array.isArray(e) || e.length < 3)
-    throw new Error("A polygon must have at least 3 coordinates.");
-  let t = 0, o = 0, n = 0;
-  const i = e.length;
-  for (let c = 0; c < i - 1; c++) {
-    const [s, m] = e[c], [d, u] = e[c + 1], f = s * u - d * m;
-    n += f, t += (s + d) * f, o += (m + u) * f;
-  }
-  if (n *= 0.5, n === 0)
-    throw new Error("多边形面积为零");
-  const r = t / (6 * n), l = o / (6 * n);
-  return [r, l];
-}, rotateShapeModel = (e, t) => {
-  const [o, n] = calculatePolygonCentroid(e), i = t * Math.PI / 180, r = Math.cos(i), l = Math.sin(i);
-  return e.map(([c, s]) => {
-    const m = c - o, d = s - n, u = m * r - d * l + o, f = m * l + d * r + n;
-    return [u, f];
-  });
-}, getTopLeftPoint = (e) => [e[0], e[3]], getBottomLeftPoint = (e) => [e[2], e[3]], getBottomRightPoint = (e) => [e[2], e[1]], getTopRighttPoint = (e) => [e[0], e[1]];
-function calculateBounds(e, t, o, n, i) {
-  let r, l, c, s;
-  const m = e[0], d = e[1];
-  switch (t) {
-    case 0:
-      r = m + i, l = r + o, s = d - i, c = s - n;
-      break;
-    case 1:
-      r = m + i, l = r + o, s = d + n / 2, c = s - n;
-      break;
-    case 2:
-      r = m + i, l = r + o, s = d + i + n, c = s - n;
-      break;
-    case 3:
-      r = m - o / 2, l = r + o, s = d + i + n, c = s - n;
-      break;
-    case 4:
-      l = m, r = l - o, s = d + i + n, c = s - n;
-      break;
-    case 5:
-      l = m - i, r = l - o, s = d + n / 2, c = s - n;
-      break;
-    case 6:
-      l = m, r = l - o, s = d - i, c = s - n;
-      break;
-    case 7:
-      r = m - o / 2, l = r + o, s = d - i, c = s - n;
-  }
-  if (!(!r || !c || !l || !s))
-    return [Math.min(r, l), Math.min(c, s), Math.max(r, l), Math.max(c, s) + 1];
-}
-function calculateAnchorPoint(e, t, o = 70, n = 20, i = 20) {
-  const r = [0, 0];
-  switch (t) {
-    case 0:
-      r[0] = e[0] + i, r[1] = e[1] - i - n / 2;
-      break;
-    case 1:
-      r[0] = e[0] + i, r[1] = e[1];
-      break;
-    case 2:
-      r[0] = e[0] + i, r[1] = e[1] + i + n / 2;
-      break;
-    case 3:
-      r[0] = e[0], r[1] = e[1] + i + n / 4;
-      break;
-    case 4:
-      r[0] = Math.max(e[0] - i, e[0] - o / 2), r[1] = e[1] + i + n / 4;
-      break;
-    case 5:
-      r[0] = e[0] - i, r[1] = e[1];
-      break;
-    case 6:
-      r[0] = Math.max(e[0] - i, e[0] - o / 2), r[1] = e[1] - i - n / 4;
-      break;
-    case 7:
-      r[0] = e[0], r[1] = e[1] - i - n / 4;
-  }
-  return r;
-}
-function drawLabelBody(e, t, o) {
-  if (!e) return;
-  const {
-    font: n,
-    labelOutSize: i = 2,
-    labelHeight: r,
-    center: l,
-    text: c,
-    id: s,
-    leftIcon: m,
-    shipColor: d,
-    lineLength: u = 20,
-    selected: f,
-    blinkColors: p
-  } = o;
-  e.save(), n && (e.font = n);
-  let h = e.measureText(c).width + 4 * i;
-  (m || d) && (h += r + 6 * i), e.restore();
-  let v, g = 20, k = -1, M = r + 3 * i;
-  if (u)
-    for (let I = 0; I < 8; I++) {
-      v = calculateBounds(l, I, h, M, u);
-      let E = !1;
-      for (let V = 0; V < t.length; ++V) {
-        let F = t[V].bounds, $ = [
-          F[0] - g,
-          F[1] - g,
-          F[2] + g,
-          F[3] + g
-        ];
-        if (v && isOverlapping(v, $)) {
-          E = !0;
-          break;
-        }
-      }
-      if (!E) {
-        k = I;
-        break;
-      }
-    }
-  else
-    k = 0, v = calculateBounds(l, k, h, M, u);
-  if (((p == null ? void 0 : p.length) > 1 || f) && (k = 0, v = calculateBounds(l, k, h, M, u)), v && k > -1) {
-    let I = getBottomLeftPoint(v), E = getTopRighttPoint(v);
-    return {
-      center: l,
-      x: calculateAnchorPoint(l, k, h, M, u),
-      l: E,
-      r: I,
-      bounds: v,
-      position: k,
-      name: c,
-      id: s
-    };
-  } else
-    return null;
-}
-const drawText = (e, t) => {
-  if (!e) return;
-  const { center: o, text: n, textColor: i, leftIcon: r, rightIcons: l, font: c } = t;
-  e.save(), e.setTransform(1, 0, 0, 1, 0, 0);
-  let [s, m] = o;
-  if (r) {
-    e.font = `${18 * pixelRatio}px map-iconfont`;
-    let d = getIconFont(r.icon);
-    e.fillStyle = r.color, e.fillText(d, s + labelOutSize - 3 * pixelRatio, m + 2.6 * pixelRatio), s += 23 * pixelRatio;
-  }
-  if (l != null && l.length) {
-    e.font = `${12 * pixelRatio}px map-iconfont`, e.fillStyle = "#3370ff";
-    const d = e.measureText(n).width + 6 * pixelRatio;
-    l.forEach((u, f) => {
-      const p = getIconFont(u), h = 20 * pixelRatio * f;
-      e.fillText(p, s + d + h, m);
-    });
-  }
-  e.font = c || labelFont, e.fillStyle = i, e.fillText(n, s + 2, m), e.restore();
-}, drawPolygon = (e, t) => {
-  let {
-    points: o,
-    strokeColor: n,
-    fillColor: i,
-    shouldClosePath: r,
-    translation: l,
-    rotation: c,
-    rotationCenter: s,
-    scale: m,
-    globalAlpha: d
-  } = t;
-  if (d || (d = 1), o && e) {
-    e.save(), e.beginPath(), c && c !== 0 && s == null && e.rotate(c), l && e.translate(l[0], l[1]), c && (s != null && s.length) && e.rotate(c), m && e.scale(m, m), e.moveTo(o[0][0], o[0][1]);
-    for (let u = 1; u < o.length; u++)
-      e.lineTo(o[u][0], o[u][1]);
-    r && e.closePath(), n && (e.strokeStyle = n, e.stroke()), i && r && (d && (e.globalAlpha = d), e.fillStyle = i, e.fill()), e.restore();
-  }
-}, intervalIds = {}, drawLabel = (e, t, o, n) => {
-  var h, v, g, k, M, I, E, V;
-  let { center: i, id: r, text: l, color: c, textColor: s, bgColor: m, leftIcon: d, rightIcons: u, type: f, blinkColors: p } = t;
-  if (i && l) {
-    const F = {
-      font: labelFont,
-      labelOutSize,
-      labelHeight,
-      center: i,
-      text: l,
-      id: r,
-      leftIcon: d,
-      blinkColors: p,
-      selected: t.selected
-    };
-    (h = t.blinkColors) != null && h.length && t.fill && (m = t.fill, s = getForegroundColor(t.fill));
-    const $ = drawLabelBody(e, o, F);
-    if ($) {
-      const { x: y, bounds: L, l: w } = $, S = [getTopLeftPoint(L), getBottomLeftPoint(L), getBottomRightPoint(L), getTopRighttPoint(L)];
-      o.find((R) => R.name === l) || o.push($), drawPolygon(e, {
-        points: [i, w],
-        strokeColor: c,
-        fillColor: "#000",
-        shouldClosePath: !0,
-        translation: void 0,
-        rotation: void 0,
-        rotationCenter: void 0,
-        scale: void 0,
-        globalAlpha: labelAlpha
-      }), u != null && u.length && u.forEach(() => {
-        S[1][0] += pixelRatio * 18, S[2][0] += pixelRatio * 18;
-      });
-      const b = {
-        points: S,
-        strokeColor: c,
-        fillColor: m,
-        shouldClosePath: !0
-      }, [P, x] = w, N = {
-        center: [P, x + labelOutSize + labelHeight + 1],
-        text: l,
-        textColor: s,
-        leftIcon: d,
-        rightIcons: u,
-        blinkColors: t.blinkColors
-      };
-      if (drawPolygon(e, b), drawText(e, N), t != null && t.blinkColors && t.blinkColors.length > 0) {
-        let R = Date.now(), B = 0;
-        const D = t.blinkColors;
-        !!!((k = (g = (v = selectShipsLayer.value) == null ? void 0 : v.getSource()) == null ? void 0 : g.getFeatures()) != null && k.find((A) => {
-          var O;
-          return ((O = A.get("data")) == null ? void 0 : O.id) === t.id;
-        }) || (E = (I = (M = shipsLayer.value) == null ? void 0 : M.getSource()) == null ? void 0 : I.getFeatures()) != null && E.find((A) => {
-          var O;
-          return ((O = A.get("data")) == null ? void 0 : O.id) === t.id;
-        })) || hiddenOrther.value && ((V = selectSingleShipData.value) == null ? void 0 : V.id) !== t.id ? deleteLabelFromArray(o, t.id) : (intervalIds[t.id] && clearInterval(intervalIds[t.id]), intervalIds[t.id] = window.setInterval(() => {
-          const A = Date.now();
-          A - R >= 500 && (B = (B + 1) % D.length, R = A, b.fillColor = D[B], drawPolygon(e, b), N.textColor = getForegroundColor(b.fillColor), drawText(e, N)), checkBlinkLabelExist(n, o, t.id);
-        }, 500));
-      } else
-        shipLabels.value.find((B) => B.name === l) && (clearInterval(intervalIds[t.id]), drawPolygon(e, b), drawText(e, N));
-    }
-  }
-  return null;
-}, checkBlinkLabelExist = (e, t, o) => {
-  var l, c, s, m, d, u, f;
-  const n = shipsMarkerList == null ? void 0 : shipsMarkerList.some((p) => {
-    var h, v, g;
-    return ((h = p.ship) == null ? void 0 : h.id) === o && ((g = (v = p.ship) == null ? void 0 : v.blinkColors) == null ? void 0 : g.length) > 0;
-  }), i = [
-    ...((c = (l = shipsLayer.value) == null ? void 0 : l.getSource()) == null ? void 0 : c.getFeatures()) || [],
-    ...((m = (s = selectShipsLayer.value) == null ? void 0 : s.getSource()) == null ? void 0 : m.getFeatures()) || []
-  ].some((p) => {
-    const h = p.get("data");
-    if ((h == null ? void 0 : h.id) === o) {
-      const v = e == null ? void 0 : e.getView().calculateExtent();
-      if (!v) return !1;
-      const g = fromLonLat([h.lon, h.lat]);
-      return g[0] >= v[0] && g[0] <= v[2] && g[1] >= v[1] && g[1] <= v[3];
-    }
-    return !1;
-  }), r = (u = (d = trackLineVectorSource.value) == null ? void 0 : d.getFeatures()) == null ? void 0 : u.some((p) => {
-    const h = p.get("data");
-    return (h == null ? void 0 : h.id) === o;
-  });
-  (((f = shipsLayer.value) == null ? void 0 : f.getVisible()) === !1 && t.some((p) => {
-    var h;
-    return p.id !== ((h = selectSingleShipData.value) == null ? void 0 : h.id) && p.id === o;
-  }) || (!r || !i) && (!i || !n)) && deleteLabelFromArray(e, t, o);
-}, clearAllInterval = () => {
-  Object.keys(intervalIds).forEach((e) => {
-    clearInterval(e);
-  });
-}, deleteLabelFromArray = (e, t, o) => {
-  var i, r, l, c, s, m, d, u;
-  clearInterval(intervalIds[o]);
-  const n = t.findIndex((f) => f.id === o);
-  if (n !== -1) {
-    t.splice(n, 1);
-    const f = (r = (i = shipsLayer.value) == null ? void 0 : i.getSource()) == null ? void 0 : r.getFeatures().find((h) => {
-      var v;
-      return ((v = h.get("data")) == null ? void 0 : v.id) === o;
-    });
-    f && ((c = (l = shipsLayer.value) == null ? void 0 : l.getSource()) == null || c.removeFeature(f));
-    const p = (m = (s = selectShipsLayer.value) == null ? void 0 : s.getSource()) == null ? void 0 : m.getFeatures().find((h) => {
-      var v;
-      return ((v = h.get("data")) == null ? void 0 : v.id) === o;
-    });
-    p && ((u = (d = selectShipsLayer.value) == null ? void 0 : d.getSource()) == null || u.removeFeature(p)), e && e.render();
-  }
-}, deleteLabelFromArrayById = () => {
-  mapInstance$9.value && selectSingleShipData.value && deleteLabelFromArray(mapInstance$9.value, shipLabels.value, selectSingleShipData.value.id);
-}, PI = Math.PI, a = 6378245, ee = 0.006693421622965943;
-function transformLat(e, t) {
-  let o = -100 + 2 * e + 3 * t + 0.2 * t * t + 0.1 * e * t + 0.2 * Math.sqrt(Math.abs(e));
-  return o += (20 * Math.sin(6 * e * PI) + 20 * Math.sin(2 * e * PI)) * 2 / 3, o += (20 * Math.sin(t * PI) + 40 * Math.sin(t / 3 * PI)) * 2 / 3, o += (160 * Math.sin(t / 12 * PI) + 320 * Math.sin(t * PI / 30)) * 2 / 3, o;
-}
-function transformLng(e, t) {
-  let o = 300 + e + 2 * t + 0.1 * e * e + 0.1 * e * t + 0.1 * Math.sqrt(Math.abs(e));
-  return o += (20 * Math.sin(6 * e * PI) + 20 * Math.sin(2 * e * PI)) * 2 / 3, o += (20 * Math.sin(e * PI) + 40 * Math.sin(e / 3 * PI)) * 2 / 3, o += (150 * Math.sin(e / 12 * PI) + 300 * Math.sin(e / 30 * PI)) * 2 / 3, o;
-}
-function outOfChina(e, t) {
-  return !(e > 73.66 && e < 135.05 && t > 3.86 && t < 53.55);
-}
-function gcj02ToWgs84(e) {
-  const [t, o] = e.split(",").map(Number);
-  if (outOfChina(t, o))
-    return `${t.toFixed(6)}, ${o.toFixed(6)}`;
-  {
-    let n = transformLat(t - 105, o - 35), i = transformLng(t - 105, o - 35);
-    const r = o / 180 * PI;
-    let l = Math.sin(r);
-    l = 1 - ee * l * l;
-    const c = Math.sqrt(l);
-    n = n * 180 / (a * (1 - ee) / (l * c) * PI), i = i * 180 / (a / c * Math.cos(r) * PI);
-    const s = o + n, m = t + i;
-    return `${(t * 2 - m).toFixed(6)}, ${(o * 2 - s).toFixed(6)}`;
-  }
-}
-function calculateCirclePoints(e, t) {
-  const o = fromLonLat(e), n = t * 1e3, i = [
-    o[0] - n,
-    o[1] - n,
-    o[0] + n,
-    o[1] + n
-  ], r = transformExtent(i, projection.mercator, projection.data);
-  return {
-    leftTopPoint: { lng: r[0], lat: r[3] },
-    rightTopPoint: { lng: r[2], lat: r[3] },
-    rightBottomPoint: { lng: r[2], lat: r[1] },
-    leftBottomPoint: { lng: r[0], lat: r[1] }
-  };
-}
-const equatorialCircumference = 2003750834e-2;
-function lonLatToMercator(e) {
-  const t = e[0] * equatorialCircumference / 180;
-  let o = Math.log(Math.tan((90 + e[1]) * Math.PI / 360)) / (Math.PI / 180);
-  return o = o * equatorialCircumference / 180, [t, o];
-}
-function mercatorToLonLat(e, t = "lonlat") {
-  const o = { lon: 0, lat: 0 }, n = e[0] / equatorialCircumference * 180;
-  let i = e[1] / equatorialCircumference * 180;
-  return i = 180 / Math.PI * (2 * Math.atan(Math.exp(i * Math.PI / 180)) - Math.PI / 2), o.lon = n, o.lat = i, t === "lonlat" ? o : [n, i];
-}
-function calculateBoundingBox(e) {
-  let t = 1 / 0, o = -1 / 0, n = 1 / 0, i = -1 / 0;
-  e.forEach((v) => {
-    const [g, k] = v;
-    t = Math.min(t, k), o = Math.max(o, k), n = Math.min(n, g), i = Math.max(i, g);
-  });
-  const r = i - n, l = o - t, c = Math.max(r, l), s = (n + i) / 2, m = (t + o) / 2, d = c / 2, u = s - d, f = s + d, p = m - d, h = m + d;
-  return [f, p, u, h];
-}
-const transformUtils = {
-  gcj02ToWgs84,
-  calculateCirclePoints,
-  lonLatToMercator,
-  mercatorToLonLat,
-  calculateBoundingBox,
-  transform
-}, mapInstance$5 = ref(), renderTrackStyleSetInstance = (e) => mapInstance$5.value = e, stopIcon = "&#xe6e2;", stopColor = "#E31818", slowIcon = "&#xe703;", slowColor = "#1890FF", dropletsIcon = "&#xe6d2", trackList$1 = ref([]), renderTrackLine = (e, t, o, n) => {
-  var s, m, d;
-  const i = e[t];
-  if (!i) return;
-  allTracks.value[t] = i, trackList$1.value = [];
-  const r = Math.max(1, Math.floor(i.length / n)), l = i.filter((u, f) => f % r === 0);
-  trackList$1.value = l.map((u, f) => {
-    if (Number(u.lon) > 180 || Number(u.lat) > 180) {
-      const [p, h] = formatUtils.convertSixHundredThousandToLatLng(u.lon, u.lat);
-      u.lon = p, u.lat = h;
-    }
-    return u.center = [u.lon, u.lat], u.centerPoint = transformUtils.lonLatToMercator(u.center), u.id = t, u.index = f, u.time = hooks(u.createdAt).format("YYYY-MM-DD HH:mm:ss"), u;
-  });
-  const c = trackList$1.value.map((u) => u.centerPoint);
-  if (c.length >= 2) {
-    const u = new LineString(c), f = new Feature({ geometry: u });
-    f.setStyle(
-      new Style({
-        stroke: new Stroke({
-          color: o,
-          width: 2
-        })
-      })
-    ), f.setId(t), f.set("type", "line"), (m = (s = shipTrackVectorLayer.value) == null ? void 0 : s.getSource()) == null || m.clear(), shipTrackLineFeatures.value = [];
-    const p = shipTrackLineFeatures.value.findIndex((h) => h.getId() === t);
-    p >= 0 ? shipTrackLineFeatures.value[p] = f : shipTrackLineFeatures.value.push(f), createAnimatedIconFeature(o, c), trackLineVectorSource.value = new VectorSource({
-      features: [...shipTrackLineFeatures.value]
-    }), shipTrackVectorLayer.value = new VectorLayer({
-      source: trackLineVectorSource.value,
-      zIndex: 102,
-      updateWhileInteracting: !0
-    }), renderPoint(o), (d = mapInstance$5.value) == null || d.addLayer(shipTrackVectorLayer.value);
-  }
-}, handlePlay = (e, t) => {
-  const o = allTracks.value[String(e)];
-  playAnimation(o.map((n) => [n.lon, n.lat]), t);
-}, removeShipTrackLineFeatureByIndex = (e, t) => {
-  e >= 0 && e < shipTrackLineFeatures.value.length && (shipTrackLineFeatures.value.splice(e, 1), delete allTracks.value[t]), trackLineVectorSource.value = new VectorSource({
-    features: [...shipTrackLineFeatures.value]
-  }), shipTrackVectorLayer.value && shipTrackVectorLayer.value.setSource(trackLineVectorSource.value);
-}, createAnimatedIconFeature = (e, t) => {
-  const o = new Feature({
-    geometry: new Point(fromLonLat([t[0][0], t[0][1]]))
-    // 初始位置
-  }), n = new Style({
-    text: new Text({
-      font: "700 14px map-iconfont",
-      text: getIconFont("&#xe6bc;"),
-      fill: new Fill({ color: e })
-    })
-  });
-  return o.setStyle(n), o;
-}, geoMarkerStyle = new Style({
-  text: new Text({
-    font: "700 20px map-iconfont",
-    text: getIconFont("&#xe657;"),
-    fill: new Fill({ color: "#ff0000" }),
-    rotation: 0
-    // 初始旋转角度
-  })
-});
-let polyline, linePath, startMarker, position, geoMarker, vectorLayer;
-const trackAnimating = ref(!1);
-let distance = 0, lastTime = Date.now(), moveFeatureHandler = null;
-const moveFeature = (e, t) => {
-  var u, f, p;
-  const o = Number(50 * t), n = ((u = e.frameState) == null ? void 0 : u.time) ?? Date.now(), i = n - lastTime;
-  if (distance = (distance + o * i / 1e6) % 2, lastTime = n, distance >= 1) {
-    stopAnimation();
-    return;
-  }
-  const r = linePath.getCoordinateAt(
-    distance > 1 ? 2 - distance : distance
-  ), l = linePath.getCoordinateAt(
-    distance > 1 ? distance - 0.01 : distance
-  ), c = linePath.getCoordinateAt(
-    distance > 1 ? 2 - distance : distance + 0.01
-  ), m = getRotation(
-    transformUtils.mercatorToLonLat(l, "array"),
-    transformUtils.mercatorToLonLat(c, "array")
-  ) * Math.PI / 180;
-  (f = geoMarkerStyle.getText()) == null || f.setRotation(m), position.setCoordinates(r);
-  const d = getVectorContext(e);
-  d.context_.save(), d.setStyle(geoMarkerStyle), d.drawGeometry(position), d.context_.restore(), (p = mapInstance$5.value) == null || p.render();
-}, startAnimation = () => {
-  var e;
-  trackAnimating.value = !0, showTrackAnimatMarker.value = !0, lastTime = Date.now(), distance = 0, position = ((e = startMarker.getGeometry()) == null ? void 0 : e.clone()) || new Point([0, 0]), moveFeatureHandler && (vectorLayer == null || vectorLayer.on("postrender", moveFeatureHandler)), geoMarker == null || geoMarker.setGeometry(void 0);
-}, stopAnimation = () => {
-  var e;
-  trackAnimating.value && (trackAnimating.value = !1, geoMarker == null || geoMarker.setGeometry(void 0), moveFeatureHandler && vectorLayer && vectorLayer.un("postrender", moveFeatureHandler), vectorLayer && ((e = mapInstance$5.value) == null || e.removeLayer(vectorLayer)), vectorLayer = null, geoMarker = null);
-}, playAnimation = (e, t) => {
-  var n;
-  trackAnimating.value && 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 o = startMarker.getGeometry();
-  position = o ? o.clone() : new Point([0, 0]), geoMarker = new Feature({
-    type: "geoMarker",
-    style: geoMarkerStyle,
-    geometry: position
-  }), vectorLayer = new VectorLayer({
-    source: new VectorSource({
-      features: [geoMarker]
-    })
-  }), (n = mapInstance$5.value) == null || n.addLayer(vectorLayer), moveFeatureHandler = (i) => moveFeature(i, t), startAnimation();
-}, renderPoint = (e) => {
-  if (!mapInstance$5.value) return;
-  const t = trackList$1.value || [];
-  if (!(t && t.length > 1)) return [];
-  const o = { 16: 24, 17: 15, default: 4 }, n = [], i = t.length;
-  for (let c = 0; c < i; c++) {
-    t[c].index = c;
-    const s = mapInstance$5.value.getPixelFromCoordinate(t[c].centerPoint);
-    if (s) {
-      let m = s.concat(s);
-      m = adjustBounds(m, [20, 20]);
-      const d = mapInstance$5.value.getView().getZoom();
-      if (!d) return;
-      if (d > 15) {
-        const f = o[d] || o.default;
-        m = adjustBounds(m, [f, f]);
-      }
-      let u = !0;
-      if (t[c].state !== "0") {
-        for (let f = 0; f < n.length; f++)
-          if (isOverlapping(m, n[f].bounds)) {
-            u = !1;
-            break;
-          }
-      }
-      u && (t[c].bounds = m, n.push(t[c]));
-    }
-  }
-  const r = getIconStyle(stopIcon), l = getIconStyle(slowIcon);
-  n.forEach((c, s) => {
-    var u, f;
-    const m = new Feature({
-      geometry: new Point(c.centerPoint)
-    });
-    m.set("type", "track_point"), m.set("data", c), m.setStyle([
-      new Style({
-        // 扩大交互热区
-        image: new CircleStyle({
-          stroke: new Stroke({ color: "rgba(0, 0, 0, 0.01)", width: 20 }),
-          radius: 3
-        })
-      }),
-      new Style({
-        // 轨迹点样式
-        image: new CircleStyle({
-          fill: new Fill({ color: e }),
-          stroke: new Stroke({ color: "#fff", width: 2 }),
-          radius: 3
-        })
-      })
-    ]), trackLineVectorSource.value.addFeature(m);
-    const d = new Feature({
-      geometry: new Point(fromLonLat(c.center))
-    });
-    if (d.set("type", "track_label"), d.set("track_label_index", s), d.setStyle(
-      setTrackLabelStyle(c, e)
-    ), trackLineVectorSource.value.addFeature(d), typeof c == "object" && c.hasOwnProperty("state")) {
-      const p = new Feature({
-        geometry: new Point(c.centerPoint)
-      });
-      p.set("type", "track_icon");
-      const h = new Style({
-        text: new Text({
-          font: "Normal 22px map-iconfont",
-          text: getIconFont(dropletsIcon),
-          offsetY: -10
-        }),
-        zIndex: 99
-      }), v = [];
-      Number(c.state) === 0 ? ((u = h.getText()) == null || u.setFill(new Fill({ color: stopColor })), v.push(r)) : Number(c.state) === 1 && ((f = h.getText()) == null || f.setFill(new Fill({ color: slowColor })), v.push(l)), v.push(h), p.setStyle(v), trackLineVectorSource.value.addFeature(p);
-    }
-  }), renderArrow(n, e), renderIconPoint();
-}, renderArrow = (e, t) => {
-  const o = e.length;
-  o || (e.push(trackList$1.value[0]), e.push(trackList$1.value[trackList$1.value.length - 1]));
-  for (let n = 0; n < o - 1; n++) {
-    let i;
-    const r = e[n], l = (e[n + 1].index + r.index) / 2;
-    if (l % 2 === 0)
-      i = trackList$1.value[l].centerPoint;
-    else {
-      const c = trackList$1.value[Math.floor(l)], s = trackList$1.value[Math.ceil(l)];
-      if (c && s) {
-        const [m, d] = c.centerPoint, [u, f] = s.centerPoint;
-        i = [(m + u) / 2, (d + f) / 2];
-      }
-    }
-    if (i) {
-      const c = new Feature({
-        geometry: new Point(i)
-      });
-      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[n].center,
-              e[n + 1].center
-            ) * (Math.PI / 180)
-          })
-        })
-      ), trackLineVectorSource.value.addFeature(c);
-    }
-  }
-}, renderIconPoint = () => {
-  const e = "&#xe69b;", t = "#fcdc3f", o = "#ff0000";
-  (trackList$1.value.length < 2 ? [trackList$1.value[0]] : [trackList$1.value[0], trackList$1.value[trackList$1.value.length - 1]]).forEach((i) => {
-    const r = new Feature({
-      geometry: new Point(i.centerPoint)
-    });
-    r.set("type", "track_begin"), r.set("data", i);
-    const l = i.index === 0 && trackList$1.value.length >= 2 ? t : o;
-    r.setStyle(
-      new Style({
-        text: new Text({
-          font: "Normal 14px map-iconfont",
-          text: getIconFont(e),
-          fill: new Fill({ color: l })
-        }),
-        zIndex: 101
-      })
-    ), trackLineVectorSource.value.addFeature(r);
-  });
-}, setTrackLabelStyle = (e, t) => new Style({
-  renderer: (o, n) => {
-    const i = n.context, c = {
-      id: e.id || "",
-      center: o,
-      text: e.time,
-      color: t,
-      textColor: "#000",
-      bgColor: "rgba(255,255,255,.8)",
-      selected: !0,
-      type: "TrackTime"
-    };
-    drawLabel(i, c, trackLabels.value, mapInstance$5.value);
-  }
-}), mapInstance$4 = ref(), renderCustomOverlaySetInstance = (e) => mapInstance$4.value = e, drawCustomContent = (e, t, o, n = "top-left", i = !1, r = !0) => {
-  var u, f;
-  if (!t || !mapInstance$4.value) return;
-  r && document.querySelectorAll(".truck-custom-content").forEach((p) => {
-    var h;
-    return (h = p.parentNode) == null ? void 0 : h.removeChild(p);
-  });
-  const l = document.createElement("div");
-  l.innerHTML = o;
-  const c = new Overlay({
-    element: l,
-    position: t,
-    // 初始位置
-    positioning: n,
-    stopEvent: i
-    // 设置不阻拦事件
-  });
-  if (i) {
-    let p = !1, h = [0, 0], v = [0, 0], g = 0, k = 0;
-    l.addEventListener("mousedown", function(M) {
-      var E;
-      p = !0, g = M.clientX, k = M.clientY;
-      const I = (E = mapInstance$4.value) == null ? void 0 : E.getCoordinateFromPixel([M.clientX - 200, M.clientY - 200]);
-      I && (h = I), v = [
-        M.clientX - l.getBoundingClientRect().left + 160,
-        M.clientY - l.getBoundingClientRect().top + 84
-      ], M.preventDefault(), console.log(e, g, k);
-    }), document.addEventListener("mousemove", function(M) {
-      var I;
-      if (p) {
-        const E = (I = mapInstance$4.value) == null ? void 0 : I.getCoordinateFromPixel([M.clientX - v[0], M.clientY - v[1]]), V = E[0] - h[0], F = E[1] - h[1];
-        c.setPosition([h[0] + V, h[1] + F]);
-      }
-    }), document.addEventListener("mouseup", function() {
-      p = !1;
-    });
-  }
-  (u = mapInstance$4.value) == null || u.addOverlay(c);
-  const s = l.querySelector(".close-button");
-  s && s.addEventListener("click", () => {
-    var p, h;
-    (p = mapInstance$4.value) == null || p.removeOverlay(c), (h = l.parentNode) == null || h.removeChild(l);
-  });
-  const m = JSON.parse(JSON.stringify(t)), d = (f = mapInstance$4.value) == null ? void 0 : f.getCoordinateFromPixel(m);
-  return c.setPosition(d), c;
-}, mapInstance$3 = ref(), renderTrackSetInstance = (e) => mapInstance$3.value = e, showTracks = ref([]), trackList = ref([]);
-ref(null);
-const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, i = "ship", r) => {
-  var u;
-  if (console.log(i), nextTick(() => {
-    hiddenAllShips(), clearShipData(!1);
-  }).then((f) => {
-  }), (t == null ? void 0 : t.length) < 2) {
-    ((u = showTracks.value) == null ? void 0 : u.findIndex((f) => f.id === e)) < 0 && showTracks.value.push({ id: e, length: "" });
-    return;
-  }
-  const l = {};
-  t.forEach((f) => {
-    f.state ? f.state = Number(f.state) : delete f.state;
-  }), trackId.value = e, l[e] = t, trackList.value = t;
-  const c = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], s = l[e].map(
-    (f) => transform([f.lon, f.lat], projection.data, projection.mercator)
-  ), m = new LineString(s), d = formatUtils.formatLength(m, n) || "--";
-  nextTick(() => {
-    var p, h;
-    const f = (p = showTracks.value) == null ? void 0 : p.findIndex((v) => v.id === e);
-    f < 0 ? showTracks.value.push({ id: e, length: d }) : showTracks.value[f].length = d, ++cursor.value, cursor.value > c.length && (cursor.value = 0), renderTrackLine(l, e, o, r), nextTick(() => {
-      resetTrackView(e);
-    }).then(() => {
-    }), (h = mapInstance$3.value) == null || h.on("moveend", () => {
-      showTrackLayer.value && (trackLabels.value = [], renderTrackLine(l, e, o, r));
-    }), i === "ship" && renderTrackPointPopup();
-  }).then(() => {
-  });
-}, renderTrackPointPopup = () => {
-  var t;
-  const e = ref(null);
-  (t = mapInstance$3.value) == null || t.on("pointermove", (o) => {
-    var i, r, l, c;
-    e.value && ((i = mapInstance$3.value) == null || i.removeOverlay(e.value));
-    const n = (r = mapInstance$3.value) == null ? void 0 : r.forEachFeatureAtPixel(o.pixel, (s) => s);
-    if (n) {
-      const s = n.get("data");
-      if (!(s != null && s.time)) return;
-      let m = "";
-      s != null && s.stayTime && (m = `
-                    <div class="item w-100">
-                        <div class="item-label">停泊时间约</div>
-                        <div class="item-item">${formatMinutesToDDHHMM(Number(s.stayTime))}</div>
-                    </div>
-                `);
-      const d = `
-                <div class="track-point-popup">
-                    <div class="item">
-                        <div class="item-label">状态</div>
-                        <div class="item-item">${s != null && s.sailStatus ? SHIP_SAIL_STATUS[s.sailStatus] : DEFAULT_VALUE}</div>
-                    </div>
-                    <div class="item">
-                        <div class="item-label">航速</div>
-                        <div class="item-item">${s.speed || DEFAULT_VALUE}</div>
-                    </div>
-                    <div class="item">
-                        <div class="item-label">艏向</div>
-                        <div class="item-item">${s.hdg || DEFAULT_VALUE}</div>
-                    </div>
-                    <div class="item">
-                        <div class="item-label">航向</div>
-                        <div class="item-item">${s.cog || DEFAULT_VALUE}</div>
-                    </div>
-                    <div class="item">
-                        <div class="item-label">经度</div>
-                        <div class="item-item">${s.lon || DEFAULT_VALUE}</div>
-                    </div>
-                    <div class="item">
-                        <div class="item-label">纬度</div>
-                        <div class="item-item">${s.lat || DEFAULT_VALUE}</div>
-                    </div>
-                    <div class="item w-100">
-                        <div class="item-label">时间</div>
-                        <div class="item-item">${s.time}</div>
-                    </div>
-                    ${m ?? m}
-                </div>`, u = (l = mapInstance$3.value) == null ? void 0 : l.getPixelFromCoordinate(o.coordinate);
-      if (u) {
-        const f = drawCustomContent(s.time, u, d, "top-left");
-        f && (e.value = f);
-      }
-    } else
-      e.value && ((c = mapInstance$3.value) == null || c.removeOverlay(e.value));
-  });
-}, removeAllTrackLayer = () => {
-  var e;
-  showTracks.value = [], (e = trackLineVectorSource.value) == null || e.clear();
-}, playTrack = (e, t) => {
-  handlePlay(String(e), t);
-}, resetTrackView = (e) => {
-  var i;
-  const t = mapInstance$3.value.getView(), o = e ? shipTrackLineFeatures.value.find((r) => r.getId() === e) : shipTrackLineFeatures.value[0];
-  if (!o) return;
-  const n = (i = o == null ? void 0 : o.getGeometry()) == null ? void 0 : i.getExtent();
-  if (n != null && n.length)
-    try {
-      const r = buffer(n, Math.max(n[2] - n[0], n[3] - n[1]) * 0.02);
-      t.fit(r);
-    } catch (r) {
-      console.log(r);
-    }
-}, formatMinutesToDDHHMM = (e) => {
-  const t = hooks.duration(e, "minutes"), o = Math.floor(t.asDays()), n = t.hours(), i = t.minutes();
-  let r = `${String(i).padStart(2, "0")}分`;
-  return n !== 0 && (r = `${String(n).padStart(2, "0")}时${r}`), o !== 0 && (r = `${String(o).padStart(2, "0")}天${r}`), r;
-}, _hoisted_1$3 = {
-  key: 0,
-  class: "more-tool-panel"
-}, _hoisted_2$1 = { class: "switch-buttons" }, _hoisted_3 = { class: "tool-components" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "toolPanel",
-  props: {
-    vehicleMode: {},
-    viewMode: {},
-    disableGreenDot: { type: Boolean },
-    showTrackLayer: { type: Boolean },
-    mapTileMode: {}
-  },
-  emits: ["switchGreenDot", "switchMapTile"],
-  setup(e, { emit: t }) {
-    var p, h;
-    const o = inject("mapInstance"), n = e, i = t, r = ref(((h = (p = o == null ? void 0 : o.value) == null ? void 0 : p.getView()) == null ? void 0 : h.getZoom()) || mapZoom.default), l = ref(!1), c = ref(null), s = ref(!0), m = () => {
-      n.disableGreenDot || r.value >= mapZoom.shipGreenDotMax || (s.value = !s.value, i("switchGreenDot", s.value));
-    }, d = () => {
-      i("switchMapTile", n.mapTileMode === BaseMapType.vector ? BaseMapType.satellite : BaseMapType.vector);
-    }, u = () => {
-      var v, g;
-      l.value ? (v = c.value) == null || v.removeInteraction() : (g = c.value) == null || g.addInteraction(), l.value = !l.value;
-    }, f = () => {
-      var v;
-      (v = c.value) == null || v.removeInteraction(), l.value = !1;
-    };
-    return onMounted(() => {
-      nextTick(() => {
-        var v;
-        (v = o == null ? void 0 : o.value) == null || v.on("moveend", () => {
-          var k, M;
-          const g = (M = (k = o == null ? void 0 : o.value) == null ? void 0 : k.getView()) == null ? void 0 : M.getZoom();
-          g && (r.value = g);
-        });
-      });
-    }), (v, g) => (openBlock(), createElementBlock(Fragment, null, [
-      createElementVNode("div", {
-        class: normalizeClass(`tool-panel ${v.viewMode}`)
-      }, [
-        v.viewMode === "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-          createElementVNode("div", _hoisted_2$1, [
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(["switch-btn", `${l.value && "active"}`]),
-              onClick: u
-            }, g[5] || (g[5] = [
-              createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
-              createElementVNode("div", { class: "button-text" }, "测距", -1)
-            ]), 2)) : createCommentVNode("", !0),
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(`switch-btn ${s.value && "active"} ${(v.disableGreenDot || r.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
-              onClick: m
-            }, g[6] || (g[6] = [
-              createElementVNode("i", { class: "map-iconfont icon-ship" }, null, -1),
-              createElementVNode("div", { class: "button-text" }, "绿点", -1)
-            ]), 2)) : createCommentVNode("", !0),
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
-              key: 2,
-              class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[0] || (g[0] = (k) => d())
-            }, g[7] || (g[7] = [
-              createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
-              createElementVNode("div", { class: "button-text" }, "图层", -1)
-            ]), 2)) : createCommentVNode("", !0),
-            v.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
-              key: 3,
-              class: normalizeClass(`switch-btn ${v.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[1] || (g[1] = (k) => d())
-            }, g[8] || (g[8] = [
-              createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
-              createElementVNode("div", { class: "button-text" }, "卫星", -1)
-            ]), 2)) : createCommentVNode("", !0),
-            v.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-              createElementVNode("div", {
-                class: "switch-btn multiple",
-                onClick: g[2] || (g[2] = (k) => unref(playTrack)(unref(currentTrackId), 1))
-              }, g[9] || (g[9] = [
-                createElementVNode("i", { class: "map-iconfont icon-play" }, null, -1),
-                createElementVNode("div", { class: "button-text" }, "播放轨迹", -1)
-              ])),
-              createElementVNode("div", {
-                class: "switch-btn multiple",
-                onClick: g[3] || (g[3] = (k) => unref(resetTrackView)())
-              }, g[10] || (g[10] = [
-                createElementVNode("i", { class: "map-iconfont icon-center" }, null, -1),
-                createElementVNode("div", { class: "button-text" }, "轨迹居中", -1)
-              ]))
-            ], 64)) : createCommentVNode("", !0),
-            renderSlot(v.$slots, "toolPanel", {}, void 0, !0)
-          ])
-        ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          v.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("div", {
-              class: normalizeClass(["switch-btn", `${l.value && "active"}`]),
-              onClick: u
-            }, g[11] || (g[11] = [
-              createElementVNode("i", { class: "map-iconfont icon-measure" }, null, -1),
-              createElementVNode("div", { class: "button-text" }, "测距", -1)
-            ]), 2),
-            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(`switch-btn ${s.value && "active"} ${(v.disableGreenDot || r.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
-              onClick: m
-            }, g[12] || (g[12] = [
-              createElementVNode("i", { class: "map-iconfont icon-ship" }, null, -1),
-              createElementVNode("div", { class: "button-text" }, "绿点", -1)
-            ]), 2)) : createCommentVNode("", !0)
-          ], 64)) : createCommentVNode("", !0),
-          createElementVNode("div", {
-            class: normalizeClass(["switch-btn", { active: v.mapTileMode === unref(BaseMapType).satellite }]),
-            onClick: d
-          }, g[13] || (g[13] = [
-            createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
-            createElementVNode("div", { class: "button-text" }, "卫星", -1)
-          ]), 2)
-        ], 64))
-      ], 2),
-      createElementVNode("div", _hoisted_3, [
-        l.value ? (openBlock(), createBlock(Measure, {
-          key: 0,
-          ref_key: "measureRef",
-          ref: c,
-          visible: l.value,
-          "onUpdate:visible": g[4] || (g[4] = (k) => l.value = k),
-          onClose: f,
-          "view-mode": v.viewMode
-        }, null, 8, ["visible", "view-mode"])) : createCommentVNode("", !0)
-      ])
-    ], 64));
-  }
-}), ToolPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-79266143"]]), _hoisted_1$2 = { id: "scale-line-container" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "scaleLine",
-  setup(e, { expose: t }) {
-    const o = inject("mapInstance");
-    return t({
-      setScaleLine: (i) => {
-        var c;
-        i || (i = "metric");
-        const r = new ScaleLine$1({
-          units: i
-        }), l = document.getElementById("scale-line-container");
-        l && (r.setTarget(l), (c = o == null ? void 0 : o.value) == null || c.addControl(r));
-      }
-    }), (i, r) => (openBlock(), createElementBlock("div", _hoisted_1$2));
-  }
-}), ScaleLine = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d666f80d"]]), _hoisted_1$1 = { class: "zoom" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "zoomControl",
-  props: {
-    map: {
-      type: Object
-    }
-  },
-  setup(e) {
-    const t = inject("mapInstance"), o = () => {
-      if (!t.value) return;
-      const i = t.value.getView(), r = i.getZoom();
-      r && i.setZoom(r + 1);
-    }, n = () => {
-      if (!t.value) return;
-      const i = t.value.getView(), r = i.getZoom();
-      r && i.setZoom(r - 1);
-    };
-    return (i, r) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
-      createElementVNode("div", {
-        onClick: o,
-        class: "button big-button"
-      }, "+"),
-      createElementVNode("div", {
-        onClick: n,
-        class: "button small-button"
-      }, "-")
-    ]));
-  }
-}), ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ee822625"]]), _hoisted_1 = { class: "copyright" }, _hoisted_2 = ["src", "width"], _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "copyright",
-  props: {
-    type: { default: COPY_RIGHT_TYPE.HORIZONTAL },
-    mapTile: { default: BaseMapType.satellite }
-  },
-  setup(e) {
-    useCssVars((r) => ({
-      "0d38823b": i.value
-    }));
-    const t = e, o = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? `map/tdt-copyright-h${t.mapTile === BaseMapType.satellite ? "-w" : ""}.svg` : `map/tdt-copyright-v${t.mapTile === BaseMapType.satellite ? "-w" : ""}.svg`), n = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "400px" : "168px"), i = computed(() => t.type === COPY_RIGHT_TYPE.HORIZONTAL ? "auto auto 0 5px" : "0 auto auto 5px");
-    return (r, l) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      createElementVNode("img", {
-        src: unref(CDN_URL) + o.value,
-        width: n.value,
-        class: "logo",
-        alt: ""
-      }, null, 8, _hoisted_2)
-    ]));
-  }
-}), Copyright = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-15a296ba"]]), dotImage = new Image();
-dotImage.src = `${CDN_URL}/map/truck-dot.svg`;
-dotImage.crossOrigin = "anonymous";
-const dotActiveImage = new Image();
-dotActiveImage.src = `${CDN_URL}/map/truck-dot-active.svg`;
-dotActiveImage.crossOrigin = "anonymous";
-const cameraImage = new Image();
-cameraImage.src = `${CDN_URL}/map/map-camera.svg`;
-cameraImage.crossOrigin = "anonymous";
-const loadImage = new Image();
-loadImage.src = `${CDN_URL}/map/map-load.svg`;
-loadImage.crossOrigin = "anonymous";
-const setTruckStyle = (e, t, o, n) => new Style({
-  renderer: (i, r) => {
-    const l = r.context;
-    l.save();
-    let c = 1;
-    l.scale(c, c);
-    let [s, m] = i;
-    s = Number(s) / c - 20, m = Number(m) / c;
-    const d = s - 70, u = m - 68;
-    let f = 180;
-    const p = 56, h = "#FFFFFF";
-    let v = 176;
-    const g = 52;
-    let k = "#164AFF", M = "#FFFFFF";
-    o === CAR_COLOR.YELLOW ? (v = 176, k = "#FFC81E", M = "rgba(0,0,0,0.88)") : o === CAR_COLOR.Y_GREEN && (f = 200, v = 196, k = "#8FED7C", M = "rgba(0,0,0,0.88)"), n != null && n.length && (f += n.length * 56), fillRectRadius(l, d, u, f, p, h), fillRectRadius(l, d + 2, u + 2, v, g, k), o === CAR_COLOR.Y_GREEN && fillRectRadius(l, d + 2, u + 2, 68, g, "#FFC81E"), l.save(), l.restore(), l.fillStyle = M, l.font = "bold 28px Arial", l.textAlign = "left", l.textBaseline = "middle";
-    const I = `${t.slice(0, 2) + " · " + t.slice(2)}`;
-    if (l.fillText(I, d + 12, u + 32), l.save(), l.restore(), n != null && n.length) {
-      const V = l.measureText(I).width + 12;
-      let F = 0;
-      n.forEach(($) => {
-        $ === DEVICE_TYPE.CAMERA && (l.drawImage(cameraImage, s - 54 + V + F * 56, m - 64, 50, 50), ++F), $ === DEVICE_TYPE.LOAD && (l.drawImage(loadImage, s - 54 + V + F * 56, m - 64, 50, 50), ++F);
-      });
-    }
-    const E = dotImage;
-    l.drawImage(E, s + f / 2 - 90, m, 50 / c, 50 / c), l.restore();
-  }
-}), mapInstance$2 = ref(), renderDashboardSetInstance = (e) => mapInstance$2.value = e;
-ref([]);
-let truckMarkerList = [], trucksVectorSource;
-const renderTrucksMarker = (e) => {
-  if (deleteAllTruckMarkers(), !!mapInstance$2.value)
-    return e.forEach((t) => {
-      const o = formatUtils.convertSixHundredThousandToLatLng(t.lon, t.lat), n = new Feature({
-        geometry: new Point(fromLonLat(o))
-      });
-      n.set("data", t), n.setStyle(
-        setTruckStyle(!1, t.vno, t.vclColor ?? 0, t.icons ?? [])
-      ), truckMarkerList.push({
-        name: t.vno,
-        lonlat: o,
-        feature: n
-      });
-    }), trucksVectorSource = new VectorSource({
-      features: truckMarkerList.map((t) => t.feature)
-    }), trucksLayer.value = new VectorLayer({
-      source: trucksVectorSource
-    }), mapInstance$2.value.addLayer(trucksLayer.value), trucksLayer.value;
-}, deleteAllTruckMarkers = () => {
-  truckMarkerList.forEach((e) => {
-    e.feature && (trucksVectorSource == null || trucksVectorSource.removeFeature(e.feature));
-  }), truckMarkerList = [];
-}, mapInstance$1 = ref(), renderTruckSetInstance = (e) => mapInstance$1.value = e, vehicle = ref(null), focusShipData = ref(), currentTruckOverlay = ref(null), findTruck = async (e, t) => {
-  if (!mapInstance$1.value || (focusShipData.value = e, !(e != null && e.lon && (e != null && e.lat)))) return;
-  const o = Math.abs(Number(e.lon)) > 180 ? formatUtils.convertSixHundredThousandToLatLng(e.lon, e.lat) : [e.lon, e.lat], n = mapInstance$1.value.getPixelFromCoordinate(transform(o, projection.data, projection.mercator));
-  currentTruckOverlay.value = e ? drawTruckIcon(e.vno, n, (e == null ? void 0 : e.drc) ?? "", t) ?? null : null;
-  const i = mapInstance$1.value.getView(), r = new Point(o);
-  i.setCenter(transform(r.getCoordinates(), projection.data, projection.mercator));
-}, clearAllTruck = () => {
-  vehicle.value.clearAllShip();
-}, drawTruckIcon = (e, t, o, n) => {
-  let i = `<div id="${e}" class="ol-custom-content truck-custom-content" style="width: 80px; height: 80px; transform: rotate(${o}deg);">
-          <img src="${CDN_URL}map/car-icon.gif" width="100%" height="100%" />
-        </div>`;
-  return n && (i += n), drawCustomContent(e, t, i, "center-center");
-}, removeTruckIcon = () => {
-  var t;
-  const e = (t = currentTruckOverlay.value) == null ? void 0 : t.getElement();
-  e && (e.innerHTML = "");
-}, zoomTruckIcon = () => {
-  var r;
-  if (!mapInstance$1.value) return;
-  const e = mapInstance$1.value.getView().getZoom(), t = 120, o = 60;
-  function n(l) {
-    return l < 14 ? o : l >= 14 && l <= 18 ? Math.round((l - 14) * (t - o) / 4 + o) : t;
-  }
-  const i = n(e);
-  (r = document.querySelectorAll(".truck-custom-content")) == null || r.forEach((l) => {
-    l.style.width = `${i}px`, l.style.height = `${i}px`;
-  });
-}, mapInstance = ref(), drawPolygonSetInstance = (e) => mapInstance.value = e;
-let layerState = "drawn", drawnState = "undrawn";
-const source = new VectorSource();
-let sketch, helpTooltipElement, helpTooltip, measureTooltipElement, measureTooltip, circleStyle, drawVector, draw;
-const drawPolygonStyle = {
-  // 渲染层 绘制结束
-  drawend: new Style({
-    stroke: new Stroke({
-      color: "#fbcc33",
-      width: 2
-    })
-  }),
-  // 交互层 绘制中
-  drawing: new Style({
-    stroke: new Stroke({
-      color: "rgba(255, 255, 255, 1)",
-      width: 1.5,
-      lineDash: [10, 10]
-    }),
-    fill: new Fill({
-      color: "rgba(255, 255, 255, 0.25)"
-    })
-  })
-};
-function createMeasureTooltip() {
-  var e;
-  measureTooltipElement != null && measureTooltipElement.parentNode && measureTooltipElement.parentNode.removeChild(measureTooltipElement), measureTooltipElement = document.createElement("div"), measureTooltipElement.className = "ol-tooltip ol-tooltip-draw-polygon", measureTooltip = new Overlay({
-    element: measureTooltipElement,
-    offset: [0, -15],
-    positioning: "bottom-center",
-    stopEvent: !1,
-    insertFirst: !1
-  }), (e = mapInstance.value) == null || e.addOverlay(measureTooltip);
-}
-function createHelpTooltip() {
-  var e;
-  helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement), helpTooltipElement = document.createElement("div"), helpTooltipElement.className = "ol-tooltip ol-help-tooltip hidden", helpTooltip = new Overlay({
-    element: helpTooltipElement,
-    offset: [15, 0],
-    positioning: "center-left"
-  }), (e = mapInstance.value) == null || e.addOverlay(helpTooltip);
-}
-let squareLimitError = !1, lineLimitError = !1;
-const validateSquareLimit = (e) => {
-  let o = 1 / 0, n = -1 / 0, i = 1 / 0, r = -1 / 0;
-  e == null || e.forEach((s) => {
-    const m = transform(s, projection.mercator, projection.data), d = m[0], u = m[1];
-    o = Math.min(o, u), n = Math.max(n, u), i = Math.min(i, d), r = Math.max(r, d);
-  });
-  const l = (n - o) * 111, c = (r - i) * 111;
-  squareLimitError = l > 150 || c > 150;
-};
-let storeFeature, callbackFunction = null;
-const addInteraction = (e) => {
-  var o, n;
-  showDrawLayer.value = !0, e && (callbackFunction = e), drawVector || init(), drawnState = "undrawn", layerState = "drawn", drawVector && ((o = mapInstance.value) == null || o.addLayer(drawVector)), draw = new Draw({
-    type: "Polygon",
-    source,
-    trace: !0,
-    style: [drawPolygonStyle.drawing, circleStyle]
-  }), storeFeature || ((n = mapInstance.value) == null || n.addInteraction(draw), createHelpTooltip()), createMeasureTooltip();
-  let t;
-  draw.on("drawstart", function(i) {
-    var r;
-    layerState = "drawn", sketch = i.feature, t = (r = sketch.getGeometry()) == null ? void 0 : r.on("change", function(l) {
-      const c = l.target, s = formatUtils.formatArea(c, LENGTH_UNIT.NM), d = c.getCoordinates()[0], u = new LineString([d[d.length - 2], d[d.length - 1]]), f = formatUtils.formatLength(u, LENGTH_UNIT.NM);
-      if (lineLimitError = Number(getLength(u) / 1e3) > 150, validateSquareLimit(d), measureTooltipElement && s && (measureTooltipElement.innerHTML = `
-                <span class="text">面积：${s}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
-            `), helpTooltipElement && s) {
-        let p = "";
-        parseFloat(s) > 0 && (p = `
-                        <div class="text ${squareLimitError ? "error" : ""}">面积：${s}${squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</div>`), helpTooltipElement.innerHTML = `${p}
-                    <span class="text ${lineLimitError ? "error" : ""}">线段${d.length - 2}：${f}${lineLimitError ? '<span class="error pl-4">超出可以绘画的距离</span>' : ""}</span>
-                    <div><span class="text">单击继续，双击结束</span></div>
-                `;
-      }
-    }), drawnState = "drawing";
-  }), draw.on("drawend", function(i) {
-    if (i.feature.getGeometry()) {
-      storeFeature = i.feature;
-      const r = endFn(i.feature);
-      r != null && r.length && callbackFunction && callbackFunction(r);
-    }
-    if (sketch = null, measureTooltipElement = null, createMeasureTooltip(), t && unByKey(t), drawnState = "drawend", draw && mapInstance.value) {
-      const r = mapInstance.value.getInteractions().getArray().find((l) => getUid(l) === getUid(draw));
-      r && mapInstance.value.removeInteraction(r), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement);
-    }
-  });
-}, removeInteraction = () => {
-  var e, t, o;
-  if (mapInstance.value) {
-    if (showDrawLayer.value = !1, document.querySelectorAll(".ol-tooltip.ol-tooltip-draw-polygon").forEach((n) => {
-      var i;
-      (i = n == null ? void 0 : n.parentNode) == null || i.removeChild(n);
-    }), source.clear(), drawVector && ((e = mapInstance.value) == null || e.removeLayer(drawVector)), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement), ((t = mapInstance.value) == null ? void 0 : t.getTargetElement()).style.cursor = "", document.querySelector("#map").style.cursor = "", draw) {
-      const n = mapInstance.value.getInteractions().getArray().find((i) => getUid(i) === getUid(draw));
-      n && ((o = mapInstance.value) == null || o.removeInteraction(n));
-    }
-    drawnState = "undrawn", layerState = "destroyed";
-  }
-}, endFn = (e) => {
-  var t, o, n;
-  if (e.getGeometry()) {
-    const i = [], l = e.getGeometry().getCoordinates();
-    (t = l[0]) == null || t.forEach((s) => {
-      i.push(transform(s, projection.mercator, projection.data));
-    });
-    const c = l[0][l[0].length - 2];
-    if (c && measureTooltip.setPosition(c), measureTooltip.setOffset([10, 0]), measureTooltipElement && (measureTooltipElement.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), (o = document.querySelector(".delete-icon")) == null || o.addEventListener("click", () => {
-      reset();
-    }), !lineLimitError && !squareLimitError)
-      return i;
-    draw && ((n = mapInstance.value) == null || n.removeInteraction(draw)), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement);
-  }
-}, initFeature = (e) => {
-  var t, o;
-  if (e && (callbackFunction = e), layerState = "drawn", storeFeature) {
-    const n = storeFeature.getGeometry();
-    if (!n) return;
-    const i = formatUtils.formatArea(n, LENGTH_UNIT.NM);
-    measureTooltipElement && (measureTooltipElement.innerHTML = `
-                <span class="text">面积：${i}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
-            `), drawVector && ((t = drawVector.getSource()) == null || t.addFeature(storeFeature));
-    const r = endFn(storeFeature);
-    r != null && r.length && callbackFunction && callbackFunction(r);
-    const l = getCenter(storeFeature.getGeometry().getExtent());
-    (o = mapInstance.value) == null || o.getView().setCenter(l);
-  }
-}, pointerMoveHandler = function(e) {
-  var o;
-  if (e.dragging)
-    return;
-  let t = "点击选择起点";
-  sketch && (t = "单击继续，双击结束"), helpTooltipElement && (helpTooltipElement.innerHTML = t, helpTooltip.setPosition(e.coordinate), helpTooltipElement.classList.remove("hidden")), layerState === "drawn" && (((o = mapInstance.value) == null ? void 0 : o.getTargetElement()).style.cursor = "crosshair");
-}, init = () => {
-  mapInstance.value && (circleStyle = new Style({
-    image: new CircleStyle({
-      radius: 5,
-      fill: new Fill({
-        color: "rgb(51,112,255, 1)"
-      })
-    }),
-    geometry: function(e) {
-      const t = e.getGeometry().getCoordinates();
-      return new MultiPoint(t);
-    }
-  }), drawVector = new VectorLayer({
-    source,
-    style: drawPolygonStyle.drawend
-  }), mapInstance.value.on("pointermove", pointerMoveHandler), mapInstance.value.getViewport().addEventListener("mouseout", function() {
-    var e;
-    (e = helpTooltipElement == null ? void 0 : helpTooltipElement.classList) == null || e.add("hidden");
-  }), mapInstance.value.on(["dblclick"], function(e) {
-    drawnState !== "undrawn" && (e.stopPropagation(), e.preventDefault());
-  }));
-}, destroy = () => {
-  storeFeature = null, drawVector = null, removeInteraction();
-}, reset = () => {
-  destroy(), addInteraction();
-}, drawPolygonTool = {
-  addInteraction,
-  removeInteraction,
-  initFeature,
-  reset,
-  destroy
-}, setPointStyle = (e, t, o) => {
-  const n = new Image();
-  n.crossOrigin = "anonymous";
-  const i = new Image();
-  i.crossOrigin = "anonymous";
-  const { color: r, url: l, activeUrl: c, activeColor: s, imgWidth: m, imgHeight: d } = o;
-  return (c || l) && (e ? i.src = CDN_URL + (c || l) : n.src = CDN_URL + (l || c)), new Style({
-    renderer: (u, f) => {
-      const p = f.context;
-      p.save();
-      const h = window.devicePixelRatio || 1;
-      let [v, g] = u;
-      if (v = Number(v), g = Number(g), t) {
-        p.font = `${12 * h}px Arial`;
-        const k = p.measureText(t).width, M = v - k / 2 - (h <= 1 ? 10 : -3), I = g + (h <= 1 ? 0 : 10) + 6 * h, E = k + 4, V = 16 * h, F = e && s || r;
-        fillRectRadius(p, M, I + (h <= 1 ? 6 : 13 * h), E, V, F), p.save(), p.restore(), p.fillStyle = e ? "#FFFFFF" : "#000000", p.textAlign = "center", p.textBaseline = "middle", p.fillText(t, M + (k + 4) / 2, I + (h <= 1 ? 15 : 22 * h)), p.save(), p.restore();
-      }
-      if (l || c) {
-        const k = e ? i : n;
-        p.drawImage(k, v - (m || k.width) / 2, g - (d || k.height) / 2, 30 * h, 30 * h);
-      }
-      p.restore();
-    }
-  });
-};
-class PointMarkerClass {
-  /**
-   * 地图实例
-   * @param mapInstance
-   * 配置渲染点的样式
-   * @param options
-   */
-  constructor(t, o) {
-    C(this, "mapInstance");
-    // 渲染的数据
-    C(this, "pointMarkerList", []);
-    // 绘制点渲染层数据
-    C(this, "pointsVectorSource");
-    // 当前高亮的数据
-    C(this, "highlightPoint");
-    C(this, "pointLayer");
-    // 颜色等其他设置
-    C(this, "options");
-    // 使用坐标点区域自动缩放地图层级
-    C(this, "resetPointsView", (t, o = 0.02) => {
-      var l;
-      if (!this.mapInstance || t.length === 0) return;
-      const n = (l = this.mapInstance) == null ? void 0 : l.getView();
-      if (!n) return;
-      const r = t.map(
-        (c) => transform(c, projection.data, projection.mercator)
-      ).reduce((c, s) => [
-        Math.min(c[0], s[0]),
-        Math.min(c[1], s[1]),
-        Math.max(c[2], s[0]),
-        Math.max(c[3], s[1])
-      ], [1 / 0, 1 / 0, -1 / 0, -1 / 0]);
-      try {
-        const c = buffer(r, Math.max(r[2] - r[0], r[3] - r[1]) * o);
-        n.fit(c);
-      } catch (c) {
-        console.error("Failed to zoom to points:", c);
-      }
-    });
-    this.mapInstance = t, this.options = o;
-  }
-  /**
-   *  渲染
-   * @param list
-   * 格式：
-   * 获取数据的id
-   * id
-   * 地图显示
-   * name
-   * fullName,
-   * 经纬度
-   * lon,
-   * lat,
-   * 渲染点的数据类型，好通过这个判断点击地图获取到的类型， 任意字符串
-   * pointType
-   */
-  renderPointMarker(t) {
-    if (this.deleteAllPointMarkers(), !this.mapInstance) return;
-    let o = {};
-    t.forEach((n) => {
-      var r;
-      const i = [n.lon, n.lat];
-      if (((r = this.highlightPoint) == null ? void 0 : r.id) === n.id)
-        o = {
-          id: n.id,
-          name: n.name,
-          lonlat: [Number(n.lon), Number(n.lat)],
-          pointType: n.pointType
-        };
-      else {
-        const l = this.getFeature(n, i);
-        this.pointMarkerList.push({
-          id: n.id,
-          name: n.name,
-          lonlat: [Number(n.lon), Number(n.lat)],
-          feature: l,
-          pointType: n.pointType
-        });
-      }
-    }), o && o.lonlat && (o.feature = this.getFeature(o, o.lonlat), this.pointMarkerList.push(o)), this.pointsVectorSource = new VectorSource({
-      features: [...this.pointMarkerList.map((n) => n.feature)]
-    }), this.pointLayer = new VectorLayer({
-      source: this.pointsVectorSource
-    }), this.mapInstance.addLayer(this.pointLayer);
-  }
-  // 删除 未选中的渲染点
-  deleteAllPointMarkers(t) {
-    this.pointMarkerList.forEach((o) => {
-      var n;
-      o.feature && t !== o.id && ((n = this.pointsVectorSource) == null || n.removeFeature(o.feature));
-    });
-  }
-  // 取消高亮
-  cancelHighlightTruckMarker() {
-    if (!this.highlightPoint)
-      return;
-    const { id: t, name: o } = this.highlightPoint;
-    this.highlightPoint = void 0, this.pointMarkerList.find((n) => {
-      n.id === t && n.feature.setStyle(
-        setPointStyle(!1, o, this.options)
-      );
-    });
-  }
-  /**
-   * 设置选中
-   *  渲染
-   * @param item
-   * 格式：
-   * 获取数据的id
-   * id
-   * 地图显示
-   * name
-   * fullName,
-   * 经纬度
-   * lon,
-   * lat,
-   * 渲染点的数据类型，好通过这个判断点击地图获取到的类型， 任意字符串
-   * pointType
-   */
-  highlightPointMarker(t) {
-    if (!this.mapInstance) return;
-    const { id: o, name: n, fullName: i, lon: r, lat: l, pointType: c } = t, s = [Number(r), Number(l)];
-    this.highlightPoint = {
-      id: o,
-      name: n,
-      fullName: i,
-      lonlat: s,
-      pointType: c
-    }, this.setPointCenter(s);
-  }
-  // 获取feature
-  getFeature(t, o) {
-    var i;
-    const n = new Feature({
-      geometry: new Point(fromLonLat(o))
-    });
-    return n.set("data", t), n.setStyle(
-      setPointStyle(((i = this.highlightPoint) == null ? void 0 : i.id) === t.id, t.name, this.options)
-    ), n;
-  }
-  /**
-   *
-   * @param lonlat 经纬度
-   * @param options {
-   *     customZoom 自定义层级
-   *     type 0: 不改变地图大小 1: 等于customZoom 2: 地图当前zoom > 传入的customZoom(缩小地图) 3: 地图当前zoom < 传入的customZoom(放大地图)
-   * }
-   */
-  setPointCenter(t, o = { customZoom: mapZoom.findShip, type: 1 }) {
-    if (!this.mapInstance) return;
-    const { customZoom: n = mapZoom.findShip, type: i = 1 } = o, r = this.mapInstance.getView(), l = r.getZoom();
-    (i === 1 || l > n && i === 2 || l < n && i === 3) && r.setZoom(n);
-    const c = new Point(t);
-    r.setCenter(transform(c.getCoordinates(), projection.data, projection.mercator));
-  }
-}
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Map",
-  props: {
-    zoom: {},
-    center: {},
-    vehicleMode: {},
-    viewMode: {},
-    mmsi: {},
-    shipData: {},
-    logoType: {},
-    showToolPanel: { type: Boolean }
-  },
-  emits: ["zoomChanged", "extentChanged"],
-  setup(e, { expose: t, emit: o }) {
-    const n = ref();
-    provide("mapInstance", n);
-    const i = ref(null), r = ref(null), l = ref(null), c = o, s = e, m = ref(s.zoom || mapZoom.default), d = ref(!1), u = ref(!0), f = ref(!0), p = ref(!0), h = {
-      tiandituTile: new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) }),
-      tiandituTileMark: new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) }),
-      tiandituImgTile: new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 }),
-      tiandituImgTileMark: new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 }),
-      greenMark: new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })
-    }, v = () => {
-      var L, w;
-      const y = {
-        projection: projection.mercator,
-        // 地图投影坐标系
-        zoom: s.zoom || (s.vehicleMode === "ship" ? mapZoom.default : mapZoom.truckDefault),
-        // 地图缩放级别（打开页面时默认级别）
-        minZoom: mapZoom.min,
-        // 地图缩放最小级别
-        maxZoom: mapZoom.max,
-        // 地图缩放最大级别
-        center: transformUtils.lonLatToMercator(s.center || mapDefaultCenter),
-        // 地图中心坐标
-        constrainResolution: !0,
-        // 需设为true禁用平滑缩放，zoom值为整数
-        enableRotation: !1,
-        // 禁用旋转
-        multiWorld: !0
-      };
-      n.value = new Map$1({
-        target: "map",
-        // 对应页面里 id 为 map 的元素
-        layers: [
-          // 图层
-          h.tiandituTile,
-          h.tiandituTileMark,
-          h.tiandituImgTile,
-          h.tiandituImgTileMark,
-          h.greenMark
-        ],
-        view: new View(y)
-      }), g(), s.showToolPanel === void 0 ? p.value = !0 : p.value = s.showToolPanel, (L = r.value) == null || L.setScaleLine(s.vehicleMode === "ship" ? "nautical" : "metric"), (w = n.value) == null || w.on("moveend", E), k(y.zoom < mapZoom.shipGreenDotMax), I(s.vehicleMode === "ship" || s.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), s.viewMode === "findShip" && s.mmsi && s.shipData && nextTick(() => {
-        findShip(String(s.mmsi), s.shipData);
-      }), onShipsMarkerHover();
-    };
-    onMounted(() => {
-      v();
-    });
-    const g = () => {
-      n.value && (renderCustomOverlaySetInstance(n.value), renderTruckSetInstance(n.value), drawPolygonSetInstance(n.value), renderShipStyleSetInstance(n.value), renderTrackStyleSetInstance(n.value), renderDashboardSetInstance(n.value), renderMarkerSetInstance(n.value), renderShipSetInstance(n.value), renderTrackSetInstance(n.value));
-    }, k = (y) => {
-      var L;
-      s.vehicleMode !== "ship" && (y = !1), (L = n.value) == null || L.getLayers().forEach((w) => {
-        getUid(w) === getUid(h.greenMark) && (w.setVisible(y), u.value = y);
-      });
-    }, M = ref(BaseMapType.satellite), I = (y) => {
-      var L;
-      M.value = y, (L = n.value) == null || L.getLayers().forEach((w) => {
-        (getUid(w) === getUid(h.tiandituTile) || getUid(w) === getUid(h.tiandituTileMark) || getUid(w) === getUid(h.tiandituImgTile) || getUid(w) === getUid(h.tiandituImgTileMark)) && w.setVisible(!1), (y === BaseMapType.vector && (getUid(w) === getUid(h.tiandituTile) || getUid(w) === getUid(h.tiandituTileMark)) || y === BaseMapType.satellite && (getUid(w) === getUid(h.tiandituImgTile) || getUid(w) === getUid(h.tiandituImgTileMark))) && w.setVisible(!0);
-      });
-    }, E = () => {
-      const y = n.value.getView(), L = y.getZoom();
-      L && V(L);
-      const w = y.calculateExtent(n.value.getSize());
-      w && L && F(w, L);
-    }, V = (y) => {
-      var S, T, b, P, x;
-      m.value = y, k(y < mapZoom.shipGreenDotMax);
-      const L = (S = n.value) == null ? void 0 : S.getLayers(), w = s.vehicleMode === "ship" ? L == null ? void 0 : L.getArray().find((N) => getUid(N) === getUid(h.greenMark)) : void 0;
-      showTrackLayer.value ? (f.value = !1, w == null || w.setVisible(!1), (T = shipsLayer.value) == null || T.setVisible(!1), (b = largeAmountShipsLayer.value) == null || b.setVisible(!1)) : !d.value && u.value && y <= mapZoom.shipGreenDotMax ? (f.value = !0, w == null || w.setVisible(!0), (P = shipsLayer.value) == null || P.setVisible(!1), (x = largeAmountShipsLayer.value) == null || x.setVisible(!1)) : (f.value = !1, w == null || w.setVisible(!1)), c("zoomChanged", y);
-    }, F = (y, L) => {
-      const w = transform([y[0], y[1]], projection.mercator, projection.data), S = transform([y[2], y[3]], projection.mercator, projection.data);
-      c("extentChanged", { extent: [w, S], zoom: L });
-    };
-    return t({
-      mapInstance: n,
-      initMap: v,
-      pointRender: (y, L) => new PointMarkerClass(y, L),
-      renderTrucksMarker,
-      renderShip: renderShips,
-      renderTrack: (y, L, w, S = 200) => {
-        var T, b;
-        showDrawLayer.value = !0, currentTrackId.value = y, showTrackLayer.value = !0, d.value = !0, hiddenAllShips(), (b = (T = largeAmountShipsLayer.value) == null ? void 0 : T.getSource()) == null || b.clear(), renderTrack(y, s.vehicleMode === "ship" ? L.reverse() : L, w, LENGTH_UNIT.NM, "ship", S);
-      },
-      findTruck,
-      removeTruckIcon,
-      clearAllTruck,
-      closeTrack: (y = !1) => {
-        var L, w, S;
-        showDrawLayer.value = !1, showTrackLayer.value = !1, (L = shipTrackVectorLayer.value) == null || L.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), d.value = !1, k(m.value < mapZoom.shipGreenDotMax), y && (allTracks.value = [], (S = trackLineVectorSource.value) == null || S.clear()), stopAnimation();
-      },
-      closeTruckTrack: () => {
-        var y, L;
-        showTrackLayer.value = !1, (y = shipTrackVectorLayer.value) == null || y.setVisible(!1), (L = selectShipsLayer.value) == null || L.setVisible(!0), stopAnimation();
-      },
-      resetTrackView,
-      playTrack,
-      clearSelectFeature,
-      findShip,
-      focusShip: (y, L, w = !0) => {
-        var S, T;
-        hiddenOrther.value = w, (S = shipsLayer.value) == null || S.setVisible(!w), w || rerenderShip(), (T = largeAmountShipsLayer.value) == null || T.setVisible(!1), findShip(y, L);
-      },
-      clearShipData,
-      showTracks,
-      removeAllTrackLayer,
-      switchFilterItem,
-      rerenderShip,
-      switchGreenDot: () => k(!1),
-      zoomTruckIcon,
-      renderTruckTrack: (y, L, w, S = 1e3) => {
-        currentTrackId.value = y, showTrackLayer.value = !0, renderTrack(y, L, w, LENGTH_UNIT.KM, "truck", S);
-      },
-      drawCustomContent,
-      removerLayer: removeShipTrackLineFeatureByIndex,
-      renderMarker,
-      setMarkerPosition: (y) => {
-        d.value = !0, setMarkerPosition(y);
-      },
-      getZoomAndCenter: () => {
-        var T;
-        const y = (T = n.value) == null ? void 0 : T.getView();
-        if (!y) return null;
-        const L = Math.round(Number(y.getZoom())), { lon: w, lat: S } = transformUtils.mercatorToLonLat(y.getCenter());
-        return { zoom: L, center: [w, S] };
-      },
-      setCenter: (y) => {
-        var S;
-        const L = (S = n.value) == null ? void 0 : S.getView();
-        if (!L) return null;
-        const w = new Point(y);
-        L.setCenter(transform(w.getCoordinates(), projection.data, projection.mercator));
-      },
-      deleteLabelFromArray: deleteLabelFromArrayById,
-      drawPolygonTool,
-      setMapInstance: g,
-      store: {
-        showDrawLayer: () => showDrawLayer.value
-      },
-      config: {
-        mapZoom,
-        projection
-      },
-      utils: {
-        transform: transformUtils,
-        format: formatUtils
-      }
-    }), (y, L) => (openBlock(), createElementBlock("div", {
-      class: "map-page map-container",
-      ref_key: "pageRef",
-      ref: i
-    }, [
-      L[0] || (L[0] = createElementVNode("div", {
-        id: "map",
-        class: "map"
-      }, null, -1)),
-      p.value ? (openBlock(), createBlock(ToolPanel, {
-        key: 0,
-        "vehicle-mode": y.vehicleMode,
-        "view-mode": y.viewMode,
-        "disable-green-dot": d.value,
-        "show-track-layer": unref(showTrackLayer),
-        "map-tile-mode": M.value,
-        onSwitchGreenDot: k,
-        onSwitchMapTile: I
-      }, {
-        toolPanel: withCtx(() => [
-          renderSlot(y.$slots, "toolPanel", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["vehicle-mode", "view-mode", "disable-green-dot", "show-track-layer", "map-tile-mode"])) : createCommentVNode("", !0),
-      y.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        createVNode(ScaleLine, {
-          ref_key: "scaleLineControl",
-          ref: r
-        }, null, 512),
-        createVNode(ZoomControl, {
-          ref_key: "zoomControl",
-          ref: l
-        }, null, 512)
-      ], 64)) : createCommentVNode("", !0),
-      createVNode(Copyright, {
-        type: y.logoType,
-        "map-tile": M.value
-      }, null, 8, ["type", "map-tile"])
-    ], 512));
-  }
-}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8b2af3a3"]]), ZhMap = withInstall(Map);
-export {
-  BaseMapType as B,
-  CDN_URL as C,
-  DEFAULT_VALUE as D,
-  LOG_DATE_FORMAT as L,
-  SEARCH_TYPE as S,
-  ZhMap as Z,
-  mapDefaultCenter as a,
-  baseMap as b,
-  COPY_RIGHT_TYPE as c,
-  mapZoom as m,
-  projection as p,
-  renderShipsLimit as r,
-  tiandituKey as t,
-  zhongkeKey as z
-};