tg-map-vue3 3.3.0 → 3.3.2

package/dist/src/map/map/overlay/icon.d.ts

@@ -13,11 +13,14 @@ export declare const UnionIcon: {
  * */
 export interface Icon {
     readonly url: string;
+    /** 显示的图片区域大小 */
     readonly size: Size;
     /** 图片的显示区域的原点在图片中的坐标, 默认为(0, 0) */
     readonly origin?: Point;
     /** 图片显示到地图上的锚点, 默认为图标的底部中点 */
     readonly anchor?: Point;
+    /** 缩放后的图片大小, 不传则不缩放 */
+    readonly scaledSize?: Size;
 }
 export declare namespace Icon {
     function toGoogle(icon: Icon): google.maps.Icon;

package/dist/tg-map.js

@@ -2,7 +2,7 @@
 var pr = Object.defineProperty;
 var ur = (i, e, t) => e in i ? pr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var p = (i, e, t) => (ur(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { createCommentVNode as Ge, computed as St, defineComponent as x, markRaw as gr, openBlock as Z, createElementBlock as W, mergeProps as le, createElementVNode as mr, normalizeClass as Se, renderSlot as R, normalizeStyle as fr, getCurrentInstance as yr, inject as vr, onMounted as _r, onBeforeUnmount as Mr, watch as br, withDirectives as Tr, vShow as Or } from "vue";
+import { createCommentVNode as Ge, computed as Bt, defineComponent as x, markRaw as gr, openBlock as Z, createElementBlock as W, mergeProps as le, createElementVNode as mr, normalizeClass as Be, renderSlot as R, normalizeStyle as fr, getCurrentInstance as yr, inject as vr, onMounted as _r, onBeforeUnmount as Mr, watch as br, withDirectives as Tr, vShow as Or } from "vue";
 function U(i, e, t) {
   Object.keys(i).forEach((r) => {
     r.startsWith("update:") || t != null && t.includes(r) || e.addEventListener(r, i[r]);
@@ -317,17 +317,17 @@ function Lr(i) {
 }
 function kr(i) {
   var e = Object.prototype.toString.call(i);
-  return e === "[object RegExp]" || e === "[object Date]" || Br(i);
+  return e === "[object RegExp]" || e === "[object Date]" || Sr(i);
 }
 var Pr = typeof Symbol == "function" && Symbol.for, Ir = Pr ? Symbol.for("react.element") : 60103;
-function Br(i) {
+function Sr(i) {
   return i.$$typeof === Ir;
 }
-function Sr(i) {
+function Br(i) {
   return Array.isArray(i) ? [] : {};
 }
 function ge(i, e) {
-  return e.clone !== !1 && e.isMergeableObject(i) ? oe(Sr(i), i, e) : i;
+  return e.clone !== !1 && e.isMergeableObject(i) ? oe(Br(i), i, e) : i;
 }
 function Ar(i, e, t) {
   return i.concat(e).map(function(r) {
@@ -520,7 +520,7 @@ p(Q, "EVENT_TYPE_MAP", {
   "map-mouseup": "mouseup",
   "map-dblclick": "dblclick"
 });
-const Be = class extends Wt {
+const Se = class extends Wt {
   addEventListener(e, t) {
     const r = we(e, t);
     if (this.eventMap.get(r)) {
@@ -535,14 +535,14 @@ const Be = class extends Wt {
       };
       n.point && (a.position = y.fromBaidu(n.point, this.coordTypeSupplier.coordType)), t.call(this.target, a);
     };
-    this.inner.addEventListener(Be.EVENT_TYPE_MAP[e] || e, s), this.eventMap.set(r, s);
+    this.inner.addEventListener(Se.EVENT_TYPE_MAP[e] || e, s), this.eventMap.set(r, s);
   }
   removeEventListener(e, t) {
     const r = we(e, t), s = this.eventMap.get(r);
-    s ? (this.inner.removeEventListener(Be.EVENT_TYPE_MAP[e] || e, s), this.eventMap.delete(r)) : console.warn("移除失败, 不存在该listener", r, t);
+    s ? (this.inner.removeEventListener(Se.EVENT_TYPE_MAP[e] || e, s), this.eventMap.delete(r)) : console.warn("移除失败, 不存在该listener", r, t);
   }
 };
-let ne = Be;
+let ne = Se;
 // cSpell:words clickclose
 // 事件类型映射, tg => baidu
 p(ne, "EVENT_TYPE_MAP", {
@@ -628,7 +628,7 @@ class xt {
     return this.value === void 0 && (this.value = this.creator()), this.value;
   }
 }
-var k = /* @__PURE__ */ ((i) => (i.TOP_LEFT = "top-left", i.TOP_CENTER = "top-center", i.TOP_RIGHT = "top-right", i.BOTTOM_LEFT = "bottom-left", i.BOTTOM_CENTER = "bottom-center", i.BOTTOM_RIGHT = "bottom-right", i.LEFT_TOP = "left-top", i.LEFT_CENTER = "left-center", i.LEFT_BOTTOM = "left-bottom", i.RIGHT_TOP = "right-top", i.RIGHT_CENTER = "right-center", i.RIGHT_BOTTOM = "right-bottom", i))(k || {}), B;
+var k = /* @__PURE__ */ ((i) => (i.TOP_LEFT = "top-left", i.TOP_CENTER = "top-center", i.TOP_RIGHT = "top-right", i.BOTTOM_LEFT = "bottom-left", i.BOTTOM_CENTER = "bottom-center", i.BOTTOM_RIGHT = "bottom-right", i.LEFT_TOP = "left-top", i.LEFT_CENTER = "left-center", i.LEFT_BOTTOM = "left-bottom", i.RIGHT_TOP = "right-top", i.RIGHT_CENTER = "right-center", i.RIGHT_BOTTOM = "right-bottom", i))(k || {}), S;
 ((i) => {
   let e, t;
   const r = [
@@ -693,7 +693,7 @@ var k = /* @__PURE__ */ ((i) => (i.TOP_LEFT = "top-left", i.TOP_CENTER = "top-ce
     ])), t;
   }
   i.getGoogle = n;
-})(B || (B = {}));
+})(S || (S = {}));
 class Ur {
   constructor(e) {
     /** 实际添加到地图中的control对象 */
@@ -714,10 +714,10 @@ class Ye extends jt {
     e ? this.inner.show() : this.inner.hide();
   }
   getPosition() {
-    return this.position ?? B.getBaidu().toKey(this.inner.getAnchor());
+    return this.position ?? S.getBaidu().toKey(this.inner.getAnchor());
   }
   setPosition(e) {
-    this.position = e, this.inner.setAnchor(B.getBaidu().toValue(e));
+    this.position = e, this.inner.setAnchor(S.getBaidu().toValue(e));
   }
   addTo(e) {
     e.innerMap.addControl(this.inner);
@@ -753,7 +753,7 @@ class qe extends jt {
   }
   onCreateOptions() {
     return {
-      position: B.getGoogle().toValue(this.position)
+      position: S.getGoogle().toValue(this.position)
     };
   }
   tryUpdateOptions() {
@@ -822,7 +822,7 @@ class Ke extends Ye {
       type: e.type && r[e.type],
       mapTypes: t.map((n) => n.asBaiduMapType())
     });
-    return e.position && s.setAnchor(B.getBaidu().toValue(e.position)), new Ke(s, e.position);
+    return e.position && s.setAnchor(S.getBaidu().toValue(e.position)), new Ke(s, e.position);
   }
 }
 const ie = class extends qe {
@@ -851,7 +851,7 @@ p(Oe, "type2google");
 class Xe extends Ye {
   static create(e) {
     const t = new BMap.ScaleControl({
-      anchor: e.position && B.getBaidu().toValue(e.position)
+      anchor: e.position && S.getBaidu().toValue(e.position)
     });
     return new Xe(t, e.position);
   }
@@ -869,7 +869,7 @@ class Qe extends Ye {
     const t = new BMap.NavigationControl({
       type: BMAP_NAVIGATION_CONTROL_ZOOM,
       // enableGeolocation: true,
-      anchor: e.position && B.getBaidu().toValue(e.position)
+      anchor: e.position && S.getBaidu().toValue(e.position)
     });
     return new Qe(t, e.position);
   }
@@ -2000,7 +2000,7 @@ T.prototype._addToClosestCluster = function(i) {
   if (t && t.isMarkerInClusterBounds(i))
     t.addMarker(i);
   else {
-    var s = new S(this);
+    var s = new B(this);
     s.addMarker(i), this._clusters.push(s);
   }
 };
@@ -2095,7 +2095,7 @@ T.prototype.setTextCalculator = function(i) {
 T.prototype.setStylesIndexCalculator = function(i) {
   this._stylesIndexCalculator = i;
 };
-function S(i) {
+function B(i) {
   var e = this;
   this._markerClusterer = i, this._map = i.getMap(), this._minClusterSize = i.getMinClusterSize(), this._isAverageCenter = i.isAverageCenter(), this._center = null, this._markers = [], this._gridBounds = null, this._isReal = !1, this._clusterMarker = new Lt(this._center, this._markers.length, {
     styles: this._markerClusterer.getStyles(),
@@ -2110,7 +2110,7 @@ function S(i) {
     e._map.setViewport(e.getBounds());
   });
 }
-S.prototype.addMarker = function(i) {
+B.prototype.addMarker = function(i) {
   if (this.isMarkerInCluster(i))
     return !1;
   if (!this._center)
@@ -2121,7 +2121,7 @@ S.prototype.addMarker = function(i) {
   }
   return i.isInCluster = !0, this._markers.push(i), !0;
 };
-S.prototype.render = function() {
+B.prototype.render = function() {
   var i = this._markers.length;
   if (i < this._minClusterSize)
     for (var e = 0; e < i; e++)
@@ -2129,7 +2129,7 @@ S.prototype.render = function() {
   else
     this._map.addOverlay(this._clusterMarker), this._isReal = !0, this.updateClusterMarker();
 };
-S.prototype.isMarkerInCluster = function(i) {
+B.prototype.isMarkerInCluster = function(i) {
   if (this._markers.indexOf)
     return this._markers.indexOf(i) != -1;
   for (var e = 0, t; t = this._markers[e]; e++)
@@ -2137,17 +2137,17 @@ S.prototype.isMarkerInCluster = function(i) {
       return !0;
   return !1;
 };
-S.prototype.isMarkerInClusterBounds = function(i) {
+B.prototype.isMarkerInClusterBounds = function(i) {
   return this._gridBounds.containsPoint(i.getPosition());
 };
-S.prototype.isReal = function(i) {
+B.prototype.isReal = function(i) {
   return this._isReal;
 };
-S.prototype.updateGridBounds = function() {
+B.prototype.updateGridBounds = function() {
   var i = new BMap.Bounds(this._center, this._center);
   this._gridBounds = Jt(this._map, i, this._markerClusterer.getGridSize());
 };
-S.prototype.updateClusterMarker = function() {
+B.prototype.updateClusterMarker = function() {
   if (this._map.getZoom() > this._markerClusterer.getMaxZoom()) {
     this._clusterMarker && this._map.removeOverlay(this._clusterMarker);
     for (var i = 0, e; e = this._markers[i]; i++)
@@ -2160,19 +2160,19 @@ S.prototype.updateClusterMarker = function() {
   }
   this._clusterMarker.setPosition(this._center), this._clusterMarker.setText(this._markerClusterer._textCalculator(this._markers));
 };
-S.prototype.remove = function() {
+B.prototype.remove = function() {
   for (var i = 0, e; e = this._markers[i]; i++) {
     var t = this._markers[i].getLabel();
     this._markers[i].getMap() && this._map.removeOverlay(this._markers[i]), this._markers[i].setLabel(t);
   }
   this._map.removeOverlay(this._clusterMarker), this._markers.length = 0, delete this._markers;
 };
-S.prototype.getBounds = function() {
+B.prototype.getBounds = function() {
   for (var i = new BMap.Bounds(this._center, this._center), e = 0, t; t = this._markers[e]; e++)
     i.extend(t.getPosition());
   return i;
 };
-S.prototype.getCenter = function() {
+B.prototype.getCenter = function() {
   return this._center;
 };
 var Le;
@@ -3210,6 +3210,7 @@ var Pe;
       url: r.url,
       size: new google.maps.Size(r.size.width, r.size.height),
       origin: r.origin && new google.maps.Point(r.origin.x, r.origin.y),
+      scaledSize: r.scaledSize && new google.maps.Size(r.scaledSize.width, r.scaledSize.height),
       // google的锚点默认就是图标的底部中点
       anchor: r.anchor && new google.maps.Point(r.anchor.x, r.anchor.y)
     };
@@ -3218,6 +3219,7 @@ var Pe;
   function t(r) {
     return new BMap.Icon(r.url, new BMap.Size(r.size.width, r.size.height), {
       imageOffset: r.origin && new BMap.Size(-r.origin.x, -r.origin.y),
+      imageSize: r.scaledSize && new BMap.Size(r.scaledSize.width, r.scaledSize.height),
       // baidu的锚点默认为图标的中心点, 故需要和@tg/map统一, 改成图标的底部中点
       anchor: r.anchor ? new BMap.Size(r.anchor.x, r.anchor.y) : new BMap.Size(r.size.width / 2, r.size.height)
       // InfoWindow相对图标左上角的偏移量, 不指定则InfoWindow不会偏移, 直接指到marker的position上
@@ -3650,7 +3652,7 @@ class fi extends rt {
       const r = class extends BMap.Control {
         constructor() {
           super(...arguments);
-          p(this, "defaultAnchor", B.getBaidu().toValue(t.position));
+          p(this, "defaultAnchor", S.getBaidu().toValue(t.position));
           p(this, "defaultOffset", new BMap.Size(0, 0));
         }
         initialize(n) {
@@ -3813,11 +3815,11 @@ class yi extends rt {
     t.innerOverlay.setMap(null);
   }
   addCustomControl(t) {
-    t.inner || (t.inner = t.onCreateElement(), this.map.controls[B.getGoogle().toValue(t.position)].push(t.inner));
+    t.inner || (t.inner = t.onCreateElement(), this.map.controls[S.getGoogle().toValue(t.position)].push(t.inner));
   }
   removeCustomControl(t) {
     if (t.inner) {
-      const r = this.map.controls[B.getGoogle().toValue(t.position)];
+      const r = this.map.controls[S.getGoogle().toValue(t.position)];
       Ee.remove(r, t.inner);
     }
   }
@@ -4145,7 +4147,7 @@ function wi(i, e) {
   };
 }
 function Y(i, e) {
-  return St(() => wi(i, e));
+  return Bt(() => wi(i, e));
 }
 function N() {
   return Function;
@@ -4181,7 +4183,7 @@ const ys = {
   name: "tg-map",
   provide() {
     return {
-      [Mt]: St(() => this.map)
+      [Mt]: Bt(() => this.map)
     };
   },
   inheritAttrs: !1,
@@ -4348,7 +4350,7 @@ function xi(i, e, t, r, s, n) {
   return Z(), W("div", le({ class: "tg-map" }, i.attrs.binds), [
     mr("div", {
       ref: "map",
-      class: Se({
+      class: Be({
         "tg-map__map": !0,
         [`tg-map__map--hide-logo-${i.type}`]: i.hideLogo
       })
@@ -4401,7 +4403,7 @@ const ki = x({
 });
 function Pi(i, e, t, r, s, n) {
   return Z(), W("div", {
-    class: Se(i.$options.name),
+    class: Be(i.$options.name),
     style: fr({ left: i.dimen(i.left), top: i.dimen(i.topValue), right: i.dimen(i.right), bottom: i.dimen(i.bottom) })
   }, [
     R(i.$slots, "default")
@@ -4436,14 +4438,14 @@ const vs = /* @__PURE__ */ j(ki, [["render", Pi]]), Ii = x({
     this.$map.removeCustomControl(this.control);
   }
 });
-function Bi(i, e, t, r, s, n) {
+function Si(i, e, t, r, s, n) {
   return Z(), W("div", {
-    class: Se(i.$options.name)
+    class: Be(i.$options.name)
   }, [
     R(i.$slots, "default")
   ], 2);
 }
-const _s = /* @__PURE__ */ j(Ii, [["render", Bi]]), Ms = x({
+const _s = /* @__PURE__ */ j(Ii, [["render", Si]]), Ms = x({
   name: "tg-map-type-control",
   mixins: [L],
   props: {
@@ -4509,7 +4511,7 @@ function lr() {
   }
   return e;
 }
-function Si() {
+function Bi() {
   const i = vr(Mt);
   let e, t;
   return i == null && C(`<${lr() || "unknown"}>必须作为<tg-map>的子代组件`), {
@@ -4539,7 +4541,7 @@ const Ts = x({
   },
   setup(i) {
     let e = void 0;
-    const { map: t, onCreate: r, onDestroy: s } = Si();
+    const { map: t, onCreate: r, onDestroy: s } = Bi();
     return r(() => {
       e = t.createZoomControl(i), t.addControl(e);
     }), s(() => {
@@ -4614,7 +4616,7 @@ const Ts = x({
 });
 function $i(i, e, t, r, s, n) {
   return Z(), W("div", {
-    class: Se(i.$options.name)
+    class: Be(i.$options.name)
   }, [
     R(i.$slots, "default")
   ], 2);
@@ -5321,7 +5323,7 @@ const Ls = /* @__PURE__ */ j(Ui, [["render", Yi]]), ks = x({
 function pe(i) {
   return i * Math.PI / 180;
 }
-function Bt(i) {
+function St(i) {
   return i * 180 / Math.PI;
 }
 function Xi(i, e) {
@@ -5346,12 +5348,12 @@ function Ji(i, e, t) {
     d * E + h * O * o,
     (1 - n) * Math.sqrt(_ * _ + te * te)
   ), hr = Math.atan2(O * c, h * E - d * O * o), Re = n / 16 * b * (4 + n * (4 - 3 * b)), cr = hr - (1 - Re) * n * _ * (w + Re * O * (v + Re * E * (-1 + 2 * v * v)));
-  return { lng: i.lng + Bt(cr), lat: Bt($e) };
+  return { lng: i.lng + St(cr), lat: St($e) };
 }
-const Bs = {
+const Ss = {
   getDistance: Xi,
   getDestination: Ji
-}, Ss = {
+}, Bs = {
   install(i, e) {
     Wr(e), i.config.unwrapInjectedRef = !0;
     const t = i.config.optionMergeStrategies;
@@ -5380,7 +5382,7 @@ export {
   Qe as BaiduZoomControl,
   xt as CachedValue,
   k as ControlPosition,
-  B as ControlPositionConverter,
+  S as ControlPositionConverter,
   J as CoordType,
   Ur as CustomControl,
   Fr as FastFindValues,
@@ -5418,7 +5420,7 @@ export {
   rr as PlacesService,
   F as Point,
   ir as SearchBox,
-  Bs as SphericalUtils,
+  Ss as SphericalUtils,
   fe as Strings,
   Ie as SymbolIcon,
   ps as SymbolPath,
@@ -5449,7 +5451,7 @@ export {
   Oi as createPropertyObject,
   gs as createPropertyObjectTyped,
   is as debug,
-  Ss as default,
+  Bs as default,
   ys as eventLogMethods,
   N as eventProp,
   fs as extractVNodeFromSlotsByComponent,
@@ -5475,6 +5477,6 @@ export {
   je as typed,
   ls as unwrapStringEnumValue,
   Y as useSplittedAttrs,
-  Si as useTgMap
+  Bi as useTgMap
 };
 //# sourceMappingURL=tg-map.js.map