tg-map-vue3 3.4.1 → 3.4.2

package/CHANGELOG.md

@@ -0,0 +1,37 @@
+# 更新日志
+
+## 3.4.x
+
+- feat: 添加矩形[TgRectangle]
+- feat: 点/圆/矩形/多边形/多段线 在`editable`/`draggable`模式时支持双向绑定
+- ***BREAKING CHANGE***: [TgPolygon].polygon, [TgPolyline].polyline 属性, 统一改成`overlay`
+
+## 3.3.x
+
+- fix: 修复同时修改center和zoom可能中心点偏移的问题
+- feat: [Icon]支持缩放
+- ***BREAKING CHANGE***: [TgMap]的高度默认改成`100%`
+
+## 3.2.x
+
+- fix: 修复google和baidu的zoom取值不一致的问题
+- feat: 支持[SymbolIcon]
+- feat: 支持[PlacesService], [Autocomplete], [SearchBox]
+
+## 3.1.x
+
+- feat: 支持隐藏地图Logo
+
+## 3.0.x
+
+- ***BREAKING CHANGE***: 迁移到Vue3
+
+[TgMap]: src/components/TgMap.vue
+[TgRectangle]: src/components/overlays/TgRectangle.vue
+[TgPolygon]: src/components/overlays/TgPolygon.vue
+[TgPolyline]: src/components/overlays/TgPolyline.vue
+[Icon]: src/map/map/overlay/icon.ts#L18 "图标"
+[SymbolIcon]: src/map/map/overlay/icon.ts#L55 "Svg图标"
+[PlacesService]: src/map/map/extra/places-service.ts "位置服务"
+[Autocomplete]: src/map/map/extra/autocomplete.ts "自动完成"
+[SearchBox]: src/map/map/extra/search-box.ts "搜索框"

package/dist/tg-map.js

@@ -2,7 +2,7 @@
 var _r = Object.defineProperty;
 var br = (i, t, e) => t in i ? _r(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var c = (i, t, e) => (br(i, typeof t != "symbol" ? t + "" : t, e), e);
-import { createCommentVNode as He, computed as Dt, defineComponent as C, markRaw as Mr, watch as zt, openBlock as W, createElementBlock as j, mergeProps as ce, createElementVNode as Tr, normalizeClass as Se, renderSlot as N, normalizeStyle as Or, getCurrentInstance as Cr, inject as wr, onMounted as Er, onBeforeUnmount as xr, toRaw as Ae, withDirectives as Lr, vShow as Pr } from "vue";
+import { createCommentVNode as He, computed as Dt, defineComponent as C, markRaw as Mr, watch as zt, openBlock as W, createElementBlock as j, mergeProps as ce, createElementVNode as Tr, normalizeClass as Se, renderSlot as N, normalizeStyle as Or, getCurrentInstance as Cr, inject as wr, onMounted as Er, onBeforeUnmount as Lr, toRaw as Ae, withDirectives as xr, vShow as Pr } from "vue";
 function V(i, t, e) {
   Object.keys(i).forEach((r) => {
     r.startsWith("update:") || e != null && e.includes(r) || t.addEventListener(r, i[r]);
@@ -58,12 +58,12 @@ var Gt = { exports: {} };
       return !1;
     }
     function l(g, f) {
-      var v = g - 65e-4, O = f - 6e-3, L = Math.sqrt(v * v + O * O) - 2e-5 * Math.sin(O * t), w = Math.atan2(O, v) - 3e-6 * Math.cos(v * t), K = L * Math.cos(w), te = L * Math.sin(w);
+      var v = g - 65e-4, O = f - 6e-3, x = Math.sqrt(v * v + O * O) - 2e-5 * Math.sin(O * t), w = Math.atan2(O, v) - 3e-6 * Math.cos(v * t), K = x * Math.cos(w), te = x * Math.sin(w);
       return [K, te];
     }
     function d(g, f) {
-      var v = Math.sqrt(g * g + f * f) + 2e-5 * Math.sin(f * t), O = Math.atan2(f, g) + 3e-6 * Math.cos(g * t), L = v * Math.cos(O) + 65e-4, w = v * Math.sin(O) + 6e-3;
-      return [L, w];
+      var v = Math.sqrt(g * g + f * f) + 2e-5 * Math.sin(f * t), O = Math.atan2(f, g) + 3e-6 * Math.cos(g * t), x = v * Math.cos(O) + 65e-4, w = v * Math.sin(O) + 6e-3;
+      return [x, w];
     }
     function u(g, f) {
       return o(g, f) ? b(g, f) : [g, f];
@@ -75,10 +75,10 @@ var Gt = { exports: {} };
       return [g * 2 - v[0], f * 2 - v[1]];
     }
     function b(g, f) {
-      var v = _(g - 105, f - 35), O = M(g - 105, f - 35), L = f / 180 * e, w = Math.sin(L);
+      var v = _(g - 105, f - 35), O = M(g - 105, f - 35), x = f / 180 * e, w = Math.sin(x);
       w = 1 - s * w * w;
       var K = Math.sqrt(w);
-      v = v * 180 / (r * (1 - s) / (w * K) * e), O = O * 180 / (r / K * Math.cos(L) * e);
+      v = v * 180 / (r * (1 - s) / (w * K) * e), O = O * 180 / (r / K * Math.cos(x) * e);
       var te = f + v, ze = g + O;
       return [ze, te];
     }
@@ -361,7 +361,7 @@ function Wr(i) {
     return Object.propertyIsEnumerable.call(i, t);
   }) : [];
 }
-function xt(i) {
+function Lt(i) {
   return Object.keys(i).concat(Wr(i));
 }
 function Wt(i, t) {
@@ -376,9 +376,9 @@ function Hr(i, t) {
 }
 function jr(i, t, e) {
   var r = {};
-  return e.isMergeableObject(i) && xt(i).forEach(function(s) {
+  return e.isMergeableObject(i) && Lt(i).forEach(function(s) {
     r[s] = fe(i[s], e);
-  }), xt(t).forEach(function(s) {
+  }), Lt(t).forEach(function(s) {
     Hr(i, s) || (Wt(i, s) && e.isMergeableObject(t[s]) ? r[s] = Zr(s, e)(i[s], t[s], e) : r[s] = fe(t[s], e));
   }), r;
 }
@@ -395,7 +395,7 @@ oe.all = function(t, e) {
   }, {});
 };
 var Vr = oe, Fr = Vr;
-const Ht = /* @__PURE__ */ Ke(Fr), xe = ["3.0"], Ur = {
+const Ht = /* @__PURE__ */ Ke(Fr), Le = ["3.0"], Ur = {
   baidu: {
     version: "3.0",
     // 在build时会被静态替换, 导致使用者不能无法设置它
@@ -410,7 +410,7 @@ const Ht = /* @__PURE__ */ Ke(Fr), xe = ["3.0"], Ur = {
     libraries: ["places"]
   },
   here: {
-    version: xe[0],
+    version: Le[0],
     key: ""
   }
 };
@@ -511,7 +511,7 @@ function Yr(i, t, e) {
 function Kr(i, t, e, r) {
   return i.addEventListener(t, e, r), () => i.removeEventListener(t, e, r);
 }
-function Lt(i, t, e) {
+function xt(i, t, e) {
   return i.addEventListener(t, e), () => i.removeEventListener(t, e);
 }
 class Ut {
@@ -1058,7 +1058,7 @@ class si extends tr {
       const s = () => {
         this.inner.setLocation(this.map.innerMap);
       };
-      this.removeableArray.push(Lt(this.map, "center-changed", s)), this.removeableArray.push(Lt(this.map, "zoom-changed", s));
+      this.removeableArray.push(xt(this.map, "center-changed", s)), this.removeableArray.push(xt(this.map, "zoom-changed", s));
     }
   }
   setBounds(e) {
@@ -2249,7 +2249,7 @@ $.prototype.getBounds = function() {
 $.prototype.getCenter = function() {
   return this._center;
 };
-var Le;
+var xe;
 ((i) => {
   function t(r) {
     return {
@@ -2274,7 +2274,7 @@ var Le;
     };
   }
   i.toGoogle = e;
-})(Le || (Le = {}));
+})(xe || (xe = {}));
 class ar {
   constructor(t) {
     c(this, "inner");
@@ -2311,7 +2311,7 @@ class hi extends ar {
       maxZoom: e.maxZoom,
       minClusterSize: e.minClusterSize,
       isAverageCenter: e.averageCenter,
-      styles: (s = e.styles) == null ? void 0 : s.map((n) => Le.toBaidu(n)),
+      styles: (s = e.styles) == null ? void 0 : s.map((n) => xe.toBaidu(n)),
       zIndex: e.zIndex
     });
     const r = e.stylesIndexCalculator;
@@ -2333,7 +2333,7 @@ class ci extends ar {
         maxZoom: e.maxZoom,
         minimumClusterSize: e.minClusterSize,
         averageCenter: e.averageCenter,
-        styles: (n = e.styles) == null ? void 0 : n.map((a) => Le.toGoogle(a)),
+        styles: (n = e.styles) == null ? void 0 : n.map((a) => xe.toGoogle(a)),
         zIndex: e.zIndex
       }
     );
@@ -4145,7 +4145,7 @@ class wi extends nt {
     c(this, "defaultLayers");
     this.mapOptions = r;
     const s = Vt().here;
-    xe.includes(s.version) || E(`不支持${s.version}, HereMap当前只支持如下版本: ${xe}`);
+    Le.includes(s.version) || E(`不支持${s.version}, HereMap当前只支持如下版本: ${Le}`);
     const n = new H.service.Platform({
       app_id: s.key.split(",")[0],
       app_code: s.key.split(",")[1]
@@ -4302,7 +4302,7 @@ var z = /* @__PURE__ */ ((i) => (i.google = "google", i.baidu = "baidu", i.here
   i.createMap = t;
 })(qe || (qe = {}));
 function Ei({ type: i, config: t }) {
-  const e = window, r = xi(i);
+  const e = window, r = Li(i);
   if (e[r])
     return Promise.resolve();
   switch (i !== z.here && !t.key && E(`请先配置${i}地图的key`), i) {
@@ -4326,10 +4326,10 @@ function Ei({ type: i, config: t }) {
       je(i);
   }
 }
-function de(i, t = xe[0]) {
+function de(i, t = Le[0]) {
   return `https://js.api.here.com/v3/${t}/mapsjs-${i}.js`;
 }
-function xi(i) {
+function Li(i) {
   switch (i) {
     case z.google:
       return "google";
@@ -4339,10 +4339,10 @@ function xi(i) {
       return "H";
   }
 }
-let Li = 0;
+let xi = 0;
 function Rt(i, t = "callback") {
   return new Promise((e, r) => {
-    const s = `__callback${Li++}`;
+    const s = `__callback${xi++}`;
     window[s] = e;
     const n = document.createElement("script");
     n.src = `${i}&${t}=${s}`, n.onerror = r, document.body.appendChild(n);
@@ -4453,7 +4453,7 @@ function Bi(i, t) {
 function F(i, t) {
   return Dt(() => Bi(i, t));
 }
-function x() {
+function L() {
   return Function;
 }
 const Cs = () => {
@@ -4527,14 +4527,14 @@ const Cs = () => {
     /** 地图类型对象, 优先级比mapTypeId高 */
     mapType: m(Object),
     hideLogo: m(Boolean),
-    onLoad: x(),
-    "onUpdate:center": x(),
-    "onUpdate:current-center": x(),
-    "onUpdate:last-center": x(),
-    "onUpdate:map-type": x(),
-    "onUpdate:map-type-id": x(),
-    "onUpdate:zoom": x(),
-    onError: x()
+    onLoad: L(),
+    "onUpdate:center": L(),
+    "onUpdate:current-center": L(),
+    "onUpdate:last-center": L(),
+    "onUpdate:map-type": L(),
+    "onUpdate:map-type-id": L(),
+    "onUpdate:zoom": L(),
+    onError: L()
   },
   /** 声明事件的类型信息, 详见: {@link splitAttrs} */
   emits: void 0,
@@ -4746,7 +4746,7 @@ function Ni(i, t, e, r, s, n) {
     N(i.$slots, "default")
   ], 2);
 }
-const Es = /* @__PURE__ */ U(zi, [["render", Ni]]), xs = C({
+const Es = /* @__PURE__ */ U(zi, [["render", Ni]]), Ls = C({
   name: "tg-map-type-control",
   mixins: [P],
   props: {
@@ -4779,7 +4779,7 @@ const Es = /* @__PURE__ */ U(zi, [["render", Ni]]), xs = C({
   onDestroy() {
     this.$map.removeControl(this.control);
   }
-}), Ls = C({
+}), xs = C({
   name: "tg-scale-control",
   mixins: [P],
   props: {
@@ -4827,7 +4827,7 @@ function Gi() {
     },
     /** 地图元素销毁回调 */
     [Me](r) {
-      xr(r), e && E(`${Me}只能调用一次`), e = r;
+      Lr(r), e && E(`${Me}只能调用一次`), e = r;
     },
     /** 重新创建地图元素 */
     recreate() {
@@ -4955,8 +4955,8 @@ const Hi = /* @__PURE__ */ U(Zi, [["render", Wi]]), ks = C({
     visible: m(Boolean),
     fillColor: m(String),
     fillOpacity: m(Number),
-    "onUpdate:center": x(),
-    "onUpdate:radius": x()
+    "onUpdate:center": L(),
+    "onUpdate:radius": L()
   },
   emits: void 0,
   setup(i, { attrs: t }) {
@@ -5197,7 +5197,7 @@ const Is = /* @__PURE__ */ U(Fi, [["render", Ui]]), qi = C({
     cursor: m(String),
     zIndex: m(Number),
     visible: m(Boolean),
-    "onUpdate:position": x()
+    "onUpdate:position": L()
   },
   emits: void 0,
   setup(i, { attrs: t }) {
@@ -5290,7 +5290,7 @@ const wt = /* @__PURE__ */ U(qi, [["render", Yi]]), Ki = C({
     maxWidth: m(Number),
     borderClass: m(String),
     zIndex: m(Number),
-    "onUpdate:show": x()
+    "onUpdate:show": L()
   },
   emits: void 0,
   setup(i, { attrs: t }) {
@@ -5369,7 +5369,7 @@ const Ss = /* @__PURE__ */ U(Ki, [["render", Xi]]), Ji = C({
     maxWidth: m(Number),
     offset: m(Object),
     disableAutoPan: m(Boolean),
-    "onUpdate:show": x()
+    "onUpdate:show": L()
   },
   emits: void 0,
   setup(i, { attrs: t }) {
@@ -5424,7 +5424,7 @@ const Ss = /* @__PURE__ */ U(Ki, [["render", Xi]]), Ji = C({
   }
 });
 function Qi(i, t, e, r, s, n) {
-  return Lr((W(), j("div", ce({
+  return xr((W(), j("div", ce({
     class: i.$options.name
   }, i.attrs.binds), [
     N(i.$slots, "default")
@@ -5510,7 +5510,7 @@ const Rs = /* @__PURE__ */ U(es, [["render", ts]]), $s = C({
     visible: m(Boolean),
     fillColor: m(String),
     fillOpacity: m(Number),
-    "onUpdate:paths": x()
+    "onUpdate:paths": L()
   },
   emits: void 0,
   setup(i, { attrs: t }) {
@@ -5577,7 +5577,7 @@ const Rs = /* @__PURE__ */ U(es, [["render", ts]]), $s = C({
     strokeOpacity: m(Number),
     strokeWeight: m(Number),
     visible: m(Boolean),
-    "onUpdate:path": x()
+    "onUpdate:path": L()
   },
   emits: void 0,
   setup(i, { attrs: t }) {
@@ -5640,7 +5640,7 @@ const Rs = /* @__PURE__ */ U(es, [["render", ts]]), $s = C({
     visible: m(Boolean),
     fillColor: m(String),
     fillOpacity: m(Number),
-    "onUpdate:bounds": x()
+    "onUpdate:bounds": L()
   },
   emits: void 0,
   setup(i, { attrs: t }) {
@@ -5757,16 +5757,16 @@ function ss(i, t) {
 }
 function ns(i, t, e) {
   const s = 63567523142e-4, n = 1 / 298.257223563, a = ge(t), h = Math.sin(a), o = Math.cos(a), l = (1 - n) * Math.tan(ge(i.lat)), d = 1 / Math.sqrt(1 + l * l), u = l * d, p = Math.atan2(l, o), b = d * h, _ = 1 - b * b, M = _ * (6378137 * 6378137 - s * s) / (s * s), g = 1 + M / 16384 * (4096 + M * (-768 + M * (320 - 175 * M))), f = M / 1024 * (256 + M * (-128 + M * (74 - 47 * M)));
-  let v = 0, O = 0, L = 0, w = e / (s * g), K = 2 * Math.PI;
+  let v = 0, O = 0, x = 0, w = e / (s * g), K = 2 * Math.PI;
   for (; Math.abs(w - K) > 1e-12; ) {
-    v = Math.cos(2 * p + w), O = Math.sin(w), L = Math.cos(w);
-    const vr = f * O * (v + f / 4 * (L * (-1 + 2 * v * v) - f / 6 * v * (-3 + 4 * O * O) * (-3 + 4 * v * v)));
+    v = Math.cos(2 * p + w), O = Math.sin(w), x = Math.cos(w);
+    const vr = f * O * (v + f / 4 * (x * (-1 + 2 * v * v) - f / 6 * v * (-3 + 4 * O * O) * (-3 + 4 * v * v)));
     K = w, w = e / (s * g) + vr;
   }
-  const te = u * O - d * L * o, ze = Math.atan2(
-    u * L + d * O * o,
+  const te = u * O - d * x * o, ze = Math.atan2(
+    u * x + d * O * o,
     (1 - n) * Math.sqrt(b * b + te * te)
-  ), fr = Math.atan2(O * h, d * L - u * O * o), Ne = n / 16 * _ * (4 + n * (4 - 3 * _)), yr = fr - (1 - Ne) * n * b * (w + Ne * O * (v + Ne * L * (-1 + 2 * v * v)));
+  ), fr = Math.atan2(O * h, d * x - u * O * o), Ne = n / 16 * _ * (4 + n * (4 - 3 * _)), yr = fr - (1 - Ne) * n * b * (w + Ne * O * (v + Ne * x * (-1 + 2 * v * v)));
   return { lng: i.lng + $t(yr), lat: $t(ze) };
 }
 const Gs = {
@@ -5855,14 +5855,14 @@ export {
   Ai as TgMap,
   qe as TgMapFactory,
   z as TgMapType,
-  xs as TgMapTypeControl,
+  Ls as TgMapTypeControl,
   ws as TgMapWidget,
   wt as TgMarker,
   Hi as TgMarkerClusterer,
   $s as TgPolygon,
   Ds as TgPolyline,
   zs as TgRectangle,
-  Ls as TgScaleControl,
+  xs as TgScaleControl,
   ks as TgTrafficLayer,
   Ps as TgZoomControl,
   Pe as UnionIcon,
@@ -5875,7 +5875,7 @@ export {
   Ms as createPropertyObjectTyped,
   cs as debug,
   Zs as default,
-  x as eventProp,
+  L as eventProp,
   Os as extractVNodeFromSlotsByComponent,
   Ts as findByComponentType,
   ns as getDestination,