@idmwx/idmui-gl4 1.7.5 → 1.7.6

package/dist/index.js

@@ -4,7 +4,7 @@ var de = (t, e, o) => (Ka(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Se from "axios";
 import { useTheme as ze } from "vuetify";
 import { openBlock as y, createElementBlock as S, resolveComponent as x, createBlock as R, withCtx as f, createVNode as p, withModifiers as je, createElementVNode as s, createCommentVNode as D, normalizeClass as Ne, toDisplayString as m, createTextVNode as K, Fragment as be, renderList as we, withDirectives as Ue, vShow as We, mergeProps as B, normalizeStyle as ie } from "vue";
-import ve from "mapbox-gl";
+import xe from "mapbox-gl";
 import M from "moment";
 import { LngLatHelper as X, TropicalHelper as Va, LaneHelper as Ge } from "@idm-plugin/geo";
 import { Meteo2Assist as Co, TidesAssist as Ya } from "@idm-plugin/meteo";
@@ -389,7 +389,7 @@ const mi = {
         const l = (n = document.getElementById("idm-gl4-zone-info")) == null ? void 0 : n.cloneNode(!0), c = (u = l == null ? void 0 : l.children[1]) == null ? void 0 : u.children[0];
         c && (c.onclick = () => {
           this.handleRemoveMarker();
-        }), this.marker = new ve.Marker(l).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
+        }), this.marker = new xe.Marker(l).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
       }));
     },
     handleRender() {
@@ -1487,10 +1487,10 @@ const ui = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, xe, Le, Pe;
+        var c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe;
         let r = {};
         const l = ((c = Co.pickHourly(t, M(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((_ = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : _.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = l == null ? void 0 : l.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = l == null ? void 0 : l.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (k = l == null ? void 0 : l.wave) == null ? void 0 : k.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (V = (N = l == null ? void 0 : l.wave) == null ? void 0 : N.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((W = (Z = l == null ? void 0 : l.wave) == null ? void 0 : Z.sig) == null ? void 0 : W.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((J = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.height, 1) ?? "-", r.windwaveDir = (ne = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.direction, r.windwavePeriod = this.computeRoundPrecision((Q = (se = l == null ? void 0 : l.wave) == null ? void 0 : se.wd) == null ? void 0 : Q.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((he = (ae = l == null ? void 0 : l.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.height, 1) ?? "-", r.swellDir = (pe = (ce = l == null ? void 0 : l.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.direction, r.swellPeriod = this.computeRoundPrecision((F = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = l == null ? void 0 : l.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (xe = l == null ? void 0 : l.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = l == null ? void 0 : l.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Pe = l == null ? void 0 : l.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
+        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((_ = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : _.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = l == null ? void 0 : l.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = l == null ? void 0 : l.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (k = l == null ? void 0 : l.wave) == null ? void 0 : k.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (V = (N = l == null ? void 0 : l.wave) == null ? void 0 : N.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((W = (Z = l == null ? void 0 : l.wave) == null ? void 0 : Z.sig) == null ? void 0 : W.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((J = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.height, 1) ?? "-", r.windwaveDir = (ne = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.direction, r.windwavePeriod = this.computeRoundPrecision((Q = (se = l == null ? void 0 : l.wave) == null ? void 0 : se.wd) == null ? void 0 : Q.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((he = (ae = l == null ? void 0 : l.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.height, 1) ?? "-", r.swellDir = (pe = (ce = l == null ? void 0 : l.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.direction, r.swellPeriod = this.computeRoundPrecision((F = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = l == null ? void 0 : l.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (ve = l == null ? void 0 : l.current) == null ? void 0 : ve.direction, r.currentSpeed = this.computeRoundPrecision((Le = l == null ? void 0 : l.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Pe = l == null ? void 0 : l.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -2025,7 +2025,7 @@ const br = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (a = document.getElementById("idmPortInfo")) == null ? void 0 : a.cloneNode(!0);
-        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -2140,7 +2140,8 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
       source: "time-zone-source",
       zoneLayer: "time-zone-layer",
       zoneBorderLayer: "time-zone-border-layer",
-      zoneLabelLayer: "time-zone-label-layer"
+      zoneLabelLayer: "time-zone-label-layer",
+      marker: null
     };
   },
   watch: {
@@ -2160,7 +2161,7 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
         features: [],
         type: "FeatureCollection"
       };
-      t.features = (e = this.zone.features) == null ? void 0 : e.map((o) => (o.properties.opacity = 0, o.properties.textOpacity = 0, o.properties.lineOpacity = 0.3, o.properties.width = 1, o)), this.zone && (this.map.addSource(this.source, {
+      t.features = (e = this.zone.features) == null ? void 0 : e.map((o) => (o.properties.opacity = 0, o.properties.lineOpacity = 0.2, o.properties.width = 1, o)), this.zone && (this.map.addSource(this.source, {
         type: "geojson",
         data: t
       }), this.map.addLayer(
@@ -2280,60 +2281,34 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
           source: this.source,
           filter: ["==", "$type", "Polygon"],
           paint: {
-            "line-color": "rgba(255, 255, 255, 1)",
+            "line-color": this.Theme.current.value.colors["on-surface"],
             "line-opacity": ["get", "lineOpacity"],
             "line-width": ["get", "width"]
           }
         },
         this.beforeLayer
-      ), this.map.addLayer(
-        {
-          id: this.zoneLabelLayer,
-          type: "symbol",
-          source: this.source,
-          filter: ["==", "$type", "Point"],
-          layout: {
-            "symbol-placement": "point",
-            "text-field": "UTC {offSet}",
-            "text-rotation-alignment": "viewport",
-            "text-size": 14,
-            "text-offset": [0, 1],
-            "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
-          },
-          paint: {
-            "text-color": this.Theme.current.value.colors["on-surface"],
-            "text-opacity": ["get", "textOpacity"]
-          }
-        },
-        this.beforeLayer
       ));
     },
     handleClear() {
       this.map.getLayer(this.zoneLayer) && this.map.removeLayer(this.zoneLayer), this.map.getLayer(this.zoneBorderLayer) && this.map.removeLayer(this.zoneBorderLayer), this.map.getLayer(this.zoneLabelLayer) && this.map.removeLayer(this.zoneLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     },
     handleHover(t) {
-      var e, o;
+      var e, o, i;
       if (t.features.length) {
-        let i = {
+        (e = this.marker) == null || e.remove();
+        let a = {
           features: [],
           type: "FeatureCollection"
         };
-        i.features = (e = this.zone.features) == null ? void 0 : e.map((a) => {
-          const r = JSON.parse(JSON.stringify(a));
-          return r.properties.offSet === t.features[0].properties.offSet ? (r.properties.opacity = 0.25, r.properties.textOpacity = 1, r.properties.lineOpacity = 0.7, r.properties.width = 2) : (r.properties.opacity = 0, r.properties.textOpacity = 0, r.properties.lineOpacity = 0.3, r.properties.width = 1), r;
-        }), (o = this.map.getSource(this.source)) == null || o.setData(i);
+        a.features = (o = this.zone.features) == null ? void 0 : o.map((l) => {
+          const c = JSON.parse(JSON.stringify(l));
+          return c.properties.offSet === t.features[0].properties.offSet ? (c.properties.opacity = 0.25, c.properties.lineOpacity = 0.7, c.properties.width = 2) : (c.properties.opacity = 0, c.properties.lineOpacity = 0.2, c.properties.width = 1), c;
+        }), (i = this.map.getSource(this.source)) == null || i.setData(a);
+        const r = document.createElement("div");
+        r.className = "v-card--variant-elevated rounded px-2 py-1 text-body-1", r.innerHTML = `<div>UTC ${t.features[0].properties.offSet}</div>`, this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -30]).addTo(this.map);
       }
     },
     handleLeave() {
-      var e, o;
-      let t = {
-        features: [],
-        type: "FeatureCollection"
-      };
-      t.features = (e = this.zone.features) == null ? void 0 : e.map((i) => {
-        const a = JSON.parse(JSON.stringify(i));
-        return a.properties.opacity = 0, a.properties.textOpacity = 0, a.properties.lineOpacity = 0.3, a.properties.width = 1, a;
-      }), (o = this.map.getSource(this.source)) == null || o.setData(t);
     }
   }
 };
@@ -3178,7 +3153,7 @@ const Ms = {
       if (e.properties) {
         this.showInfo = !0, this.hoverStation = e.properties, this.hoverStation.name = this.locale === "en" ? e.properties.Location_EN : e.properties.Location_CN, this.hoverStation.lng = e.geometry.coordinates[0], this.hoverStation.lat = e.geometry.coordinates[1], (o = this.marker) == null || o.remove();
         const a = (i = document.getElementById("idmTidalInfo")) == null ? void 0 : i.cloneNode(!0);
-        this.marker = new ve.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
+        this.marker = new xe.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -4340,7 +4315,7 @@ const Gs = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (a = document.getElementById("idmFollowPortInfo")) == null ? void 0 : a.cloneNode(!0);
-        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -4516,7 +4491,7 @@ const qs = {
       if (e.properties.id) {
         this.showInfo = !0, this.position = e.properties, (o = this.marker) == null || o.remove();
         const i = document.getElementById("idmFollowPositionInfo").cloneNode(!0);
-        this.marker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -5012,7 +4987,7 @@ function hl(t, e, o, i, a, r) {
       key: 2,
       map: o.map,
       zone: (ne = a.otherLayers) == null ? void 0 : ne["time-zones"]
-    }, t.$attrs, { beforeLayer: "empty-layer-2" }), null, 16, ["map", "zone"])) : D("", !0),
+    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone"])) : D("", !0),
     o.map ? (y(), R(T, B({
       key: 3,
       ref: "idmPorts",
@@ -8332,7 +8307,7 @@ const wn = {
   class: "d-flex justify-start align-center ga-4 pl-6"
 }, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, En = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label mb-3" }, Fn = { class: "text-body-1 font-weight-medium" }, Hn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label" }, Un = { class: "text-body-2 text-label mb-3" }, Wn = { class: "text-body-1 py-2" }, Vn = { class: "text-body-1 font-weight-medium" }, Zn = { class: "text-body-2 text-label" }, Yn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Xn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label" }, Jn = { class: "text-body-2 text-label mb-3" }, Qn = { class: "text-body-1 py-2" }, ec = { class: "text-body-1 font-weight-medium" }, tc = { class: "text-body-2 text-label" }, oc = { class: "text-body-2 text-label" }, ac = { class: "text-body-2 text-label mb-3" };
 function ic(t, e, o, i, a, r) {
-  var Q, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae, Re, _e;
+  var Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e;
   const l = x("VBtn"), c = x("VTooltip"), n = x("VCol"), u = x("VRow"), h = x("VCardText"), b = x("VDivider"), w = x("VCard"), _ = x("VSwitch"), g = x("VCardTitle"), P = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), L = x("IdmWindBarb"), z = x("IdmSigWaveHeight"), v = x("IdmCurrentDirection"), C = x("IdmPrmsl"), k = x("IdmWindParticle"), A = x("IdmCurrentParticle"), N = x("IdmWave"), V = x("IdmSwell"), Z = x("IdmIceEdge"), W = x("IdmIceCover"), ee = x("IdmIceThickness"), J = x("IdmPrecip3h"), $ = x("IdmVisibility"), ne = x("IdmWaterTemp"), se = x("IdmTemp");
   return y(), S("div", xn, [
     s("div", {
@@ -8847,7 +8822,7 @@ function ic(t, e, o, i, a, r) {
     o.map ? (y(), R(Z, B({
       key: 9,
       viewport: a.viewport,
-      factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-edge"],
+      factor: (ve = a.weatherLayers) == null ? void 0 : ve["ice-edge"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0),
     o.map ? (y(), R(W, B({
@@ -9235,7 +9210,7 @@ class Za {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae, Re, _e, G, te, He, Me;
+    var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e, G, te, He, Me;
     const ue = typeof o == "string" ? M(o) : o, fe = e == null ? void 0 : e.weather, U = e == null ? void 0 : e.marine, Ce = M((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.clone().add((c = (l = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), re = Ce.clone().add((h = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : h.at(-1), "h"), Oe = [];
     if (ue.isBetween(oe, re, "millisecond", "[]")) {
       const j = ue.utc().diff(oe, "h", !1);
@@ -9301,7 +9276,7 @@ class Za {
               },
               wd: {
                 height: (me = E == null ? void 0 : E.wind_wave_height) == null ? void 0 : me.at(j),
-                degree: (xe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : xe.at(j),
+                degree: (ve = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : ve.at(j),
                 bearing: ((Le = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Le.at(j)) !== null ? (((Pe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Pe.at(j)) + 180) % 360 : null,
                 period: (De = E == null ? void 0 : E.wind_wave_period) == null ? void 0 : De.at(j),
                 peakPeriod: (Ae = E == null ? void 0 : E.wind_wave_peak_period) == null ? void 0 : Ae.at(j)
@@ -9344,7 +9319,7 @@ class Za {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae;
+    var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae;
     const Re = typeof o == "string" ? M(o) : o, _e = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, te = M((r = (a = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), He = M((n = (c = (l = _e == null ? void 0 : _e[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Me = [];
     if (Re.isBetween(te, He, "millisecond", "[]")) {
       let ue, fe;
@@ -9413,7 +9388,7 @@ class Za {
               },
               wd: {
                 height: (me = re.wind_wave_height_max) == null ? void 0 : me.at(U),
-                degree: (xe = re.wind_wave_direction_dominant) == null ? void 0 : xe.at(U),
+                degree: (ve = re.wind_wave_direction_dominant) == null ? void 0 : ve.at(U),
                 period: (Le = re.wind_wave_period_max) == null ? void 0 : Le.at(U),
                 peakPeriod: (Pe = re.wind_wave_peak_period_max) == null ? void 0 : Pe.at(U),
                 bearing: ((De = re.wind_wave_direction_dominant) == null ? void 0 : De.at(U)) !== null ? (((Ae = re.wind_wave_direction_dominant) == null ? void 0 : Ae.at(U)) + 180) % 360 : null
@@ -10353,7 +10328,7 @@ const sc = {
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, ce = document.createElement("div");
             ce.className = "idm-tropical-gl4-hourly-marker", ce.innerHTML = `<div class="${Q.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${he}</div>`;
-            const pe = new ve.Marker(ce).setLngLat(Q.geometry.coordinates).addTo(this.map);
+            const pe = new xe.Marker(ce).setLngLat(Q.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(pe);
           }
       } else
@@ -10380,7 +10355,7 @@ const sc = {
         showCircle: (w = (b = o[0]) == null ? void 0 : b.properties) == null ? void 0 : w.showCircle
       }, this.showTropicalsInfo = !0, this.$nextTick(() => {
         const _ = document.getElementById("idm-tropical-gl4-info");
-        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new ve.Marker(_).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new xe.Marker(_).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
       });
     },
     handleCloseInfoMarker() {
@@ -10480,7 +10455,7 @@ const sc = {
       );
       this.hoverPoint && (this.hoverPoint.lng = o.geometry.coordinates[0], this.hoverPoint.lat = o.geometry.coordinates[1], this.hoverPoint.update = (c = (l = i == null ? void 0 : i[0]) == null ? void 0 : l.properties) == null ? void 0 : c.date, (n = this.hoverMarker) == null || n.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
         const u = document.getElementById("tropicalHoverMarkerInfo").cloneNode(!0);
-        this.hoverMarker = new ve.Marker(u).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
+        this.hoverMarker = new xe.Marker(u).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
       }));
     },
     handleLeave() {
@@ -11351,10 +11326,10 @@ const nm = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.meteoData.lng = t.lng, this.meteoData.lat = t.lat, this.initTableData(this.meteoData), this.handleDrawInfoMarker([t.lng, t.lat])), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, xe;
+      var o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((l = Co.pickHourly(t, M(this.form.dateTime))) == null ? void 0 : l[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((z = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (N = e == null ? void 0 : e.wave) == null ? void 0 : N.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((W = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (J = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((ne = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((Q = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : Q.height, 1) ?? "-", this.currentHourData.swellDir = (he = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((pe = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((z = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (N = e == null ? void 0 : e.wave) == null ? void 0 : N.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((W = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (J = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((ne = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((Q = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : Q.height, 1) ?? "-", this.currentHourData.swellDir = (he = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((pe = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ve = e == null ? void 0 : e.weather) == null ? void 0 : ve.url;
     },
     handleBind() {
       var t, e;
@@ -11380,9 +11355,9 @@ const nm = {
         var i, a, r;
         (i = this.positionMarker) == null || i.remove();
         const e = (a = document.getElementById("idm-position-icon")) == null ? void 0 : a.cloneNode(!0);
-        this.positionMarker = new ve.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
+        this.positionMarker = new xe.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
         const o = document.getElementById("idm-gl4-spot-meteo");
-        this.meteoInfoMarker ? (r = this.meteoInfoMarker) == null || r.setLngLat(t) : this.meteoInfoMarker = new ve.Marker(o).setLngLat(t).setOffset([0, -190]).addTo(this.map);
+        this.meteoInfoMarker ? (r = this.meteoInfoMarker) == null || r.setLngLat(t) : this.meteoInfoMarker = new xe.Marker(o).setLngLat(t).setOffset([0, -190]).addTo(this.map);
       }));
     },
     handleMeteoMore() {
@@ -12094,7 +12069,7 @@ const Km = {
         const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
         if (c.length > 2 && c.filter((u) => u.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const u = document.createElement("div");
-          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ve.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new xe.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -12216,7 +12191,7 @@ const Km = {
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([o.lng, o.lat]);
       else {
         const n = document.createElement("div");
-        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new ve.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
+        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new xe.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -12292,12 +12267,12 @@ const Km = {
         for (const c of l) {
           const n = document.createElement("div");
           n.id = `${t.id}-${c.properties.id}`, n.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
-          const u = new ve.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+          const u = new xe.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
           u.on("drag", this.handleDrag), u.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(u) : this.pointMarkers[t.id] = [u];
         }
         if (t.closed) {
           const c = l.at(-1), u = t.features.filter((b) => b.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "idm-gl4-measure-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new ve.Marker(h).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
+          h.className = "idm-gl4-measure-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new xe.Marker(h).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -12917,7 +12892,7 @@ class yd {
     de(this, "hi");
     de(this, "td");
     de(this, "windy");
-    var o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae, Re, _e, G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ao, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Go, Uo, Wo, Vo, Zo, Yo, qo, Xo, $o, Ko, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Ua, Wa;
+    var o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e, G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ao, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Go, Uo, Wo, Vo, Zo, Yo, qo, Xo, $o, Ko, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Ua, Wa;
     this.i4 = {
       source: {
         type: "raster",
@@ -31578,7 +31553,7 @@ class yd {
           (ce = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : ce.find((d) => d.id === "china-route-line"),
           (ge = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : ge.find((d) => d.id === "china-route-fill"),
           (me = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : me.find((d) => d.id === "china-route-label"),
-          (Le = (xe = this.originStyle) == null ? void 0 : xe.light.layers) == null ? void 0 : Le.find((d) => d.id === "admin-0-boundary-bg"),
+          (Le = (ve = this.originStyle) == null ? void 0 : ve.light.layers) == null ? void 0 : Le.find((d) => d.id === "admin-0-boundary-bg"),
           (De = (Pe = this.originStyle) == null ? void 0 : Pe.light.layers) == null ? void 0 : De.find((d) => d.id === "admin-0-boundary"),
           (Re = (Ae = this.originStyle) == null ? void 0 : Ae.light.layers) == null ? void 0 : Re.find((d) => d.id === "admin-0-boundary-disputed"),
           (G = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : G.find((d) => d.id === "country-label"),
@@ -31835,8 +31810,8 @@ const bd = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new yd(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
-      const t = new ve.Map({
+      this.helper = new yd(this.token), xe.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      const t = new xe.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
         // style: 'mapbox://styles/neatchenheng/cmdqwez32005b01re2w0k3zk4', // dark
@@ -31863,7 +31838,7 @@ const bd = {
     },
     addScaleControl() {
       var e;
-      this.map.addControl(new ve.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
+      this.map.addControl(new xe.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
       const t = (e = document.getElementsByClassName("mapboxgl-ctrl-scale")) == null ? void 0 : e[0];
       t && (t.className = "mapboxgl-ctrl-scale " + this.mapFeather);
     },