zhihao-ui 1.2.19 → 1.2.21

package/dist/es/Map-BRt4EWtt.js

@@ -1,1803 +0,0 @@
-var B = Object.defineProperty;
-var A = (e, t, o) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var L = (e, t, o) => A(e, typeof t != "symbol" ? t + "" : t, o);
-import { ref, defineComponent, useModel, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, unref, createBlock, toDisplayString, createCommentVNode, mergeModels, nextTick, onMounted, normalizeClass, renderSlot } from "vue";
-import { n as getArea, o as getLength, V as VectorSource, p as VectorLayer, S as Style, C as CircleStyle, F as Fill, q as Stroke, D as Draw, O as Overlay, u as unByKey, r as ElOption, T as Text, h as hooks, L as LineString, s as Feature, P as Point, t as fromLonLat, e as cloneDeep, G as GeoJSON, W as WebGLPointsLayer, v as transform, w as ScaleLine$1, I as Icon, x as Translate, y as toLonLat, M as MultiPoint, z as getCenter, A as TileLayer, X as XYZ, B as Map$1, H as View } from "./vendor-AIl6iHcE.js";
-import { _ as _export_sfc } from "./Button-CDKNl8Xy.js";
-import { w as withInstall } from "./utils-CbI5IWJJ.js";
-var BaseMapType = /* @__PURE__ */ ((e) => (e[e.vector = 0] = "vector", e[e.satellite = 1] = "satellite", e))(BaseMapType || {}), 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 || {});
-const LENGTH_UNIT_LABEL = {
-  1: "M",
-  // m
-  2: "KM",
-  // km
-  3: "NM"
-  // nm
-};
-var SWITCH_BTN = /* @__PURE__ */ ((e) => (e.Camera = "camera", e.Mobile = "mobile", e.WaterGauge = "waterGauge", e))(SWITCH_BTN || {});
-class ShipMapData {
-  constructor(t, o, n, a, r, l, i, s, u, c, m, d, f, w, v, h, T, E, C, p, S, g) {
-    L(this, "id");
-    // mmsi
-    L(this, "mmsi");
-    // 船舶三角形填充色
-    L(this, "fill");
-    // 船类型 "7": "货船",
-    L(this, "shipType");
-    // 船名
-    L(this, "name");
-    // 长度
-    L(this, "length");
-    // 宽度
-    L(this, "breadth");
-    // 经度
-    L(this, "lon");
-    // 纬度
-    L(this, "lat");
-    // 时间
-    L(this, "createdAt");
-    // 速度
-    L(this, "speed");
-    // 来源
-    L(this, "from");
-    // 船状态 "stop":"静止","sail":"航行","work":"作业","danger":"危险","other":"其他"
-    L(this, "sailStatus");
-    // 船艏向
-    L(this, "hdg");
-    // 航迹向
-    L(this, "cog");
-    // 设备定位类型
-    L(this, "posType");
-    L(this, "type");
-    // 航向角度
-    L(this, "angle");
-    // 左侧是否显示色块
-    L(this, "leftIconColor");
-    L(this, "existDevice");
-    L(this, "existMobile");
-    L(this, "existWaterGauge");
-    this.id = t, this.mmsi = o, this.fill = n, this.shipType = a, this.name = r, this.length = l, this.breadth = i, this.lon = s, this.lat = u, this.createdAt = c, this.speed = m, this.from = d, this.sailStatus = f, this.hdg = w, this.cog = v, this.posType = h, this.type = T, this.angle = E, this.leftIconColor = C, this.existDevice = p, this.existMobile = S, this.existWaterGauge = g;
-  }
-}
-const formatLength = function(e, t) {
-  const n = getLength(e);
-  let a = "";
-  switch (t) {
-    case LENGTH_UNIT.M:
-      a = Math.round(n * 100) / 100 + " m";
-      break;
-    case LENGTH_UNIT.KM:
-      a = Math.round(n / 1e3 * 100) / 100 + " km";
-      break;
-    case LENGTH_UNIT.NM:
-      a = (Math.round(n / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
-      break;
-  }
-  return a;
-}, convertSixHundredThousandToLatLng = function(e, t) {
-  const o = Number(t) / 6e5;
-  return [Number(e) / 6e5, o];
-}, formatArea = (e, t) => {
-  const n = getArea(e);
-  let a;
-  switch (t) {
-    case LENGTH_UNIT.KM:
-      n > 1e4 ? a = Math.round(n / 1e6 * 100) / 100 + " km<sup>2</sup>" : a = Math.round(n * 100) / 100 + " m<sup>2</sup>";
-      break;
-    case LENGTH_UNIT.NM:
-      const r = Math.pow(1.852, 2);
-      n > 1e4 ? a = Math.round(n / 1e6 / r * 100) / 100 + " nm<sup>2</sup>" : a = Math.round(n * 100) / 100 + " m<sup>2</sup>";
-      break;
-  }
-  return a;
-}, convertShipMapData = (e) => {
-  const t = (o) => new ShipMapData(
-    o.id,
-    o.id,
-    // 船舶三角形填充色
-    o.fill || "#04C900",
-    "70",
-    o.name || o.cnname || o.enname,
-    o.len,
-    o.wid,
-    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
-  );
-  return Array.isArray(e) ? e.map((o) => t(o)) : t(e);
-}, mapInstance = ref(), shipsLayer = ref(), largeAmountShipsLayer = ref(), selectShipsLayer = ref(), allShips = ref([]), selectSingleShipData = ref();
-ref();
-const trucksLayer = ref(), shipTrackLineFeatures = ref([]), trackLineVectorSource = ref(), shipTrackVectorLayer = ref();
-ref();
-ref();
-const labels = ref([]), _hoisted_1$4 = {
-  key: 0,
-  class: "measure-panel"
-}, _hoisted_2$2 = { class: "d-flex justify-content-between align-content-start w-100" }, _hoisted_3$2 = { 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 = o, a = useModel(e, "visible"), r = ref(String(LENGTH_UNIT.NM)), l = ref([]), i = ref(!1), s = new VectorSource();
-    let u, c, m, d, f;
-    const w = new VectorLayer({
-      source: s,
-      style: {
-        "fill-color": "rgba(255, 255, 255, 0.2)",
-        "stroke-color": "#ffcc33",
-        "stroke-width": 2,
-        "circle-radius": 7,
-        "circle-fill-color": "#ffcc33"
-      }
-    }), v = function(y) {
-      if (y.dragging)
-        return;
-      let k = "点击选择起点";
-      u && (k = "单击继续，双击结束"), c && (c.innerHTML = k, m.setPosition(y.coordinate), c.classList.remove("hidden"));
-    }, h = () => {
-      mapInstance.value && (mapInstance.value.on("pointermove", v), mapInstance.value.getViewport().addEventListener("mouseout", function() {
-        var y;
-        (y = c == null ? void 0 : c.classList) == null || y.add("hidden");
-      }), i.value = !0);
-    };
-    let T;
-    const E = 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 C() {
-      var y, k;
-      if (mapInstance.value) {
-        if (l.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((b) => {
-          var M;
-          (M = b == null ? void 0 : b.parentNode) == null || M.removeChild(b);
-        }), s.clear(), T) {
-          const b = mapInstance.value.getInteractions().getArray().find((M) => M.ol_uid === T.ol_uid);
-          b && ((y = mapInstance.value) == null || y.removeInteraction(b));
-        }
-        (k = mapInstance.value) == null || k.removeLayer(w), c != null && c.parentNode && c.parentNode.removeChild(c);
-      }
-    }
-    function p() {
-      var k, b;
-      C(), (k = mapInstance.value) == null || k.addLayer(w), T = new Draw({
-        source: s,
-        type: "LineString",
-        style: function() {
-          return E;
-        }
-      }), (b = mapInstance.value) == null || b.addInteraction(T), g(), S();
-      let y;
-      T.on("drawstart", function(M) {
-        var N;
-        u = M.feature;
-        let F;
-        y = (N = u.getGeometry()) == null ? void 0 : N.on("change", function(P) {
-          const _ = P.target;
-          let x = formatLength(_, Number(r.value));
-          F = _.getLastCoordinate(), d && x && (d.innerHTML = x), f.setPosition(F);
-        });
-      }), T.on("drawend", function() {
-        d && (d.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), d != null && d.innerHTML && l.value.push(d == null ? void 0 : d.innerHTML), f.setOffset([0, -7]), u = null, d = null, g(), y && unByKey(y);
-      });
-    }
-    function S() {
-      var y;
-      c != null && c.parentNode && c.parentNode.removeChild(c), c = document.createElement("div"), c.className = "ol-tooltip hidden", m = new Overlay({
-        element: c,
-        offset: [15, 0],
-        positioning: "center-left"
-      }), (y = mapInstance.value) == null || y.addOverlay(m);
-    }
-    function g() {
-      var y;
-      d != null && d.parentNode && d.parentNode.removeChild(d), d = document.createElement("div"), d.className = "ol-tooltip ol-tooltip-measure", f = new Overlay({
-        element: d,
-        offset: [0, -15],
-        positioning: "bottom-center",
-        stopEvent: !1,
-        insertFirst: !1
-      }), (y = mapInstance.value) == null || y.addOverlay(f);
-    }
-    const I = (y) => {
-      var M, F;
-      l.value[y] && l.value.splice(y, 1);
-      const k = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      k[y] && ((F = (M = k[y]) == null ? void 0 : M.parentNode) == null || F.removeChild(k[y]));
-      const b = s.getFeatures();
-      b[y] && s.removeFeature(b[y]);
-    }, V = () => {
-      n("close");
-    };
-    return watch(() => a, () => {
-      a && !i.value && (h(), p());
-    }, { deep: !0, immediate: !0 }), t({
-      addInteraction: p,
-      removeInteraction: C
-    }), (y, k) => {
-      const b = resolveComponent("el-select");
-      return a.value && y.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", { class: "header" }, [
-          k[1] || (k[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
-          createElementVNode("i", {
-            onClick: V,
-            class: "map-iconfont icon-close"
-          })
-        ]),
-        createElementVNode("div", _hoisted_2$2, [
-          k[2] || (k[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
-          createVNode(b, {
-            class: "select-length-unit",
-            modelValue: r.value,
-            "onUpdate:modelValue": k[0] || (k[0] = (M) => r.value = M)
-          }, {
-            default: withCtx(() => [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(Object.keys(unref(LENGTH_UNIT_LABEL)), (M) => (openBlock(), createBlock(unref(ElOption), {
-                key: M,
-                label: String(unref(LENGTH_UNIT_LABEL)[M]),
-                value: String(M)
-              }, null, 8, ["label", "value"]))), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        createElementVNode("div", _hoisted_3$2, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (M, F) => (openBlock(), createElementBlock("div", {
-            class: "measure-history-item",
-            key: F
-          }, [
-            createElementVNode("div", _hoisted_4, [
-              k[3] || (k[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
-              createElementVNode("span", _hoisted_5, "线段" + toDisplayString(F + 1), 1),
-              createElementVNode("span", _hoisted_6, toDisplayString(M), 1)
-            ]),
-            createElementVNode("div", {
-              class: "delete-button",
-              onClick: (N) => I(F)
-            }, k[4] || (k[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-007c38c9"]]), CDN_URL = "https://static.zhihaoscm.cn/", tiandituKey = "a6e8f78974f2581f2ca00485b40c948f", baseMap = {
-  // 矢量底图
-  tiandituTile: `http://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: `http://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}`,
-  // 影像底图
-  tiandituImgTile: `http://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: `http://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,
-  // 查看船舶详情时地图缩放层级
-  findShip: 13,
-  // 查看车辆详情时地图缩放层级
-  findTruck: 14,
-  // 船舶绿点图最大显示层级
-  shipGreenDotMax: 11,
-  // 查车图标显示层级
-  truckDefault: 14,
-  // 统计图标显示层级
-  truckStatistics: 8,
-  // 船形图标最小渲染层级
-  shipModelMin: 16,
-  // 船形图标最大渲染层级
-  shipModelMax: 18
-}, mapDefaultCenter = [114.84, 30.52], projection = {
-  // 经纬度 源数据 地理坐标 WGS84
-  data: "EPSG:4326",
-  // 墨卡托投影坐标 渲染坐标
-  mercator: "EPSG:3857"
-}, 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) {
-  let t = { lon: 0, lat: 0 }, o = e[0] / equatorialCircumference * 180, n = e[1] / equatorialCircumference * 180;
-  return n = 180 / Math.PI * (2 * Math.atan(Math.exp(n * Math.PI / 180)) - Math.PI / 2), t.lon = o, t.lat = n, t;
-}
-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
-}), labelAlpha = 0.8, labelFont = "500 12px Arial", labelOutSize = 2, labelHeight = 10, fillRectRadius = (e, t, o, n, a, 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 + a, t + n - l, o + a, l), e.arcTo(t, o + a, t, o + a - 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, a = -1 / 0;
-  for (const [r, l] of e)
-    r < t && (t = r), l < o && (o = l), r > n && (n = r), l > a && (a = l);
-  return [t, o, n, a];
-}, 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 a = e.length;
-  for (let i = 0; i < a - 1; i++) {
-    const [s, u] = e[i], [c, m] = e[i + 1], d = s * m - c * u;
-    n += d, t += (s + c) * d, o += (u + m) * d;
-  }
-  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), a = t * Math.PI / 180, r = Math.cos(a), l = Math.sin(a);
-  return e.map(([i, s]) => {
-    const u = i - o, c = s - n, m = u * r - c * l + o, d = u * l + c * r + n;
-    return [m, d];
-  });
-}, 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, a) {
-  let r, l, i, s, u = e[0], c = e[1];
-  switch (t) {
-    case 0:
-      r = u + a, l = r + o, s = c - a, i = s - n;
-      break;
-    case 1:
-      r = u + a, l = r + o, s = c + n / 2, i = s - n;
-      break;
-    case 2:
-      r = u + a, l = r + o, s = c + a + n, i = s - n;
-      break;
-    case 3:
-      r = u - o / 2, l = r + o, s = c + a + n, i = s - n;
-      break;
-    case 4:
-      l = u, r = l - o, s = c + a + n, i = s - n;
-      break;
-    case 5:
-      l = u - a, r = l - o, s = c + n / 2, i = s - n;
-      break;
-    case 6:
-      l = u, r = l - o, s = c - a, i = s - n;
-      break;
-    case 7:
-      r = u - o / 2, l = r + o, s = c - a, i = s - n;
-  }
-  if (!(!r || !i || !l || !s))
-    return [Math.min(r, l), Math.min(i, s), Math.max(r, l), Math.max(i, s) + 1];
-}
-function calculateAnchorPoint(e, t, o = 70, n = 20, a = 20) {
-  let r = [0, 0];
-  switch (t) {
-    case 0:
-      r[0] = e[0] + a, r[1] = e[1] - a - n / 2;
-      break;
-    case 1:
-      r[0] = e[0] + a, r[1] = e[1];
-      break;
-    case 2:
-      r[0] = e[0] + a, r[1] = e[1] + a + n / 2;
-      break;
-    case 3:
-      r[0] = e[0], r[1] = e[1] + a + n / 4;
-      break;
-    case 4:
-      r[0] = Math.max(e[0] - a, e[0] - o / 2), r[1] = e[1] + a + n / 4;
-      break;
-    case 5:
-      r[0] = e[0] - a, r[1] = e[1];
-      break;
-    case 6:
-      r[0] = Math.max(e[0] - a, e[0] - o / 2), r[1] = e[1] - a - n / 4;
-      break;
-    case 7:
-      r[0] = e[0], r[1] = e[1] - a - n / 4;
-  }
-  return r;
-}
-function drawLabelBody(e, t, o) {
-  if (!e) return;
-  const {
-    font: n,
-    labelOutSize: a = 2,
-    labelHeight: r,
-    center: l,
-    text: i,
-    leftIcon: s,
-    shipColor: u,
-    lineLength: c = 20
-  } = o;
-  e.save(), n && (e.font = n);
-  let m = e.measureText(i).width + 2 * a;
-  (s || u) && (m += r + 4 * a), e.restore();
-  let d, f = -1, w = r + 3 * a;
-  if (f = 0, d = calculateBounds(l, f, m, w, c), d && f > -1) {
-    let v = getBottomLeftPoint(d), h = getTopRighttPoint(d);
-    return {
-      center: l,
-      x: calculateAnchorPoint(l, f, m, w, c),
-      l: h,
-      r: v,
-      bounds: d,
-      position: f
-    };
-  }
-  return null;
-}
-const drawText = (e, t) => {
-  if (!e) return;
-  const { center: o, text: n, textColor: a, leftIcon: r, rightIcons: l, font: i } = t;
-  e.save();
-  let [s, u] = o;
-  if (r) {
-    e.font = "21px map-iconfont";
-    let c = getIconFont(r.icon);
-    e.fillStyle = r.color, e.fillText(c, s + labelOutSize - 4, u + 3), s += 22;
-  }
-  if (l != null && l.length) {
-    e.font = "12px map-iconfont", e.fillStyle = "#3370ff";
-    let c = e.measureText(n).width + 6;
-    l.forEach((m, d) => {
-      let f = getIconFont(m), w = 20 * d;
-      e.fillText(f, s + c + w, u);
-    });
-  }
-  e.font = i || labelFont, e.fillStyle = a, e.fillText(n, s, u), e.restore();
-}, drawPolygon = (e, t) => {
-  let {
-    points: o,
-    strokeColor: n,
-    fillColor: a,
-    shouldClosePath: r,
-    translation: l,
-    rotation: i,
-    rotationCenter: s,
-    scale: u,
-    globalAlpha: c
-  } = t;
-  if (c || (c = 1), o && e) {
-    e.save(), e.beginPath(), i && i !== 0 && s == null && e.rotate(i), l && e.translate(l[0], l[1]), i && (s != null && s.length) && e.rotate(i), u && e.scale(u, u), e.moveTo(o[0][0], o[0][1]);
-    for (let m = 1; m < o.length; m++)
-      e.lineTo(o[m][0], o[m][1]);
-    r && e.closePath(), n && (e.strokeStyle = n, e.stroke()), a && r && (c && (e.globalAlpha = c), e.fillStyle = a, e.fill()), e.restore();
-  }
-}, drawLabel = (e, t) => {
-  const { center: o, text: n, color: a, textColor: r, bgColor: l, leftIcon: i, rightIcons: s } = t;
-  if (o && n) {
-    let u = {
-      font: labelFont,
-      labelOutSize,
-      labelHeight,
-      center: o,
-      text: n,
-      leftIcon: i
-    }, c = drawLabelBody(e, labels.value, u);
-    if (c) {
-      const { x: m, bounds: d, l: f } = c;
-      let w = [getTopLeftPoint(d), getBottomLeftPoint(d), getBottomRightPoint(d), getTopRighttPoint(d)];
-      labels.value.push(c), drawPolygon(e, {
-        points: [o, m],
-        strokeColor: a,
-        fillColor: "#000",
-        shouldClosePath: !0,
-        translation: void 0,
-        rotation: void 0,
-        rotationCenter: void 0,
-        scale: void 0,
-        globalAlpha: labelAlpha
-      }), s != null && s.length && s.forEach(() => {
-        w[1][0] += 20, w[2][0] += 20;
-      }), drawPolygon(e, {
-        points: w,
-        strokeColor: a,
-        fillColor: l,
-        shouldClosePath: !0
-      });
-      const [T, E] = f, C = {
-        center: [T, E + labelOutSize + labelHeight + 1],
-        text: n,
-        textColor: r,
-        leftIcon: i,
-        rightIcons: s
-      };
-      drawText(e, C);
-    }
-  }
-  return null;
-}, stopIcon = "&#xe6e2;", stopColor = "#E31818", slowIcon = "&#xe703;", slowColor = "#1890FF", dropletsIcon = "&#xe6d2", trackList$1 = ref([]);
-let animationFeature, animationId;
-const renderTrackLine = (e, t, o) => {
-  var r, l, i;
-  const n = e[t];
-  if (!n) return;
-  trackList$1.value = [], trackList$1.value = n.reverse().map((s, u) => (s.center = [s.lon, s.lat], s.centerPoint = lonLatToMercator(s.center), s.id = t, s.index = u, s.time = hooks(s.createdAt).format("YYYY-MM-DD HH:mm:ss"), s));
-  let a = trackList$1.value.map((s) => s.centerPoint);
-  if (a.length >= 2) {
-    let s = new LineString(a);
-    const u = new Feature({ geometry: s });
-    u.setStyle(
-      new Style({
-        stroke: new Stroke({
-          color: o,
-          width: 2
-        })
-      })
-    ), u.setId(t), u.set("type", "line"), (l = (r = shipTrackVectorLayer.value) == null ? void 0 : r.getSource()) == null || l.clear(), shipTrackLineFeatures.value = [];
-    const c = shipTrackLineFeatures.value.findIndex((d) => d.getId() === t);
-    c >= 0 ? shipTrackLineFeatures.value[c] = u : shipTrackLineFeatures.value.push(u);
-    const m = createAnimatedIconFeature(o, a);
-    trackLineVectorSource.value = new VectorSource({
-      features: [...shipTrackLineFeatures.value, m]
-    }), animationFeature = m, shipTrackVectorLayer.value = new VectorLayer({
-      source: trackLineVectorSource.value
-    }), setTimeout(() => {
-      renderPoint(o);
-    }, 500), (i = mapInstance.value) == null || i.addLayer(shipTrackVectorLayer.value);
-  }
-}, handlePlay = (e) => {
-  const t = trackLineVectorSource.value.getFeatures().filter((o) => {
-    var n;
-    return !!((n = o.get("data")) != null && n.lon);
-  }).map((o) => lonLatToMercator([o.get("data").lon, o.get("data").lat]));
-  startAnimation(t);
-}, removeShipTrackLineFeatureByIndex = (e) => {
-  e >= 0 && e < shipTrackLineFeatures.value.length && shipTrackLineFeatures.value.splice(e, 1), 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;
-}, startAnimation = (e) => {
-  if (!animationFeature || !(e != null && e.length)) return;
-  let t = 0;
-  const o = e.length;
-  function n() {
-    if (t < o) {
-      const [a, r] = e[t];
-      animationFeature.getGeometry().setCoordinates(fromLonLat([a, r])), t++, animationId = requestAnimationFrame(n);
-    } else
-      cancelAnimationFrame(animationId), t = 0, startAnimation();
-  }
-  n();
-}, renderPoint = (e) => {
-  if (!mapInstance.value) return;
-  let t = trackList$1.value || [];
-  if (!(t && t.length > 2)) return [];
-  let o = { 16: 24, 17: 15, default: 4 }, n = [], a = t.length;
-  for (let i = 0; i < a; i++) {
-    t[i].index = i;
-    let s = mapInstance.value.getPixelFromCoordinate(t[i].centerPoint);
-    if (s) {
-      let u = s.concat(s);
-      u = adjustBounds(u, [20, 20]);
-      let c = mapInstance.value.getView().getZoom();
-      if (!c) return;
-      if (c > 15) {
-        let d = o[c] || o.default;
-        u = adjustBounds(u, [d, d]);
-      }
-      let m = !0;
-      if (t[i].state !== "0") {
-        for (let d = 0; d < n.length; d++)
-          if (isOverlapping(u, n[d].bounds)) {
-            m = !1;
-            break;
-          }
-      }
-      m && (t[i].bounds = u, n.push(t[i]));
-    }
-  }
-  const r = getIconStyle(stopIcon), l = getIconStyle(slowIcon);
-  n.forEach((i) => {
-    var c, m;
-    let s = new Feature({
-      geometry: new Point(i.centerPoint)
-    });
-    s.set("type", "track_point"), s.set("data", i), s.setStyle(
-      new Style({
-        image: new CircleStyle({
-          fill: new Fill({ color: e }),
-          stroke: new Stroke({ color: "#fff", width: 2 }),
-          radius: 3
-        })
-      })
-    ), trackLineVectorSource.value.addFeature(s);
-    const u = new Feature({
-      geometry: new Point(fromLonLat(i.center))
-    });
-    if (u.set("type", "track_label"), u.setStyle(
-      setTrackLabelStyle(i, e)
-    ), console.log("trackLabelFeature"), trackLineVectorSource.value.addFeature(u), typeof i == "object" && i.hasOwnProperty("state")) {
-      let d = new Feature({
-        geometry: new Point(i.centerPoint)
-      });
-      d.set("type", "track_icon");
-      let f = new Style({
-        text: new Text({
-          font: "Normal 22px map-iconfont",
-          text: getIconFont(dropletsIcon),
-          offsetY: -10
-        }),
-        zIndex: 99
-      }), w = [];
-      i.state === "0" ? ((c = f.getText()) == null || c.setFill(new Fill({ color: stopColor })), w.push(r)) : ((m = f.getText()) == null || m.setFill(new Fill({ color: slowColor })), w.push(l)), w.push(f), d.setStyle(w), trackLineVectorSource.value.addFeature(d);
-    }
-  }), 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 a, r = e[n], l = (e[n + 1].index + r.index) / 2;
-    if (l % 2 === 0)
-      a = trackList$1.value[l].centerPoint;
-    else {
-      let i = trackList$1.value[Math.floor(l)], s = trackList$1.value[Math.ceil(l)];
-      if (i && s) {
-        let [u, c] = i.centerPoint, [m, d] = s.centerPoint;
-        a = [(u + m) / 2, (c + d) / 2];
-      }
-    }
-    if (a) {
-      let i = new Feature({
-        geometry: new Point(a)
-      });
-      i.set("type", "track_arrow"), i.setStyle(
-        new Style({
-          text: new Text({
-            font: "700 14px map-iconfont",
-            text: getIconFont("&#xe6bc;"),
-            fill: new Fill({ color: t }),
-            rotation: 1
-            // 	getRotation(
-            // 	pointList[index].center,
-            // 	pointList[index + 1].center
-            // ),
-          })
-        })
-      ), trackLineVectorSource.value.addFeature(i);
-    }
-  }
-}, 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((a) => {
-    let r = new Feature({
-      geometry: new Point(a.centerPoint)
-    });
-    r.set("type", "track_begin"), r.set("data", a);
-    const l = a.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 a = n.context, i = {
-      center: o,
-      text: e.time,
-      color: t,
-      textColor: "#000",
-      bgColor: "rgba(255,255,255,.8)"
-    };
-    drawLabel(a, i);
-  }
-}), 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]
-    ]
-  }
-}, speedCondition = [[1, 10], [10, 20], [20, 1 / 0]], drawShipModelByZoom = { 16: [200, 30], 17: [50, 5], 18: [1, 1] }, setBlankStyle = () => new Style({
-  image: new CircleStyle({
-    radius: 0
-  })
-}), setShipStyle = (e) => new Style({
-  renderer: (t, o) => {
-    const n = o.context, a = o.feature.get("data");
-    try {
-      const r = drawShipBody(n, a, t);
-      r && (drawHeading(n, a, r), e && drawSelectBounds(n, r)), drawShipLabel(n, a, t);
-    } catch {
-      return !1;
-    }
-  }
-}), drawShipBody = (e, t, o) => {
-  if (!mapInstance.value) return;
-  const n = mapInstance.value.getView().getZoom();
-  if (!n) return;
-  let a = [];
-  const [r, l] = drawShipModelByZoom[n] || [0, 0], [i, s] = o;
-  if (n <= mapZoom.shipModelMax && n > mapZoom.shipModelMin && t.length >= r && t.breadth >= l)
-    a = rotateShapeModel(drawCurrentShipShapeModel(t, n), t.angle).map((c) => {
-      const [m, d] = c;
-      return [i + m, s + d];
-    });
-  else {
-    const u = rotateShapeModel(triangleModel, t.angle);
-    o.length === 2 && (a = u.map((c) => {
-      const [m, d] = c;
-      return [i + m, s + d];
-    }));
-  }
-  if (!(a.length > 2)) return !1;
-  e.save(), e.beginPath(), e.moveTo(a[0][0], a[0][1]);
-  for (let u = 1; u < a.length; u++)
-    e.lineTo(a[u][0], a[u][1]);
-  return e.closePath(), e.strokeStyle = "#000", e.lineWidth = 1, e.stroke(), e.fillStyle = t.fill, e.fill(), e.restore(), a;
-}, drawHeading = (e, t, o) => {
-  const [n, a] = o[0], r = getShipDirectPath(t);
-  if (r) {
-    let l = r.map(function(i) {
-      let [s, u] = i;
-      return [s + n, u + a];
-    });
-    if (e.save(), e.beginPath(), t.angle > 0) {
-      e.translate(n, a);
-      const i = t.angle * Math.PI / 180;
-      e.rotate(i), e.translate(-n, -a);
-    }
-    e.moveTo(n, a);
-    for (let i = 1; i < l.length; i++) {
-      let [s, u] = l[i];
-      e.lineTo(s, u);
-    }
-    e.strokeStyle = "#000", e.lineWidth = 1, e.stroke(), e.restore();
-  }
-}, drawSelectBounds = (e, t) => {
-  let [o, n, a, r] = getPixelFromCoordinate(t);
-  const l = 4;
-  o -= l, n -= l, a += l, r += l, e.save(), e.strokeStyle = "#ff0000", e.lineWidth = 4;
-  const i = 8;
-  e.beginPath(), e.moveTo(o + i, r), e.lineTo(o, r), e.lineTo(o, r - i), e.moveTo(o, n + i), e.lineTo(o, n), e.lineTo(o + i, n), e.moveTo(a - i, n), e.lineTo(a, n), e.lineTo(a, n + i), e.moveTo(a, r - i), e.lineTo(a, r), e.lineTo(a - i, r), e.stroke(), e.restore();
-}, drawShipLabel = (e, t, o) => {
-  const [n, a] = o, r = n - 0, l = a - 0, i = t.name;
-  let s;
-  t.leftIconColor && (s = { color: t.leftIconColor, icon: "&#xe599;" });
-  let u = getShipCustomIcon(t);
-  drawLabel(e, {
-    center: [r, l],
-    text: i,
-    color: "#fff",
-    textColor: "#000",
-    bgColor: "#fff",
-    leftIcon: s,
-    rightIcons: u
-  });
-}, drawCurrentShipShapeModel = (e, t) => {
-  let o = 0;
-  t === 17 ? o = 0.425 : t === 18 && (o = 0.857);
-  const n = e.length / 4 * o, a = e.breadth * o;
-  let r = cloneDeep(shipShapeModel);
-  return r = r.map(([l, i]) => [l * a, i * n]), r;
-}, getShipDirectPath = (e) => {
-  let { speed: t, hdg: o, cog: n } = e, a = "", r = null;
-  if (t && t > 1 && (o !== null && o != 511 && n !== null ? n - o >= 3 ? a = "left" : n - o <= -3 ? a = "right" : a = "front" : a = "front", a && t))
-    for (let l in speedCondition) {
-      let i = speedCondition[l];
-      if (t >= i[0] && t < i[1]) {
-        r = shipDirectPath[a][l];
-        break;
-      }
-    }
-  return r;
-}, getShipCustomIcon = (e) => {
-  let t = [];
-  return e.existDevice && t.push("&#xe687;"), e.existMobile && t.push("&#xe688;"), e.existWaterGauge && t.push("&#xe686;"), t || [];
-};
-let shipsMarkerList = [], shipsVectorSource, largeAmountShipsSource;
-const selectedShipData = ref(null);
-let selectShipsVectorSource;
-const renderShips = (e) => {
-  var o, n, a, r;
-  if (!mapInstance.value) return;
-  const t = mapInstance.value.getView().getZoom();
-  if (selectedShipData.value && nextTick(() => {
-    selectSingleShipMarker(selectedShipData.value);
-  }).then((l) => {
-  }), !(!t || t < mapZoom.shipGreenDotMax))
-    return allShips.value = e, t > mapZoom.shipGreenDotMax && t < mapZoom.shipModelMin ? ((o = shipsLayer.value) == null || o.setVisible(!1), (n = largeAmountShipsLayer.value) == null || n.setVisible(!0), renderLargeAmountShips(e)) : ((a = largeAmountShipsLayer.value) == null || a.setVisible(!1), (r = shipsLayer.value) == null || r.setVisible(!0), renderShipsMarker(e));
-}, renderLargeAmountShips = (e) => {
-  if (!mapInstance.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": "#04C900",
-      // 'shape-fill-color': ['get', 'data.fill'],
-      "shape-rotate-with-view": !1,
-      "shape-rotation": [
-        "+",
-        ["get", "cog"],
-        // 获取 'cog' 属性值
-        180
-        // 将值旋转 180 度
-      ],
-      "shape-scale": [0.8, 1.2],
-      "shape-stroke-color": "#000000",
-      // 边框颜色为黑色
-      "shape-stroke-width": 0.5
-      // 边框宽度为0.5px
-    }
-  }), mapInstance.value.addLayer(largeAmountShipsLayer.value), largeAmountShipsLayer.value;
-}, renderShipsMarker = (e) => {
-  if (!mapInstance.value) return;
-  deleteAllShipMarkers();
-  let t = convertShipMapData(e);
-  if (t = customFilterShips(t), !!(t != null && t.length))
-    return t.forEach((o) => {
-      const n = [o.lon, o.lat], a = new Feature({
-        geometry: new Point(fromLonLat(n))
-      });
-      a.set("data", o), a.setStyle(
-        setShipStyle(!1, o.id)
-      ), shipsMarkerList.push({
-        ship: o,
-        lonlat: n,
-        feature: a
-      });
-    }), shipsVectorSource = new VectorSource({
-      features: shipsMarkerList.map((o) => o.feature)
-    }), shipsLayer.value = new VectorLayer({
-      source: shipsVectorSource
-    }), mapInstance.value.addLayer(shipsLayer.value), shipsLayer.value;
-}, customFilterShips = (e) => {
-  let t = cloneDeep(e);
-  return t = t.filter((o) => {
-    var a, r, l;
-    let n = getFilterItem(o).every(({ btnShow: i, value: s }) => i ? !!s : !0);
-    return switchBtnShow.value.camera || switchBtnShow.value.mobile || switchBtnShow.value.waterGauge ? ((a = selectedShipData.value) == null ? void 0 : a.id) === o.id && clearSelectFeature() : (r = selectedShipData.value) != null && r.id && findShip((l = selectedShipData.value) == null ? void 0 : l.id, selectedShipData.value, !1), 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));
-  }), shipsMarkerList = [];
-}, selectSingleShipMarker = (e) => {
-  if (!mapInstance.value) return;
-  selectSingleShipData.value = convertShipMapData(e);
-  const t = [selectSingleShipData.value.lon, selectSingleShipData.value.lat], o = new Feature({
-    geometry: new Point(fromLonLat(t))
-  });
-  return o.set("data", selectSingleShipData.value), o.setStyle(
-    setShipStyle(!0, selectSingleShipData.value.id)
-  ), shipsMarkerList.push({
-    ship: selectSingleShipData.value,
-    lonlat: t,
-    feature: o
-  }), selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsVectorSource = new VectorSource({
-    features: [o]
-  }), selectShipsLayer.value = new VectorLayer({
-    source: selectShipsVectorSource
-  }), setVisibleFeatureById(selectSingleShipData.value.id, !0), mapInstance.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!0), selectShipsLayer.value;
-}, setVisibleFeatureById = (e, t) => {
-  shipsVectorSource && shipsVectorSource.forEachFeature((o) => {
-    const n = o.get("data");
-    n && n.id === e && o.setStyle(t ? setShipStyle(!1, n.id) : setBlankStyle());
-  });
-}, findShip = (e, t, o = !0) => {
-  var a, r, l, i, s;
-  if (!e || !mapInstance.value) return;
-  const n = (l = (r = (a = shipsLayer.value) == null ? void 0 : a.getSource()) == null ? void 0 : r.getFeatures()) == null ? void 0 : l.find((u) => {
-    var c;
-    return ((c = u.get("data")) == null ? void 0 : c.id) === e;
-  });
-  if (n ? selectedShipData.value = n : t && (selectedShipData.value = t), !t) {
-    console.error("找不到船舶");
-    return;
-  }
-  if (selectSingleShipMarker(t), o && ((i = selectedShipData.value) != null && i.lon) && ((s = selectedShipData.value) != null && s.lat)) {
-    const u = mapInstance.value.getView(), c = new Point([selectedShipData.value.lon, selectedShipData.value.lat]);
-    u.setCenter(transform(c.getCoordinates(), projection.data, projection.mercator));
-    const m = u.getZoom(), d = m < mapZoom.findShip ? mapZoom.findShip : m;
-    u.setZoom(d);
-  }
-  return n;
-}, clearSelectFeature = () => {
-  var e;
-  selectedShipData.value && setVisibleFeatureById((e = selectedShipData.value) == null ? void 0 : e.id, !1), selectedShipData.value = null, mapInstance.value && (selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsLayer.value = new VectorLayer({
-    source: selectShipsVectorSource
-  }), mapInstance.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);
-}, 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);
-}, showTracks = ref([]), trackList = ref([]);
-ref(null);
-const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship") => {
-  var c;
-  if (nextTick(() => {
-    hiddenAllShips();
-  }).then((m) => {
-  }), (t == null ? void 0 : t.length) < 2) {
-    ((c = showTracks.value) == null ? void 0 : c.findIndex((m) => m.id === e)) < 0 && showTracks.value.push({ id: e, length: "" });
-    return;
-  }
-  let r = {};
-  t.forEach((m) => {
-    m.state ? m.state = Number(m.state) : delete m.state;
-  }), trackId.value = e, r[e] = t, trackList.value = t;
-  const l = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], i = r[e].map(
-    (m) => transform([m.lon, m.lat], projection.data, projection.mercator)
-  ), s = new LineString(i), u = formatLength(s, n) || "--";
-  nextTick(() => {
-    var d;
-    const m = (d = showTracks.value) == null ? void 0 : d.findIndex((f) => f.id === e);
-    m < 0 ? showTracks.value.push({ id: e, length: u }) : showTracks.value[m].length = u, renderTrackLine(r, e, o), ++cursor.value, cursor.value > l.length && (cursor.value = 0), resetTrackView(e);
-  }).then(() => {
-  });
-}, removeAllTrackLayer = () => {
-  var e;
-  showTracks.value = [], (e = trackLineVectorSource.value) == null || e.clear();
-}, playTrack = (e, t) => {
-  handlePlay();
-}, resetTrackView = (e) => {
-  var a;
-  const t = mapInstance.value.getView(), o = e ? shipTrackLineFeatures.value.find((r) => r.getId() === e) : shipTrackLineFeatures.value[0];
-  if (!o) return;
-  const n = (a = o == null ? void 0 : o.getGeometry()) == null ? void 0 : a.getExtent();
-  if (n != null && n.length)
-    try {
-      t.fit(n);
-    } catch (r) {
-      console.log(r);
-    }
-}, _hoisted_1$3 = {
-  key: 0,
-  class: "more-tool-panel"
-}, _hoisted_2$1 = { class: "switch-buttons" }, _hoisted_3$1 = { class: "tool-components" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "toolPanel",
-  props: {
-    vehicleMode: {},
-    viewMode: {},
-    disableGreenDot: { type: Boolean },
-    showTrackLayer: { type: Boolean }
-  },
-  emits: ["switchGreenDot", "switchMapTile"],
-  setup(e, { emit: t }) {
-    var f, w;
-    const o = e, n = t, a = ref(((w = (f = mapInstance.value) == null ? void 0 : f.getView()) == null ? void 0 : w.getZoom()) || mapZoom.default), r = ref(!1), l = ref(null), i = ref(!0), s = () => {
-      o.disableGreenDot || a.value >= mapZoom.shipGreenDotMax || (i.value = !i.value, n("switchGreenDot", i.value));
-    }, u = ref(BaseMapType.vector), c = () => {
-      u.value = u.value === BaseMapType.vector ? BaseMapType.satellite : BaseMapType.vector, n("switchMapTile", u.value);
-    }, m = () => {
-      var v, h;
-      r.value ? (v = l.value) == null || v.removeInteraction() : (h = l.value) == null || h.addInteraction(), r.value = !r.value;
-    }, d = () => {
-      var v;
-      (v = l.value) == null || v.removeInteraction(), r.value = !1;
-    };
-    return onMounted(() => {
-      nextTick(() => {
-        var v;
-        (v = mapInstance.value) == null || v.on("moveend", () => {
-          var T, E;
-          const h = (E = (T = mapInstance.value) == null ? void 0 : T.getView()) == null ? void 0 : E.getZoom();
-          h && (a.value = h);
-        });
-      });
-    }), (v, h) => (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", `${r.value && "active"}`]),
-              onClick: m
-            }, h[5] || (h[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 ${i.value && "active"} ${(v.disableGreenDot || a.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
-              onClick: s
-            }, h[6] || (h[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 ${u.value === unref(BaseMapType).vector && "active"}`),
-              onClick: h[0] || (h[0] = (T) => c())
-            }, h[7] || (h[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 ${u.value === unref(BaseMapType).satellite && "active"}`),
-              onClick: h[1] || (h[1] = (T) => c())
-            }, h[8] || (h[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: h[2] || (h[2] = (T) => unref(playTrack)(0, 1))
-              }, h[9] || (h[9] = [
-                createElementVNode("i", { class: "map-iconfont icon-play" }, null, -1),
-                createElementVNode("div", { class: "button-text" }, "播放轨迹", -1)
-              ])),
-              createElementVNode("div", {
-                class: "switch-btn multiple",
-                onClick: h[3] || (h[3] = (T) => unref(resetTrackView)())
-              }, h[10] || (h[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", `${r.value && "active"}`]),
-              onClick: m
-            }, h[11] || (h[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 ${i.value && "active"} ${(v.disableGreenDot || a.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
-              onClick: s
-            }, h[12] || (h[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: u.value === unref(BaseMapType).satellite }]),
-            onClick: c
-          }, h[13] || (h[13] = [
-            createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
-            createElementVNode("div", { class: "button-text" }, "卫星", -1)
-          ]), 2)
-        ], 64))
-      ], 2),
-      createElementVNode("div", _hoisted_3$1, [
-        r.value ? (openBlock(), createBlock(Measure, {
-          key: 0,
-          ref_key: "measureRef",
-          ref: l,
-          visible: r.value,
-          "onUpdate:visible": h[4] || (h[4] = (T) => r.value = T),
-          onClose: d,
-          "view-mode": v.viewMode
-        }, null, 8, ["visible", "view-mode"])) : createCommentVNode("", !0)
-      ])
-    ], 64));
-  }
-}), ToolPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1b8ea4b1"]]), _hoisted_1$2 = { id: "scale-line-container" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "scaleLine",
-  setup(e, { expose: t }) {
-    const o = new ScaleLine$1({
-      units: "nautical"
-    });
-    return t({
-      setScaleLine: () => {
-        o.setTarget(document.getElementById("scale-line-container")), mapInstance.value.addControl(o);
-      }
-    }), (a, r) => (openBlock(), createElementBlock("div", _hoisted_1$2));
-  }
-}), ScaleLine = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-e51b19b1"]]), _hoisted_1$1 = { class: "zoom" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "zoomControl",
-  props: {
-    map: {
-      type: Object
-    }
-  },
-  setup(e) {
-    const t = () => {
-      if (!mapInstance.value) return;
-      const n = mapInstance.value.getView(), a = n.getZoom();
-      a && n.setZoom(a + 1);
-    }, o = () => {
-      if (!mapInstance.value) return;
-      const n = mapInstance.value.getView(), a = n.getZoom();
-      a && n.setZoom(a - 1);
-    };
-    return (n, a) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
-      createElementVNode("div", {
-        onClick: t,
-        class: "button big-button"
-      }, "+"),
-      createElementVNode("div", {
-        onClick: o,
-        class: "button small-button"
-      }, "-")
-    ]));
-  }
-}), ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f2b62b21"]]), _hoisted_1 = { class: "copyright" }, _hoisted_2 = { class: "tdt-control-copyright tdt-control" }, _hoisted_3 = ["src"], _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "copyright",
-  setup(e) {
-    return (t, o) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      createElementVNode("div", _hoisted_2, [
-        createElementVNode("img", {
-          src: unref(CDN_URL) + "map/tdt-logo.png",
-          width: "53px",
-          height: "22px",
-          class: "logo",
-          alt: ""
-        }, null, 8, _hoisted_3),
-        o[0] || (o[0] = createElementVNode("div", { class: "copyright-text" }, "GS（2024）0568号 - 甲测资字1100471", -1))
-      ]),
-      o[1] || (o[1] = createElementVNode("div", {
-        id: "dataSource",
-        class: "tdt-control data-source"
-      }, "数据来源：自然资源部 & NavInfo", -1))
-    ]));
-  }
-}), Copyright = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9c5c2f7b"]]), 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: (a, r) => {
-    const l = r.context;
-    l.save();
-    let i = 1;
-    l.scale(i, i);
-    let [s, u] = a;
-    s = s / i - 20, u = u / i;
-    const c = s - 70, m = u - 68;
-    let d = 180;
-    const f = 56, w = "#FFFFFF";
-    let v = 176;
-    const h = 52;
-    let T = "#164AFF", E = "#FFFFFF";
-    o === CAR_COLOR.YELLOW ? (v = 176, T = "#FFC81E", E = "rgba(0,0,0,0.88)") : o === CAR_COLOR.Y_GREEN && (d = 200, v = 196, T = "#8FED7C", E = "rgba(0,0,0,0.88)"), n != null && n.length && (d += n.length * 56), fillRectRadius(l, c, m, d, f, w), fillRectRadius(l, c + 2, m + 2, v, h, T), o === CAR_COLOR.Y_GREEN && fillRectRadius(l, c + 2, m + 2, 68, h, "#FFC81E"), l.save(), l.restore(), l.fillStyle = E, l.font = "bold 28px Arial", l.textAlign = "left", l.textBaseline = "middle";
-    const C = `${t.slice(0, 2) + " · " + t.slice(2)}`;
-    if (l.fillText(C, c + 12, m + 32), l.save(), l.restore(), n != null && n.length) {
-      const S = l.measureText(C).width + 12;
-      let g = 0;
-      n.forEach((I) => {
-        I === DEVICE_TYPE.CAMERA && (l.drawImage(cameraImage, s - 54 + S + g * 56, u - 64, 50, 50), ++g), I === DEVICE_TYPE.LOAD && (l.drawImage(loadImage, s - 54 + S + g * 56, u - 64, 50, 50), ++g);
-      });
-    }
-    const p = dotImage;
-    l.drawImage(p, s + d / 2 - 90, u, 50 / i, 50 / i), l.restore();
-  }
-});
-ref([]);
-let truckMarkerList = [], trucksVectorSource;
-const renderTrucksMarker = (e) => {
-  if (deleteAllTruckMarkers(), !!mapInstance.value)
-    return e.forEach((t) => {
-      const o = convertSixHundredThousandToLatLng(t.lon, t.lat), n = new Feature({
-        geometry: new Point(fromLonLat(o))
-      });
-      n.set("data", t), n.setStyle(
-        setTruckStyle(!1, t.vno, t == null ? void 0 : t.vclColor, t == null ? void 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.value.addLayer(trucksLayer.value), trucksLayer.value;
-}, deleteAllTruckMarkers = () => {
-  truckMarkerList.forEach((e) => {
-    e.feature && (trucksVectorSource == null || trucksVectorSource.removeFeature(e.feature));
-  }), truckMarkerList = [];
-}, drawCustomContent = (e, t, o, n = "top-left", a = !1) => {
-  var c, m;
-  if (!t || !mapInstance.value) return;
-  document.querySelectorAll(".truck-custom-content").forEach((d) => d.parentNode.removeChild(d));
-  const r = document.createElement("div");
-  r.innerHTML = o;
-  const l = new Overlay({
-    element: r,
-    position: t,
-    // 初始位置
-    positioning: n,
-    stopEvent: a
-    // 设置不阻拦事件
-  });
-  if (a) {
-    let d = !1, f = [0, 0], w = [0, 0];
-    r.addEventListener("mousedown", function(v) {
-      var h;
-      d = !0, v.clientX, v.clientY, f = (h = mapInstance.value) == null ? void 0 : h.getCoordinateFromPixel([v.clientX - 200, v.clientY - 200]), w = [
-        v.clientX - r.getBoundingClientRect().left + 160,
-        v.clientY - r.getBoundingClientRect().top + 84
-      ], v.preventDefault();
-    }), document.addEventListener("mousemove", function(v) {
-      var h;
-      if (d) {
-        let T = (h = mapInstance.value) == null ? void 0 : h.getCoordinateFromPixel([v.clientX - w[0], v.clientY - w[1]]), E = T[0] - f[0], C = T[1] - f[1];
-        l.setPosition([f[0] + E, f[1] + C]);
-      }
-    }), document.addEventListener("mouseup", function() {
-      d = !1;
-    });
-  }
-  (c = mapInstance.value) == null || c.addOverlay(l);
-  const i = r.querySelector(".close-button");
-  i && i.addEventListener("click", () => {
-    var d, f;
-    (d = mapInstance.value) == null || d.removeOverlay(l), (f = r.parentNode) == null || f.removeChild(r);
-  });
-  let s = JSON.parse(JSON.stringify(t));
-  const u = (m = mapInstance.value) == null ? void 0 : m.getCoordinateFromPixel(s);
-  return l.setPosition(u), l;
-}, vehicle = ref(null), focusShipData = ref(), currentTruckOverlay = ref(null), findTruck = async (e) => {
-  if (!mapInstance.value) return;
-  focusShipData.value = e;
-  const t = convertSixHundredThousandToLatLng(e.lon, e.lat), o = mapInstance.value.getPixelFromCoordinate(transform(t, projection.data, projection.mercator));
-  currentTruckOverlay.value = drawTruckIcon(e.vno, o, e == null ? void 0 : e.drc);
-  const n = mapInstance.value.getView(), a = new Point(t);
-  n.setCenter(transform(a.getCoordinates(), projection.data, projection.mercator));
-}, clearAllTruck = () => {
-  vehicle.value.clearAllShip();
-}, drawTruckIcon = (e, t, o) => {
-  const n = `<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 drawCustomContent(e, t, n, "center-center");
-}, removeTruckIcon = () => {
-  var t;
-  const e = (t = currentTruckOverlay.value) == null ? void 0 : t.getElement();
-  e && (e.innerHTML = "");
-}, zoomTruckIcon = () => {
-  var r;
-  if (!mapInstance.value) return;
-  const e = mapInstance.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 a = n(e);
-  (r = document.querySelectorAll(".truck-custom-content")) == null || r.forEach((l) => {
-    l.style.width = `${a}px`, l.style.height = `${a}px`;
-  });
-}, 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 c;
-  if (!mapInstance.value || !e || e.split(",").length !== 2) return;
-  const [n, a] = e.split(",").map(Number);
-  marker.value = new Feature({
-    geometry: new Point(fromLonLat([n, a]))
-  });
-  const r = o ? `${n}, ${a}` : "";
-  (c = marker.value) == null || c.setStyle(createIconStyle(r));
-  const l = new VectorSource({
-    features: [marker.value]
-  }), i = new VectorLayer({
-    source: l
-  }), s = mapInstance.value.getView();
-  if (mapInstance.value.addLayer(i), t) {
-    const m = new Translate({
-      layers: [i]
-    });
-    m.on("translating", function(d) {
-      var v;
-      const f = d.features.item(0).getGeometry().getCoordinates(), w = toLonLat(f);
-      markerPosition.value = `${w[0].toFixed(6)}, ${w[1].toFixed(6)}`, (v = marker.value) == null || v.setStyle(createIconStyle(markerPosition.value));
-    }), mapInstance.value.addInteraction(m);
-  }
-  const u = new Point([n, a]);
-  s.setCenter(transform(u.getCoordinates(), projection.data, projection.mercator)), s.setZoom(mapZoom.findShip);
-}, setMarkerPosition = (e) => {
-  var a, r;
-  if (!mapInstance.value) return;
-  const t = mapInstance.value.getView(), o = e.split(",").map(Number);
-  (r = (a = marker.value) == null ? void 0 : a.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));
-};
-let layerState = "drawn", drawnState = "undrawn";
-const source = new VectorSource();
-let sketch, helpTooltipElement, helpTooltip, measureTooltipElement, measureTooltip, circleStyle, drawVector, draw;
-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, a = 1 / 0, r = -1 / 0;
-  e == null || e.forEach((s) => {
-    const u = transform(s, projection.mercator, projection.data), c = u[0], m = u[1];
-    o = Math.min(o, m), n = Math.max(n, m), a = Math.min(a, c), r = Math.max(r, c);
-  });
-  const l = (n - o) * 111, i = (r - a) * 111;
-  squareLimitError = l > 150 || i > 150;
-};
-let storeFeature;
-const addInteraction = (e) => {
-  var o, n;
-  drawVector || init(), drawnState = "undrawn", layerState = "drawn", (o = mapInstance.value) == null || o.addLayer(drawVector), draw = new Draw({
-    type: "Polygon",
-    // source: drawVector.getSource(),
-    source,
-    trace: !0,
-    style: [
-      {
-        "stroke-color": "rgba(255, 255, 255, 1)",
-        "stroke-width": 1.5,
-        "stroke-line-dash": [10, 10],
-        "fill-color": "rgba(255, 255, 255, 0.25)"
-        // "circle-radius": 6,
-        // "circle-fill-color": "rgb(51,112,255, 1)"
-      },
-      new Style(circleStyle)
-    ]
-  }), (n = mapInstance.value) == null || n.addInteraction(draw), createMeasureTooltip(), createHelpTooltip();
-  let t;
-  draw.on("drawstart", function(a) {
-    var r;
-    layerState = "drawn", sketch = a.feature, t = (r = sketch.getGeometry()) == null ? void 0 : r.on("change", function(l) {
-      const i = l.target;
-      let s = formatArea(i, LENGTH_UNIT.NM);
-      const c = i.getCoordinates()[0], m = new LineString([c[c.length - 2], c[c.length - 1]]);
-      let d = formatLength(m, LENGTH_UNIT.NM);
-      if (lineLimitError = Number(getLength(m) / 1e3) > 150, validateSquareLimit(c), measureTooltipElement && s && (measureTooltipElement.innerHTML = `
-                <span class="text">面积：${s}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
-            `), helpTooltipElement && s) {
-        let f = "";
-        parseFloat(s) > 0 && (f = `
-                        <div class="text ${squareLimitError ? "error" : ""}">面积：${s}${squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</div>`), helpTooltipElement.innerHTML = `${f}
-                    <span class="text ${lineLimitError ? "error" : ""}">线段${c.length - 2}：${d}${lineLimitError ? '<span class="error pl-4">超出可以绘画的距离</span>' : ""}</span>
-                    <div><span class="text">单击继续，双击结束</span></div>
-                `;
-      }
-    }), drawnState = "drawing";
-  }), draw.on("drawend", function(a) {
-    if (a.feature.getGeometry()) {
-      storeFeature = a.feature;
-      const r = endFn(a.feature);
-      r != null && r.length && e && e(r);
-    }
-    sketch = null, measureTooltipElement = null, createMeasureTooltip(), t && unByKey(t), drawnState = "drawend";
-  });
-}, removeInteraction = () => {
-  var e, t, o;
-  if (mapInstance.value) {
-    if (document.querySelectorAll(".ol-tooltip.ol-tooltip-draw-polygon").forEach((n) => {
-      var a;
-      (a = n == null ? void 0 : n.parentNode) == null || a.removeChild(n);
-    }), source.clear(), (e = mapInstance.value) == null || e.removeLayer(drawVector), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement), ((t = mapInstance.value) == null ? void 0 : t.getTargetElement()).style.cursor = "", document.querySelector("#map").style.cursor = "", draw) {
-      const n = mapInstance.value.getInteractions().getArray().find((a) => a.ol_uid === draw.ol_uid);
-      n && ((o = mapInstance.value) == null || o.removeInteraction(n));
-    }
-    drawnState = "undrawn", layerState = "destroyed";
-  }
-}, endFn = (e) => {
-  var t, o, n;
-  if (e.getGeometry()) {
-    const a = [], l = e.getGeometry().getCoordinates();
-    (t = l[0]) == null || t.forEach((s) => {
-      a.push(transform(s, projection.mercator, projection.data));
-    });
-    const i = l[0][l[0].length - 2];
-    if (i && measureTooltip.setPosition(i), 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 a;
-    draw && ((n = mapInstance.value) == null || n.removeInteraction(draw)), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement);
-  }
-}, initFeature = (e) => {
-  var t, o;
-  if (layerState = "drawn", storeFeature) {
-    const n = storeFeature.getGeometry();
-    if (!n) return;
-    const a = formatArea(n, LENGTH_UNIT.NM);
-    measureTooltipElement && (measureTooltipElement.innerHTML = `
-                <span class="text">面积：${a}${lineLimitError || squareLimitError ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
-            `), (t = drawVector.getSource()) == null || t.addFeature(storeFeature);
-    const r = endFn(storeFeature);
-    r != null && r.length && e && e(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 = {
-    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: new Style({
-      stroke: new Stroke({
-        color: "rgba(255, 255, 255, 1)",
-        width: 2
-      }),
-      fill: new Fill({
-        color: "rgba(255, 255, 255, 0.3)"
-      })
-    })
-  }), 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());
-  }));
-}, reset = () => {
-  removeInteraction(), addInteraction(), storeFeature = null;
-}, drawPolygonTool = {
-  addInteraction,
-  removeInteraction,
-  initFeature,
-  reset
-}, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Map",
-  props: {
-    zoom: {},
-    center: {},
-    vehicleMode: {},
-    viewMode: {},
-    mmsi: {},
-    shipData: {}
-  },
-  emits: ["zoomChanged", "extentChanged"],
-  setup(e, { expose: t, emit: o }) {
-    const n = ref(null), a = ref(null), r = ref(null), l = o, i = e, s = ref(i.zoom || mapZoom.default), u = ref(!1), c = ref(!0), m = ref(!0), d = ref(!1);
-    let f;
-    ((p) => {
-      p[p.tiandituTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) })] = "tiandituTile", p[p.tiandituTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) })] = "tiandituTileMark", p[p.tiandituImgTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 })] = "tiandituImgTile", p[p.tiandituImgTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 })] = "tiandituImgTileMark", p[p.greenMark = new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })] = "greenMark";
-    })(f || (f = {}));
-    const w = () => {
-      var S, g;
-      const p = {
-        projection: projection.mercator,
-        // 地图投影坐标系
-        zoom: i.zoom || (i.vehicleMode === "ship" ? mapZoom.default : mapZoom.truckDefault),
-        // 地图缩放级别（打开页面时默认级别）
-        minZoom: mapZoom.min,
-        // 地图缩放最小级别
-        maxZoom: mapZoom.max,
-        // 地图缩放最大级别
-        center: lonLatToMercator(i.center || mapDefaultCenter),
-        // 深圳坐标
-        constrainResolution: !1,
-        // 禁用旋转
-        multiWorld: !0
-      };
-      mapInstance.value = new Map$1({
-        target: "map",
-        // 对应页面里 id 为 map 的元素
-        layers: [
-          // 图层
-          f.tiandituTile,
-          f.tiandituTileMark,
-          f.tiandituImgTile,
-          f.tiandituImgTileMark,
-          f.greenMark
-        ],
-        view: new View(p)
-      }), (S = a.value) == null || S.setScaleLine(), (g = mapInstance.value) == null || g.on("moveend", T), v(i.vehicleMode === "ship"), h(i.vehicleMode === "ship" ? BaseMapType.satellite : BaseMapType.vector), i.viewMode === "findShip" && i.mmsi && i.shipData && nextTick(() => {
-        findShip(String(i.mmsi), i.shipData);
-      });
-    };
-    onMounted(() => {
-      w();
-    });
-    const v = (p) => {
-      var S;
-      (S = mapInstance.value) == null || S.getLayers().forEach((g) => {
-        g.ol_uid === f.greenMark.ol_uid && (g.setVisible(p), c.value = p);
-      });
-    }, h = (p) => {
-      var S;
-      console.log("mode", p), (S = mapInstance.value) == null || S.getLayers().forEach((g) => {
-        (g.ol_uid === f.tiandituTile.ol_uid || g.ol_uid === f.tiandituTileMark.ol_uid || g.ol_uid === f.tiandituImgTile.ol_uid || g.ol_uid === f.tiandituImgTileMark.ol_uid) && g.setVisible(!1), (p === BaseMapType.vector && (g.ol_uid === f.tiandituTile.ol_uid || g.ol_uid === f.tiandituTileMark.ol_uid) || p === BaseMapType.satellite && (g.ol_uid === f.tiandituImgTile.ol_uid || g.ol_uid === f.tiandituImgTileMark.ol_uid)) && (console.log(p, g.ol_uid), g.setVisible(!0));
-      });
-    }, T = () => {
-      const p = mapInstance.value.getView(), S = p.getZoom();
-      S && E(S);
-      const g = p.calculateExtent(mapInstance.value.getSize());
-      g && S && C(g, S);
-    }, E = (p) => {
-      var I, V, y;
-      s.value = p;
-      const S = (I = mapInstance.value) == null ? void 0 : I.getLayers(), g = i.vehicleMode === "ship" ? S == null ? void 0 : S.getArray().find((k) => k.ol_uid === f.greenMark.ol_uid) : void 0;
-      !u.value && c.value && p < mapZoom.shipGreenDotMax ? (m.value = !0, g == null || g.setVisible(!0), (V = shipsLayer.value) == null || V.setVisible(!1), (y = largeAmountShipsLayer.value) == null || y.setVisible(!1)) : (m.value = !1, g == null || g.setVisible(!1)), l("zoomChanged", p);
-    }, C = (p, S) => {
-      const g = transform([p[0], p[1]], projection.mercator, projection.data), I = transform([p[2], p[3]], projection.mercator, projection.data);
-      l("extentChanged", { extent: [g, I], zoom: S });
-    };
-    return t({
-      mapInstance,
-      initMap: w,
-      renderTrucksMarker,
-      renderShip: renderShips,
-      renderTrack: (p, S, g) => {
-        var I, V;
-        d.value = !0, u.value = !0, hiddenAllShips(), (V = (I = largeAmountShipsLayer.value) == null ? void 0 : I.getSource()) == null || V.clear(), renderTrack(p, S, g, LENGTH_UNIT.NM);
-      },
-      findTruck,
-      removeTruckIcon,
-      clearAllTruck,
-      closeTrack: () => {
-        var p, S;
-        d.value = !1, (p = shipTrackVectorLayer.value) == null || p.setVisible(!1), (S = selectShipsLayer.value) == null || S.setVisible(!0), selectSingleShipData.value && setVisibleFeatureById(selectSingleShipData.value.id, !0);
-      },
-      closeTruckTrack: () => {
-        var p, S;
-        d.value = !1, (p = shipTrackVectorLayer.value) == null || p.setVisible(!1), (S = selectShipsLayer.value) == null || S.setVisible(!0);
-      },
-      resetTrackView,
-      playTrack,
-      clearSelectFeature,
-      findShip,
-      focusShip: (p, S, g = !0) => {
-        var I, V;
-        (I = shipsLayer.value) == null || I.setVisible(g), (V = largeAmountShipsLayer.value) == null || V.setVisible(!1), findShip(p, S);
-      },
-      showTracks,
-      removeAllTrackLayer,
-      switchFilterItem,
-      rerenderShip,
-      switchGreenDot: () => v(!1),
-      zoomTruckIcon,
-      renderTruckTrack: (p, S, g) => {
-        d.value = !0, renderTrack(p, S, g, LENGTH_UNIT.KM, "truck");
-      },
-      removerLayer: removeShipTrackLineFeatureByIndex,
-      renderMarker,
-      setMarkerPosition,
-      getZoomAndCenter: () => {
-        var V;
-        const p = (V = mapInstance.value) == null ? void 0 : V.getView();
-        if (!p) return null;
-        const S = parseInt(String(p.getZoom())), { lon: g, lat: I } = mercatorToLonLat(p.getCenter());
-        return { zoom: S, center: [g, I] };
-      },
-      drawPolygonTool
-    }), (p, S) => (openBlock(), createElementBlock("div", {
-      class: "map-page map-container",
-      ref_key: "pageRef",
-      ref: n
-    }, [
-      S[0] || (S[0] = createElementVNode("div", {
-        id: "map",
-        class: "map"
-      }, null, -1)),
-      createVNode(ToolPanel, {
-        "vehicle-mode": p.vehicleMode,
-        "view-mode": p.viewMode,
-        "disable-green-dot": u.value,
-        "show-track-layer": d.value,
-        onSwitchGreenDot: v,
-        onSwitchMapTile: h
-      }, {
-        toolPanel: withCtx(() => [
-          renderSlot(p.$slots, "toolPanel", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["vehicle-mode", "view-mode", "disable-green-dot", "show-track-layer"]),
-      p.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createVNode(ScaleLine, {
-          ref_key: "scaleLineControl",
-          ref: a
-        }, null, 512),
-        createVNode(ZoomControl, {
-          ref_key: "zoomControl",
-          ref: r
-        }, null, 512)
-      ], 64)) : createCommentVNode("", !0),
-      createVNode(Copyright)
-    ], 512));
-  }
-}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bfb8b74c"]]), ZhMap = withInstall(Map);
-export {
-  ZhMap as Z
-};