zhihao-ui 1.2.15 → 1.2.16

package/dist/es/{Map-lPiX2Ato.js → Map-f7AQFEm9.js}

@@ -1,10 +1,10 @@
-var A = Object.defineProperty;
-var B = (e, t, o) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var k = (e, t, o) => B(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, normalizeClass, renderSlot, onMounted } 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-HCJEPiOI.js";
-import { _ as _export_sfc } from "./Button-8WUVSVx0.js";
-import { w as withInstall } from "./utils-DQpHM4si.js";
+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-OpzeoolK.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",
@@ -16,47 +16,47 @@ const LENGTH_UNIT_LABEL = {
 };
 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, g, p, T, L, E, b, h, y, v) {
-    k(this, "id");
+  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
-    k(this, "mmsi");
+    L(this, "mmsi");
     // 船舶三角形填充色
-    k(this, "fill");
+    L(this, "fill");
     // 船类型 "7": "货船",
-    k(this, "shipType");
+    L(this, "shipType");
     // 船名
-    k(this, "name");
+    L(this, "name");
     // 长度
-    k(this, "length");
+    L(this, "length");
     // 宽度
-    k(this, "breadth");
+    L(this, "breadth");
     // 经度
-    k(this, "lon");
+    L(this, "lon");
     // 纬度
-    k(this, "lat");
+    L(this, "lat");
     // 时间
-    k(this, "createdAt");
+    L(this, "createdAt");
     // 速度
-    k(this, "speed");
+    L(this, "speed");
     // 来源
-    k(this, "from");
+    L(this, "from");
     // 船状态 "stop":"静止","sail":"航行","work":"作业","danger":"危险","other":"其他"
-    k(this, "sailStatus");
+    L(this, "sailStatus");
     // 船艏向
-    k(this, "hdg");
+    L(this, "hdg");
     // 航迹向
-    k(this, "cog");
+    L(this, "cog");
     // 设备定位类型
-    k(this, "posType");
-    k(this, "type");
+    L(this, "posType");
+    L(this, "type");
     // 航向角度
-    k(this, "angle");
+    L(this, "angle");
     // 左侧是否显示色块
-    k(this, "leftIconColor");
-    k(this, "existDevice");
-    k(this, "existMobile");
-    k(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 = g, this.cog = p, this.posType = T, this.type = L, this.angle = E, this.leftIconColor = b, this.existDevice = h, this.existMobile = y, this.existWaterGauge = v;
+    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) {
@@ -97,7 +97,7 @@ const formatLength = function(e, t) {
     // 船舶三角形填充色
     o.fill || "#04C900",
     "70",
-    o.cnname || o.name,
+    o.name || o.cnname || o.enname,
     o.len,
     o.wid,
     o.lon,
@@ -117,7 +117,7 @@ const formatLength = function(e, t) {
     o.existWaterGauge
   );
   return Array.isArray(e) ? e.map((o) => t(o)) : t(e);
-}, mapInstance = ref(), shipsLayer = ref(), selectShipsLayer = ref(), allShips = ref([]), largeAmountShipsLayer = ref();
+}, mapInstance = ref(), shipsLayer = ref(), largeAmountShipsLayer = ref(), selectShipsLayer = ref(), allShips = ref([]), selectSingleShipData = ref();
 ref();
 const trucksLayer = ref(), shipTrackLineFeatures = ref([]), trackLineVectorSource = ref(), shipTrackVectorLayer = ref();
 ref();
@@ -125,17 +125,19 @@ 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$1 = { class: "left-panel" }, _hoisted_5 = { class: "text index" }, _hoisted_6 = { class: "text" }, _hoisted_7 = ["onClick"], _sfc_main$6 = /* @__PURE__ */ defineComponent({
+}, _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: {
+  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(LENGTH_UNIT.NM), l = ref([]), i = ref(!1), s = new VectorSource();
+    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 g = new VectorLayer({
+    const w = new VectorLayer({
       source: s,
       style: {
         "fill-color": "rgba(255, 255, 255, 0.2)",
@@ -144,18 +146,18 @@ const labels = ref([]), _hoisted_1$4 = {
         "circle-radius": 7,
         "circle-fill-color": "#ffcc33"
       }
-    }), p = function(w) {
-      if (w.dragging)
+    }), v = function(y) {
+      if (y.dragging)
         return;
-      let S = "点击选择起点";
-      u && (S = "单击继续，双击结束"), c && (c.innerHTML = S, m.setPosition(w.coordinate), c.classList.remove("hidden"));
-    }, T = () => {
-      mapInstance.value && (mapInstance.value.on("pointermove", p), mapInstance.value.getViewport().addEventListener("mouseout", function() {
-        var w;
-        (w = c == null ? void 0 : c.classList) == null || w.add("hidden");
+      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 L;
+    let T;
     const E = new Style({
       fill: new Fill({
         color: "rgba(255, 255, 255, 0.2)"
@@ -175,118 +177,124 @@ const labels = ref([]), _hoisted_1$4 = {
         })
       })
     });
-    function b() {
-      var w, S;
-      l.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((M) => {
-        var I;
-        (I = M == null ? void 0 : M.parentNode) == null || I.removeChild(M);
-      }), s.clear(), (w = mapInstance.value) == null || w.removeInteraction(L), (S = mapInstance.value) == null || S.removeLayer(g), c != null && c.parentNode && c.parentNode.removeChild(c);
+    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 h() {
-      var S, M;
-      b(), (S = mapInstance.value) == null || S.addLayer(g), L = new Draw({
+    function p() {
+      var k, b;
+      C(), (k = mapInstance.value) == null || k.addLayer(w), T = new Draw({
         source: s,
         type: "LineString",
         style: function() {
           return E;
         }
-      }), (M = mapInstance.value) == null || M.addInteraction(L), v(), y();
-      let w;
-      L.on("drawstart", function(I) {
+      }), (b = mapInstance.value) == null || b.addInteraction(T), g(), S();
+      let y;
+      T.on("drawstart", function(M) {
         var N;
-        u = I.feature;
-        let _;
-        w = (N = u.getGeometry()) == null ? void 0 : N.on("change", function(P) {
-          const F = P.target;
-          let x = formatLength(F, r.value);
-          _ = F.getLastCoordinate(), d && x && (d.innerHTML = x), f.setPosition(_);
+        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);
         });
-      }), L.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, v(), w && unByKey(w);
+      }), 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 y() {
-      var w;
+    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"
-      }), (w = mapInstance.value) == null || w.addOverlay(m);
+      }), (y = mapInstance.value) == null || y.addOverlay(m);
     }
-    function v() {
-      var w;
+    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
-      }), (w = mapInstance.value) == null || w.addOverlay(f);
+      }), (y = mapInstance.value) == null || y.addOverlay(f);
     }
-    const C = (w) => {
-      var I, _;
-      l.value[w] && l.value.splice(w, 1);
-      const S = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      S[w] && ((_ = (I = S[w]) == null ? void 0 : I.parentNode) == null || _.removeChild(S[w]));
-      const M = s.getFeatures();
-      M[w] && s.removeFeature(M[w]);
+    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 && (T(), h());
+      a && !i.value && (h(), p());
     }, { deep: !0, immediate: !0 }), t({
-      addInteraction: h,
-      removeInteraction: b
-    }), (w, S) => {
-      const M = resolveComponent("el-select");
-      return a.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      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" }, [
-          S[1] || (S[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
+          k[1] || (k[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
           createElementVNode("i", {
             onClick: V,
             class: "map-iconfont icon-close"
           })
         ]),
         createElementVNode("div", _hoisted_2$2, [
-          S[2] || (S[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
-          createVNode(M, {
+          k[2] || (k[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
+          createVNode(b, {
             class: "select-length-unit",
             modelValue: r.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (I) => r.value = I)
+            "onUpdate:modelValue": k[0] || (k[0] = (M) => r.value = M)
           }, {
             default: withCtx(() => [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(LENGTH_UNIT_LABEL), (I) => (openBlock(), createBlock(unref(ElOption), {
-                key: unref(LENGTH_UNIT)[I],
-                label: I,
-                value: unref(LENGTH_UNIT)[I]
+              (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, (I, _) => (openBlock(), createElementBlock("div", {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (M, F) => (openBlock(), createElementBlock("div", {
             class: "measure-history-item",
-            key: _
+            key: F
           }, [
-            createElementVNode("div", _hoisted_4$1, [
-              S[3] || (S[3] = createElementVNode("i", { class: "map-iconfont icon-a-Frame-11" }, null, -1)),
-              createElementVNode("span", _hoisted_5, "线段" + toDisplayString(_ + 1), 1),
-              createElementVNode("span", _hoisted_6, toDisplayString(I), 1)
+            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) => C(_)
-            }, S[4] || (S[4] = [
-              createElementVNode("i", { class: "map-iconfont icon-a-delete1" }, null, -1)
+              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$6, [["__scopeId", "data-v-650abf6f"]]), CDN_URL = "https://static.zhihaoscm.cn/", tiandituKey = "a6e8f78974f2581f2ca00485b40c948f", baseMap = {
+}), 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}`,
   // 矢量注记
@@ -329,6 +337,10 @@ function lonLatToMercator(e) {
   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("&") !== -1 && (unicode = unicode.replace("&", "&")), unicode.indexOf("&amp") !== -1 && (unicode = unicode.replace("&amp", "&")), eval('("' + unicode.replace("&#x", "\\u").replace(";", "") + '")');
 }
@@ -343,40 +355,7 @@ const multiplyPixelRatio = (e) => {
     offsetY: -14
   }),
   zIndex: 100
-});
-function convertToRadians(e) {
-  if (!e)
-    throw new Error("coord is required");
-  if (!Array.isArray(e)) {
-    if (e.type === "Feature" && e.geometry !== null && e.geometry.type === "Point")
-      return e.geometry.coordinates;
-    if (e.type === "Point")
-      return e.coordinates;
-  }
-  if (Array.isArray(e) && e.length >= 2 && !Array.isArray(e[0]) && !Array.isArray(e[1]))
-    return e;
-  throw new Error("coord must be GeoJSON Point or an Array of numbers");
-}
-function createFeature(e, t, o = {}) {
-  const n = {
-    type: "Feature"
-  };
-  return o.id !== void 0 && (n.id = o.id), o.bbox && (n.bbox = o.bbox), n.properties = {}, n.geometry = e, n;
-}
-function createPoint(e, t, o) {
-  return createFeature({
-    type: "Point",
-    coordinates: e
-  }, t, o);
-}
-function calculateAngle(e, t, o) {
-  const n = convertToRadians(e), a = convertToRadians(t), r = n[0] % 360 * (Math.PI / 180), l = a[0] % 360 * (Math.PI / 180), i = n[1] % 360 * (Math.PI / 180), s = a[1] % 360 * (Math.PI / 180), u = Math.sin(l - r) * Math.cos(s), c = Math.cos(i) * Math.sin(s) - Math.sin(i) * Math.cos(s) * Math.cos(l - r);
-  return 180 * Math.atan2(u, c) % (2 * Math.PI) / Math.PI;
-}
-const getAngle = (e, t) => {
-  let o = calculateAngle(createPoint(e), createPoint(t));
-  return o = o < 0 ? 360 + o : o, o % 360 * Math.PI / 180;
-}, labelAlpha = 0.8, labelFont = "500 12px Arial", labelOutSize = 2, labelHeight = 10, fillRectRadius = (e, t, o, n, a, r, l = 4) => {
+}), 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)
@@ -479,14 +458,14 @@ function drawLabelBody(e, t, 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, g = r + 3 * a;
-  if (f = 0, d = calculateBounds(l, f, m, g, c), d && f > -1) {
-    let p = getBottomLeftPoint(d), T = getTopRighttPoint(d);
+  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, g, c),
-      l: T,
-      r: p,
+      x: calculateAnchorPoint(l, f, m, w, c),
+      l: h,
+      r: v,
       bounds: d,
       position: f
     };
@@ -507,8 +486,8 @@ const drawText = (e, t) => {
     e.font = "12px map-iconfont", e.fillStyle = "#3370ff";
     let c = e.measureText(n).width + 6;
     l.forEach((m, d) => {
-      let f = getIconFont(m), g = 20 * d;
-      e.fillText(f, s + c + g, u);
+      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();
@@ -543,7 +522,7 @@ const drawText = (e, t) => {
     }, c = drawLabelBody(e, labels.value, u);
     if (c) {
       const { x: m, bounds: d, l: f } = c;
-      let g = [getTopLeftPoint(d), getBottomLeftPoint(d), getBottomRightPoint(d), getTopRighttPoint(d)];
+      let w = [getTopLeftPoint(d), getBottomLeftPoint(d), getBottomRightPoint(d), getTopRighttPoint(d)];
       labels.value.push(c), drawPolygon(e, {
         points: [o, m],
         strokeColor: a,
@@ -555,53 +534,53 @@ const drawText = (e, t) => {
         scale: void 0,
         globalAlpha: labelAlpha
       }), s != null && s.length && s.forEach(() => {
-        g[1][0] += 20, g[2][0] += 20;
+        w[1][0] += 20, w[2][0] += 20;
       }), drawPolygon(e, {
-        points: g,
+        points: w,
         strokeColor: a,
         fillColor: l,
         shouldClosePath: !0
       });
-      const [L, E] = f, b = {
-        center: [L, E + labelOutSize + labelHeight + 1],
+      const [T, E] = f, C = {
+        center: [T, E + labelOutSize + labelHeight + 1],
         text: n,
         textColor: r,
         leftIcon: i,
         rightIcons: s
       };
-      drawText(e, b);
+      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;
+  var r, l, i;
   const n = e[t];
   if (!n) return;
-  (r = trackLineVectorSource.value) == null || r.clear(), trackList$1.value = [], trackList$1.value = n.reverse().map((i, s) => (i.center = [i.lon, i.lat], i.centerPoint = lonLatToMercator(i.center), i.id = t, i.index = s, i.time = hooks(i.createdAt).format("YYYY-MM-DD HH:mm:ss"), i));
-  let a = trackList$1.value.map((i) => i.centerPoint);
+  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 i = new LineString(a);
-    const s = new Feature({ geometry: i });
-    s.setStyle(
+    let s = new LineString(a);
+    const u = new Feature({ geometry: s });
+    u.setStyle(
       new Style({
         stroke: new Stroke({
           color: o,
           width: 2
         })
       })
-    ), s.setId(t), s.set("type", "line");
-    const u = shipTrackLineFeatures.value.findIndex((m) => m.getId() === t);
-    u >= 0 ? shipTrackLineFeatures.value[u] = s : shipTrackLineFeatures.value.push(s);
-    const c = createAnimatedIconFeature(o, a);
+    ), 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, c]
-    }), animationFeature = c, shipTrackVectorLayer.value = new VectorLayer({
+      features: [...shipTrackLineFeatures.value, m]
+    }), animationFeature = m, shipTrackVectorLayer.value = new VectorLayer({
       source: trackLineVectorSource.value
     }), setTimeout(() => {
       renderPoint(o);
-    }, 500), (l = mapInstance.value) == null || l.addLayer(shipTrackVectorLayer.value);
+    }, 500), (i = mapInstance.value) == null || i.addLayer(shipTrackVectorLayer.value);
   }
 }, handlePlay = (e) => {
   const t = trackLineVectorSource.value.getFeatures().filter((o) => {
@@ -609,6 +588,10 @@ const renderTrackLine = (e, t, o) => {
     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]]))
@@ -693,8 +676,8 @@ const renderTrackLine = (e, t, o) => {
           offsetY: -10
         }),
         zIndex: 99
-      }), g = [];
-      i.state === "0" ? ((c = f.getText()) == null || c.setFill(new Fill({ color: stopColor })), g.push(r)) : ((m = f.getText()) == null || m.setFill(new Fill({ color: slowColor })), g.push(l)), g.push(f), d.setStyle(g), trackLineVectorSource.value.addFeature(d);
+      }), 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) => {
@@ -721,10 +704,11 @@ const renderTrackLine = (e, t, o) => {
             font: "700 14px map-iconfont",
             text: getIconFont("&#xe6bc;"),
             fill: new Fill({ color: t }),
-            rotation: getAngle(
-              e[n].center,
-              e[n + 1].center
-            )
+            rotation: 1
+            // 	getRotation(
+            // 	pointList[index].center,
+            // 	pointList[index + 1].center
+            // ),
           })
         })
       ), trackLineVectorSource.value.addFeature(i);
@@ -824,7 +808,11 @@ const renderTrackLine = (e, t, o) => {
       [0, -24]
     ]
   }
-}, speedCondition = [[1, 10], [10, 20], [20, 1 / 0]], drawShipModelByZoom = { 16: [200, 30], 17: [50, 5], 18: [1, 1] }, setShipStyle = (e) => new Style({
+}, 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 {
@@ -921,13 +909,14 @@ 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((o) => {
+  }).then((l) => {
   }), !(!t || t < mapZoom.shipGreenDotMax))
-    return allShips.value = e, t > mapZoom.shipGreenDotMax && t < mapZoom.shipModelMin || e.length > 500 ? (deleteAllShipMarkers(), renderLargeAmountShips(e)) : (largeAmountShipsSource == null || largeAmountShipsSource.clear(), renderShipsMarker(e));
+    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) => ({
@@ -951,15 +940,20 @@ const renderShips = (e) => {
       "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",
+        "+",
+        ["get", "cog"],
         // 获取 'cog' 属性值
-        0
-        // 如果 'cog' 属性不存在，使用默认值 0
+        180
+        // 将值旋转 180 度
       ],
-      "shape-scale": [0.8, 1.2]
+      "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) => {
@@ -1000,20 +994,26 @@ const renderShips = (e) => {
   }), shipsMarkerList = [];
 }, selectSingleShipMarker = (e) => {
   if (!mapInstance.value) return;
-  const t = convertShipMapData(e), o = [t.lon, t.lat], n = new Feature({
-    geometry: new Point(fromLonLat(o))
+  selectSingleShipData.value = convertShipMapData(e);
+  const t = [selectSingleShipData.value.lon, selectSingleShipData.value.lat], o = new Feature({
+    geometry: new Point(fromLonLat(t))
   });
-  return n.set("data", t), n.setStyle(
-    setShipStyle(!0, t.id)
+  return o.set("data", selectSingleShipData.value), o.setStyle(
+    setShipStyle(!0, selectSingleShipData.value.id)
   ), shipsMarkerList.push({
-    ship: t,
-    lonlat: o,
-    feature: n
+    ship: selectSingleShipData.value,
+    lonlat: t,
+    feature: o
   }), selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsVectorSource = new VectorSource({
-    features: [n]
+    features: [o]
   }), selectShipsLayer.value = new VectorLayer({
     source: selectShipsVectorSource
-  }), mapInstance.value.addLayer(selectShipsLayer.value), selectShipsLayer.value.setVisible(!0), selectShipsLayer.value;
+  }), 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;
@@ -1021,11 +1021,7 @@ const renderShips = (e) => {
     var c;
     return ((c = u.get("data")) == null ? void 0 : c.id) === e;
   });
-  if (n)
-    selectedShipData.value = n;
-  else if (t)
-    selectedShipData.value = t;
-  else {
+  if (n ? selectedShipData.value = n : t && (selectedShipData.value = t), !t) {
     console.error("找不到船舶");
     return;
   }
@@ -1037,7 +1033,8 @@ const renderShips = (e) => {
   }
   return n;
 }, clearSelectFeature = () => {
-  selectedShipData.value = null, mapInstance.value && (selectShipsVectorSource == null || selectShipsVectorSource.clear(), selectShipsLayer.value = new VectorLayer({
+  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 = () => {
@@ -1094,10 +1091,10 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship")
     } catch (r) {
       console.log(r);
     }
-}, _hoisted_1$3 = { class: "tool-panel" }, _hoisted_2$1 = {
+}, _hoisted_1$3 = {
   key: 0,
   class: "more-tool-panel"
-}, _hoisted_3$1 = { class: "switch-buttons" }, _hoisted_4 = { class: "tool-components" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
+}, _hoisted_2$1 = { class: "switch-buttons" }, _hoisted_3$1 = { class: "tool-components" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "toolPanel",
   props: {
     vehicleMode: {},
@@ -1107,112 +1104,124 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship")
   },
   emits: ["switchGreenDot", "switchMapTile"],
   setup(e, { emit: t }) {
-    var d, f;
-    const o = t, n = ref(((f = (d = mapInstance.value) == null ? void 0 : d.getView()) == null ? void 0 : f.getZoom()) || mapZoom.default), a = ref(!1), r = ref(null), l = ref(!0), i = () => {
-      l.value = !l.value, o("switchGreenDot", l.value);
-    }, s = ref(BaseMapType.vector), u = () => {
-      s.value = s.value === BaseMapType.vector ? BaseMapType.satellite : BaseMapType.vector, o("switchMapTile", s.value);
-    }, c = () => {
-      var g, p;
-      a.value ? (g = r.value) == null || g.removeInteraction() : (p = r.value) == null || p.addInteraction(), a.value = !a.value;
+    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 g;
-      (g = r.value) == null || g.removeInteraction(), a.value = !1;
+      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 (g, p) => (openBlock(), createElementBlock(Fragment, null, [
-      createElementVNode("div", _hoisted_1$3, [
-        g.viewMode === "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-          createElementVNode("div", _hoisted_3$1, [
-            g.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+    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", `${a.value && "active"}`]),
-              onClick: c
-            }, p[5] || (p[5] = [
+              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),
-            g.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 1,
-              "<div": "",
-              class: normalizeClass(`switch-btn ${l.value && "active"} ${(g.disableGreenDot || n.value >= unref(mapZoom).shipGreenDotMax) && "disabled"}`),
-              onClick: i
-            }, p[6] || (p[6] = [
+              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),
-            g.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 2,
-              class: normalizeClass(`switch-btn ${s.value === unref(BaseMapType).vector && "active"}`),
-              onClick: p[0] || (p[0] = (T) => u())
-            }, p[7] || (p[7] = [
+              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),
-            g.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
+            v.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
               key: 3,
-              class: normalizeClass(`switch-btn ${s.value === unref(BaseMapType).satellite && "active"}`),
-              onClick: p[1] || (p[1] = (T) => u())
-            }, p[8] || (p[8] = [
+              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),
-            g.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+            v.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
               createElementVNode("div", {
                 class: "switch-btn multiple",
-                onClick: p[2] || (p[2] = (T) => unref(playTrack)(0, 1))
-              }, p[9] || (p[9] = [
-                createElementVNode("i", { class: "iconfont icon-play" }, null, -1),
+                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: p[3] || (p[3] = (T) => unref(resetTrackView)())
-              }, p[10] || (p[10] = [
-                createElementVNode("i", { class: "iconfont icon-center" }, null, -1),
+                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(g.$slots, "toolPanel", {}, void 0, !0)
+            renderSlot(v.$slots, "toolPanel", {}, void 0, !0)
           ])
         ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          g.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          v.vehicleMode === "ship" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("div", {
-              class: normalizeClass(["switch-btn", `${a.value && "active"}`]),
-              onClick: c
-            }, p[11] || (p[11] = [
+              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),
-            createElementVNode("div", {
-              class: normalizeClass(["switch-btn", { active: l.value }]),
-              onClick: i
-            }, p[12] || (p[12] = [
+            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)
+            ]), 2)) : createCommentVNode("", !0)
           ], 64)) : createCommentVNode("", !0),
           createElementVNode("div", {
-            class: normalizeClass(["switch-btn", { active: s.value === unref(BaseMapType).satellite }]),
-            onClick: u
-          }, p[13] || (p[13] = [
+            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))
-      ]),
-      createElementVNode("div", _hoisted_4, [
-        a.value ? (openBlock(), createBlock(Measure, {
+      ], 2),
+      createElementVNode("div", _hoisted_3$1, [
+        r.value ? (openBlock(), createBlock(Measure, {
           key: 0,
           ref_key: "measureRef",
-          ref: r,
-          visible: a.value,
-          "onUpdate:visible": p[4] || (p[4] = (T) => a.value = T),
-          onClose: m
-        }, null, 8, ["visible"])) : createCommentVNode("", !0)
+          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$5, [["__scopeId", "data-v-ddfa6649"]]), _hoisted_1$2 = { id: "scale-line-container" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
+}), 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({
@@ -1224,7 +1233,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship")
       }
     }), (a, r) => (openBlock(), createElementBlock("div", _hoisted_1$2));
   }
-}), ScaleLine = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e51b19b1"]]), _hoisted_1$1 = { class: "zoom" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}), 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: {
@@ -1252,7 +1261,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship")
       }, "-")
     ]));
   }
-}), ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f2b62b21"]]), _hoisted_1 = { class: "copyright" }, _hoisted_2 = { class: "tdt-control-copyright tdt-control" }, _hoisted_3 = ["src"], _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}), 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, [
@@ -1272,29 +1281,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship")
       }, "数据来源：自然资源部 & NavInfo", -1))
     ]));
   }
-}), Copyright = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9c5c2f7b"]]), _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "fullscreen",
-  props: {
-    pageRef: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(e) {
-    const t = e, o = ref(!1), n = () => {
-      var a;
-      o.value ? document.exitFullscreen() : (console.log(t.pageRef), (a = t.pageRef) == null || a.requestFullscreen()), o.value = !o.value;
-    };
-    return (a, r) => (openBlock(), createElementBlock("div", {
-      class: "fullscreen-btn",
-      onClick: n
-    }, [
-      createElementVNode("i", {
-        class: normalizeClass(`map-iconfont ${o.value ? "icon-quxiaoquanping" : "icon-quanping"} `)
-      }, null, 2)
-    ]));
-  }
-}), Fullscreen = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ed59d7cb"]]), dotImage = new Image();
+}), 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();
@@ -1316,21 +1303,21 @@ const setTruckStyle = (e, t, o, n) => new Style({
     s = s / i - 20, u = u / i;
     const c = s - 70, m = u - 68;
     let d = 180;
-    const f = 56, g = "#FFFFFF";
-    let p = 176;
-    const T = 52;
-    let L = "#164AFF", E = "#FFFFFF";
-    o === CAR_COLOR.YELLOW ? (p = 176, L = "#FFC81E", E = "rgba(0,0,0,0.88)") : o === CAR_COLOR.Y_GREEN && (d = 200, p = 196, L = "#8FED7C", E = "rgba(0,0,0,0.88)"), n != null && n.length && (d += n.length * 56), fillRectRadius(l, c, m, d, f, g), fillRectRadius(l, c + 2, m + 2, p, T, L), o === CAR_COLOR.Y_GREEN && fillRectRadius(l, c + 2, m + 2, 68, T, "#FFC81E"), l.save(), l.restore(), l.fillStyle = E, l.font = "bold 28px Arial", l.textAlign = "left", l.textBaseline = "middle";
-    const b = `${t.slice(0, 2) + " · " + t.slice(2)}`;
-    if (l.fillText(b, c + 12, m + 32), l.save(), l.restore(), n != null && n.length) {
-      const y = l.measureText(b).width + 12;
-      let v = 0;
-      n.forEach((C) => {
-        C === DEVICE_TYPE.CAMERA && (l.drawImage(cameraImage, s - 54 + y + v * 56, u - 64, 50, 50), ++v), C === DEVICE_TYPE.LOAD && (l.drawImage(loadImage, s - 54 + y + v * 56, u - 64, 50, 50), ++v);
+    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 h = dotImage;
-    l.drawImage(h, s + d / 2 - 90, u, 50 / i, 50 / i), l.restore();
+    const p = dotImage;
+    l.drawImage(p, s + d / 2 - 90, u, 50 / i, 50 / i), l.restore();
   }
 });
 ref([]);
@@ -1372,18 +1359,18 @@ const renderTrucksMarker = (e) => {
     // 设置不阻拦事件
   });
   if (a) {
-    let d = !1, f = [0, 0], g = [0, 0];
-    r.addEventListener("mousedown", function(p) {
-      var T;
-      d = !0, p.clientX, p.clientY, f = (T = mapInstance.value) == null ? void 0 : T.getCoordinateFromPixel([p.clientX - 200, p.clientY - 200]), g = [
-        p.clientX - r.getBoundingClientRect().left + 160,
-        p.clientY - r.getBoundingClientRect().top + 84
-      ], p.preventDefault();
-    }), document.addEventListener("mousemove", function(p) {
-      var T;
+    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 L = (T = mapInstance.value) == null ? void 0 : T.getCoordinateFromPixel([p.clientX - g[0], p.clientY - g[1]]), E = L[0] - f[0], b = L[1] - f[1];
-        l.setPosition([f[0] + E, f[1] + b]);
+        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;
@@ -1475,9 +1462,9 @@ const renderTrucksMarker = (e) => {
       layers: [i]
     });
     m.on("translating", function(d) {
-      var p;
-      const f = d.features.item(0).getGeometry().getCoordinates(), g = toLonLat(f);
-      markerPosition.value = `${g[0].toFixed(6)}, ${g[1].toFixed(6)}`, (p = marker.value) == null || p.setStyle(createIconStyle(markerPosition.value));
+      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]);
@@ -1492,20 +1479,7 @@ const renderTrucksMarker = (e) => {
 };
 let layerState = "drawn", drawnState = "undrawn";
 const source = new VectorSource();
-let sketch, helpTooltipElement, helpTooltip, measureTooltipElement, measureTooltip;
-const 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);
-  }
-};
-let drawVector, draw;
+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({
@@ -1535,7 +1509,7 @@ const validateSquareLimit = (e) => {
   squareLimitError = l > 150 || i > 150;
 };
 let storeFeature;
-function addInteraction(e) {
+const addInteraction = (e) => {
   var o, n;
   drawVector || init(), drawnState = "undrawn", layerState = "drawn", (o = mapInstance.value) == null || o.addLayer(drawVector), draw = new Draw({
     type: "Polygon",
@@ -1581,15 +1555,19 @@ function addInteraction(e) {
     }
     sketch = null, measureTooltipElement = null, createMeasureTooltip(), t && unByKey(t), drawnState = "drawend";
   });
-}
-function removeInteraction() {
+}, removeInteraction = () => {
   var e, t, o;
-  mapInstance.value && (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.removeInteraction(draw), (t = mapInstance.value) == null || t.removeLayer(drawVector), helpTooltipElement != null && helpTooltipElement.parentNode && helpTooltipElement.parentNode.removeChild(helpTooltipElement), ((o = mapInstance.value) == null ? void 0 : o.getTargetElement()).style.cursor = "", document.querySelector("#map").style.cursor = "", drawnState = "undrawn", layerState = "destroyed");
-}
-const endFn = (e) => {
+  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();
@@ -1597,7 +1575,7 @@ const endFn = (e) => {
       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="iconfont icon-delete" /></div>'), (o = document.querySelector(".delete-icon")) == null || o.addEventListener("click", () => {
+    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;
@@ -1624,7 +1602,18 @@ const endFn = (e) => {
   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 && (drawVector = new VectorLayer({
+  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({
@@ -1654,18 +1643,20 @@ const endFn = (e) => {
     zoom: {},
     center: {},
     vehicleMode: {},
-    viewMode: {}
+    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;
-    ((h) => {
-      h[h.tiandituTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) })] = "tiandituTile", h[h.tiandituTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) })] = "tiandituTileMark", h[h.tiandituImgTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 })] = "tiandituImgTile", h[h.tiandituImgTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 })] = "tiandituImgTileMark", h[h.greenMark = new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })] = "greenMark";
+    ((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 g = () => {
-      var y, v;
-      const h = {
+    const w = () => {
+      var S, g;
+      const p = {
         projection: projection.mercator,
         // 地图投影坐标系
         zoom: i.zoom || (i.vehicleMode === "ship" ? mapZoom.default : mapZoom.truckDefault),
@@ -1676,7 +1667,8 @@ const endFn = (e) => {
         // 地图缩放最大级别
         center: lonLatToMercator(i.center || mapDefaultCenter),
         // 深圳坐标
-        constrainResolution: !0,
+        constrainResolution: !1,
+        // 禁用旋转
         multiWorld: !0
       };
       mapInstance.value = new Map$1({
@@ -1690,93 +1682,109 @@ const endFn = (e) => {
           f.tiandituImgTileMark,
           f.greenMark
         ],
-        view: new View(h)
-      }), (y = a.value) == null || y.setScaleLine(), (v = mapInstance.value) == null || v.on("moveend", L), p(i.vehicleMode === "ship"), T(i.vehicleMode === "ship" ? BaseMapType.satellite : BaseMapType.vector);
+        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(() => {
-      g();
+      w();
     });
-    const p = (h) => {
-      var y;
-      (y = mapInstance.value) == null || y.getLayers().forEach((v) => {
-        v.ol_uid === f.greenMark.ol_uid && (v.setVisible(h), c.value = h);
+    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);
       });
-    }, T = (h) => {
-      var y;
-      console.log("mode", h), (y = mapInstance.value) == null || y.getLayers().forEach((v) => {
-        (v.ol_uid === f.tiandituTile.ol_uid || v.ol_uid === f.tiandituTileMark.ol_uid || v.ol_uid === f.tiandituImgTile.ol_uid || v.ol_uid === f.tiandituImgTileMark.ol_uid) && v.setVisible(!1), (h === BaseMapType.vector && v.ol_uid === f.tiandituTile.ol_uid || v.ol_uid === f.tiandituTileMark.ol_uid || h === BaseMapType.satellite && v.ol_uid === f.tiandituImgTile.ol_uid || v.ol_uid === f.tiandituImgTileMark.ol_uid) && (console.log(h, v.ol_uid), v.setVisible(!0));
+    }, 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));
       });
-    }, L = () => {
-      const h = mapInstance.value.getView(), y = h.getZoom();
-      y && E(y);
-      const v = h.calculateExtent(mapInstance.value.getSize());
-      v && y && b(v, y);
-    }, E = (h) => {
-      var C, V, w, S;
-      s.value = h;
-      const y = (C = mapInstance.value) == null ? void 0 : C.getLayers(), v = i.vehicleMode === "ship" ? y == null ? void 0 : y.getArray().find((M) => M.ol_uid === f.greenMark.ol_uid) : void 0;
-      !u.value && c.value && h < mapZoom.shipGreenDotMax ? (m.value = !0, v == null || v.setVisible(!0), (V = shipsLayer.value) == null || V.setVisible(!1), (w = largeAmountShipsLayer.value) == null || w.setVisible(!1)) : (m.value = !1, v == null || v.setVisible(!1), (S = largeAmountShipsLayer.value) == null || S.setVisible(!0)), l("zoomChanged", h);
-    }, b = (h, y) => {
-      const v = transform([h[0], h[1]], projection.mercator, projection.data), C = transform([h[2], h[3]], projection.mercator, projection.data);
-      l("extentChanged", { extent: [v, C], zoom: y });
+    }, 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: g,
+      initMap: w,
       renderTrucksMarker,
       renderShip: renderShips,
-      renderTrack: (h, y, v) => {
-        d.value = !0, u.value = !0, renderTrack(h, y, v, LENGTH_UNIT.NM);
+      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 h;
-        d.value = !1, (h = shipTrackVectorLayer.value) == null || h.setVisible(!1);
+        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 h;
-        d.value = !1, (h = shipTrackVectorLayer.value) == null || h.setVisible(!1);
+        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: (h, y) => {
-        var v, C;
-        (v = shipsLayer.value) == null || v.setVisible(!1), (C = largeAmountShipsLayer.value) == null || C.setVisible(!1), findShip(h, y);
+      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: () => p(!1),
+      switchGreenDot: () => v(!1),
       zoomTruckIcon,
-      renderTruckTrack: (h, y, v) => {
-        d.value = !0, renderTrack(h, y, v, LENGTH_UNIT.KM, "truck");
+      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
-    }), (h, y) => (openBlock(), createElementBlock("div", {
+    }), (p, S) => (openBlock(), createElementBlock("div", {
       class: "map-page map-container",
       ref_key: "pageRef",
       ref: n
     }, [
-      y[0] || (y[0] = createElementVNode("div", {
+      S[0] || (S[0] = createElementVNode("div", {
         id: "map",
         class: "map"
       }, null, -1)),
       createVNode(ToolPanel, {
-        "vehicle-mode": h.vehicleMode,
-        "view-mode": h.viewMode,
+        "vehicle-mode": p.vehicleMode,
+        "view-mode": p.viewMode,
         "disable-green-dot": u.value,
         "show-track-layer": d.value,
-        onSwitchGreenDot: p,
-        onSwitchMapTile: T
-      }, null, 8, ["vehicle-mode", "view-mode", "disable-green-dot", "show-track-layer"]),
-      h.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        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
@@ -1784,13 +1792,12 @@ const endFn = (e) => {
         createVNode(ZoomControl, {
           ref_key: "zoomControl",
           ref: r
-        }, null, 512),
-        createVNode(Fullscreen, { page: n.value }, null, 8, ["page"])
+        }, null, 512)
       ], 64)) : createCommentVNode("", !0),
       createVNode(Copyright)
     ], 512));
   }
-}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-51c9ddf4"]]), ZhMap = withInstall(Map);
+}), Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bfb8b74c"]]), ZhMap = withInstall(Map);
 export {
   ZhMap as Z
 };