tg-map-vue3 3.4.3 → 3.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -0
- package/dist/src/components/TgMap.vue.d.ts +17 -2
- package/dist/src/components/overlays/TgCircle.vue.d.ts +2 -2
- package/dist/src/components/overlays/TgMarker.vue.d.ts +5 -5
- package/dist/src/components/overlays/TgPolygon.vue.d.ts +1 -1
- package/dist/src/components/overlays/TgPolyline.vue.d.ts +1 -1
- package/dist/src/components/overlays/TgRectangle.vue.d.ts +1 -1
- package/dist/src/map/map/baidu-map.d.ts +2 -2
- package/dist/src/map/map/google-map.d.ts +2 -2
- package/dist/src/map/map/here-map.d.ts +2 -2
- package/dist/src/map/map/map.d.ts +9 -6
- package/dist/tg-map.js +13 -13
- package/dist/tg-map.js.map +1 -1
- package/dist/tg-map.umd.cjs +1 -1
- package/dist/tg-map.umd.cjs.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
- feat: 添加矩形[TgRectangle]
|
|
6
6
|
- feat: 点/圆/矩形/多边形/多段线 在`editable`/`draggable`模式时支持双向绑定
|
|
7
7
|
- ***BREAKING CHANGE***: [TgPolygon].polygon, [TgPolyline].polyline 属性, 统一改成`overlay`
|
|
8
|
+
- ***BREAKING CHANGE***: 修复`setDisableDoubleClickZoom(type)`在google/baidu行为相反的问题, 并且重命名为`setDoubleClickZoom(enable)`
|
|
8
9
|
|
|
9
10
|
## 3.3.x
|
|
10
11
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LatLng } from '../map/lat-lng';
|
|
2
2
|
import { TgMapType } from '../map/map-factory';
|
|
3
|
-
import type { AbstractMap } from '../map/map/map';
|
|
3
|
+
import type { AbstractMap, AbstractMapEventMap } from '../map/map/map';
|
|
4
4
|
import { GestureHandlingOptions } from '../map/map/map-options';
|
|
5
5
|
import { BuildInMapTypeId, MapType } from '../map/map/map-type';
|
|
6
6
|
import { type StringEnumValue } from '../utils/mapped-types';
|
|
@@ -105,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
105
105
|
isDestroyed: boolean;
|
|
106
106
|
}, {
|
|
107
107
|
propsJson(): string;
|
|
108
|
-
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, EventEmits<TgMapEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
108
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, EventEmits<AbstractMapEventMap & TgMapEmits>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
109
109
|
/** type没做响应式, 但外部可以把type作为tg-map的key, 让type修改时完全重建tg-map */
|
|
110
110
|
type: {
|
|
111
111
|
type: import("vue").PropType<StringEnumValue<typeof TgMapType>>;
|
|
@@ -192,6 +192,21 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
192
192
|
"onUpdate:map-type"?: ((event: MapType) => any) | undefined;
|
|
193
193
|
"onUpdate:map-type-id"?: ((event: string) => any) | undefined;
|
|
194
194
|
"onUpdate:last-center"?: ((event: LatLng) => any) | undefined;
|
|
195
|
+
onClick?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
196
|
+
onDblclick?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
197
|
+
onRightclick?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
198
|
+
onMousedown?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
199
|
+
onMouseup?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
200
|
+
onMouseout?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
201
|
+
onMouseover?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
202
|
+
onDragstart?: ((event: import("../map/event").Tg.Event) => any) | undefined;
|
|
203
|
+
onDrag?: ((event: import("../map/event").Tg.Event) => any) | undefined;
|
|
204
|
+
onDragend?: ((event: import("../map/event").Tg.Event) => any) | undefined;
|
|
205
|
+
"onCenter-changed"?: ((event: import("../map/event").Tg.Event) => any) | undefined;
|
|
206
|
+
onMousemove?: ((event: import("../map/event").Tg.MouseEvent) => any) | undefined;
|
|
207
|
+
onTilesloaded?: ((event: import("../map/event").Tg.Event) => any) | undefined;
|
|
208
|
+
"onZoom-changed"?: ((event: import("../map/event").Tg.Event) => any) | undefined;
|
|
209
|
+
"onMap-type-changed"?: ((event: import("../map/event").Tg.Event) => any) | undefined;
|
|
195
210
|
}, {
|
|
196
211
|
type: StringEnumValue<typeof TgMapType>;
|
|
197
212
|
centerSyncDelay: number;
|
|
@@ -91,11 +91,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
91
91
|
onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
92
92
|
onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
93
93
|
onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
94
|
+
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
94
95
|
onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
95
96
|
onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
96
|
-
|
|
97
|
+
"onCenter-changed"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
97
98
|
"onUpdate:radius"?: ((event: number) => any) | undefined;
|
|
98
99
|
"onRadius-changed"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
99
|
-
"onCenter-changed"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
100
100
|
}, {}, {}>;
|
|
101
101
|
export default _default;
|
|
@@ -228,17 +228,17 @@ declare const TgMarker: import("vue").DefineComponent<{
|
|
|
228
228
|
};
|
|
229
229
|
'onUpdate:position': import("vue").Prop<import("../../utils/vue-utils").EventCallback<LatLng>>;
|
|
230
230
|
}>> & {
|
|
231
|
-
onDrag?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
232
|
-
onDragend?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
233
|
-
onDragstart?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
234
231
|
onClick?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
235
232
|
onDblclick?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
233
|
+
onRightclick?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
236
234
|
onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
235
|
+
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
237
236
|
onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
238
237
|
onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
239
|
-
|
|
238
|
+
onDragstart?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
239
|
+
onDrag?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
240
|
+
onDragend?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
240
241
|
"onUpdate:position"?: ((event: LatLng) => any) | undefined;
|
|
241
|
-
onRightclick?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
242
242
|
}, {}, {}>;
|
|
243
243
|
type TgMarker = InstanceType<typeof TgMarker>;
|
|
244
244
|
export default TgMarker;
|
|
@@ -79,9 +79,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
79
|
onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
80
80
|
onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
81
81
|
onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
82
|
+
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
82
83
|
onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
83
84
|
onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
84
|
-
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
85
85
|
"onUpdate:paths"?: ((event: LatLng[][]) => any) | undefined;
|
|
86
86
|
"onPaths-edited"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
87
87
|
}, {}, {}>;
|
|
@@ -67,9 +67,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
67
|
onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
68
68
|
onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
69
69
|
onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
70
|
+
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
70
71
|
onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
71
72
|
onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
72
|
-
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
73
73
|
"onUpdate:path"?: ((event: LatLng[]) => any) | undefined;
|
|
74
74
|
"onPath-edited"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
75
75
|
}, {}, {}>;
|
|
@@ -79,9 +79,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
79
|
onClick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
80
80
|
onDblclick?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
81
81
|
onMousedown?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
82
|
+
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
82
83
|
onMouseout?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
83
84
|
onMouseover?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
84
|
-
onMouseup?: ((event: import("../../map/event").Tg.MouseEvent) => any) | undefined;
|
|
85
85
|
"onUpdate:bounds"?: ((event: LatLngBounds) => any) | undefined;
|
|
86
86
|
"onBounds-changed"?: ((event: import("../../map/event").Tg.Event) => any) | undefined;
|
|
87
87
|
}, {}, {}>;
|
|
@@ -22,7 +22,6 @@ import { BaiduPolygon } from './overlay/polygon';
|
|
|
22
22
|
import { BaiduPolyline } from './overlay/polyline';
|
|
23
23
|
import { BaiduRectangle } from './overlay/rectangle';
|
|
24
24
|
export declare class BaiduMap extends AbstractMap {
|
|
25
|
-
setDefaultCursor(cursor: string): void;
|
|
26
25
|
private buildInMapTypeId2BIMT;
|
|
27
26
|
private baiduMapType2BIMT;
|
|
28
27
|
private map;
|
|
@@ -34,8 +33,9 @@ export declare class BaiduMap extends AbstractMap {
|
|
|
34
33
|
removeEventListener<K extends keyof AbstractMapEventMap>(type: K, listener: (event: AbstractMapEventMap[K]) => void): void;
|
|
35
34
|
fromContainerPointToLatLng(point: Point): LatLng;
|
|
36
35
|
fromLatLngToContainerPoint(latLng: LatLng): Point;
|
|
36
|
+
setDefaultCursor(cursor: string): void;
|
|
37
37
|
setDraggable(draggable: boolean): void;
|
|
38
|
-
|
|
38
|
+
setDoubleClickZoom(enable: boolean): void;
|
|
39
39
|
getCenter(): LatLng;
|
|
40
40
|
setCenter(latlng: LatLng): void;
|
|
41
41
|
getZoom(): number;
|
|
@@ -24,7 +24,6 @@ import { GooglePolyline } from './overlay/polyline';
|
|
|
24
24
|
import { GoogleRectangle } from './overlay/rectangle';
|
|
25
25
|
export declare class GoogleMap extends AbstractMap {
|
|
26
26
|
mapOptions: MapOptions;
|
|
27
|
-
setDefaultCursor(cursor: string): void;
|
|
28
27
|
private buildInMapTypeId2BIMT;
|
|
29
28
|
private googleMapTypeId2BIMT;
|
|
30
29
|
private map;
|
|
@@ -34,8 +33,9 @@ export declare class GoogleMap extends AbstractMap {
|
|
|
34
33
|
get coordType(): import("../lat-lng").CoordType;
|
|
35
34
|
fromContainerPointToLatLng(point: Point): LatLng;
|
|
36
35
|
fromLatLngToContainerPoint(latLng: LatLng): Point;
|
|
36
|
+
setDefaultCursor(cursor: string): void;
|
|
37
37
|
setDraggable(draggable: boolean): void;
|
|
38
|
-
|
|
38
|
+
setDoubleClickZoom(enable: boolean): void;
|
|
39
39
|
getCenter(): LatLng;
|
|
40
40
|
setCenter(latlng: LatLng): void;
|
|
41
41
|
setMinZoom(zoom: number): void;
|
|
@@ -24,7 +24,6 @@ import type { PolylineOptions, PolylineOverlay } from './overlay/polyline';
|
|
|
24
24
|
import type { RectangleOptions, RectangleOverlay } from './overlay/rectangle';
|
|
25
25
|
export declare class HereMap extends AbstractMap {
|
|
26
26
|
mapOptions: MapOptions;
|
|
27
|
-
setDefaultCursor(cursor: string): void;
|
|
28
27
|
private map;
|
|
29
28
|
defaultLayers: H.service.DefaultLayers;
|
|
30
29
|
constructor(element: HTMLElement, mapOptions: MapOptions);
|
|
@@ -35,8 +34,9 @@ export declare class HereMap extends AbstractMap {
|
|
|
35
34
|
setGestureHandling(gestureHandling: GestureHandlingOptions): void;
|
|
36
35
|
fromContainerPointToLatLng(point: Point): LatLng;
|
|
37
36
|
fromLatLngToContainerPoint(latLng: LatLng): Point;
|
|
37
|
+
setDefaultCursor(cursor: string): void;
|
|
38
38
|
setDraggable(draggable: boolean): void;
|
|
39
|
-
|
|
39
|
+
setDoubleClickZoom(enable: boolean): void;
|
|
40
40
|
setMinZoom(zoom: number): void;
|
|
41
41
|
setMaxZoom(zoom: number): void;
|
|
42
42
|
setMapStyle(mapStyle: MapStyle): void;
|
|
@@ -33,13 +33,15 @@ export type AbstractMapEventMap = {
|
|
|
33
33
|
dragend: Tg.Event;
|
|
34
34
|
/**
|
|
35
35
|
* ## 不同行为
|
|
36
|
-
* - baidu:
|
|
36
|
+
* - baidu: 不会触发
|
|
37
37
|
* - google: 正常触发
|
|
38
38
|
*/
|
|
39
|
-
mouseover: Tg.
|
|
40
|
-
mousemove: Tg.MouseEvent;
|
|
39
|
+
mouseover: Tg.MouseEvent;
|
|
41
40
|
/** @see mouseover */
|
|
42
|
-
mouseout: Tg.
|
|
41
|
+
mouseout: Tg.MouseEvent;
|
|
42
|
+
mousedown: Tg.MouseEvent;
|
|
43
|
+
mousemove: Tg.MouseEvent;
|
|
44
|
+
mouseup: Tg.MouseEvent;
|
|
43
45
|
tilesloaded: Tg.Event;
|
|
44
46
|
/**
|
|
45
47
|
* ## 不同实现
|
|
@@ -93,14 +95,15 @@ export declare abstract class AbstractMap implements CoordTypeSupplier, Tg.Event
|
|
|
93
95
|
abstract fromContainerPointToLatLng(point: Point): LatLng;
|
|
94
96
|
/** @see fromContainerPointToLatLng */
|
|
95
97
|
abstract fromLatLngToContainerPoint(latLng: LatLng): Point;
|
|
98
|
+
abstract setDefaultCursor(cursor: CSS.Property.Cursor): void;
|
|
96
99
|
/**
|
|
97
100
|
* ## 不同行为
|
|
98
101
|
* - baidu: 禁用拖拽后, 依然可以滚轮缩放
|
|
99
102
|
* - google: 禁用拖拽后, 不能滚轮缩放
|
|
100
103
|
*/
|
|
101
104
|
abstract setDraggable(draggable: boolean): void;
|
|
102
|
-
|
|
103
|
-
abstract
|
|
105
|
+
/** 启用/禁用双击放大 */
|
|
106
|
+
abstract setDoubleClickZoom(enable: boolean): void;
|
|
104
107
|
abstract getCenter(): LatLng;
|
|
105
108
|
/**
|
|
106
109
|
* ## {@link setZoom}和{@link setCenter}的调用顺序问题
|
package/dist/tg-map.js
CHANGED
|
@@ -3833,9 +3833,6 @@ class Oi extends nt {
|
|
|
3833
3833
|
a && (console.debug("remove:info-box", a), this.map.removeOverlay(a));
|
|
3834
3834
|
});
|
|
3835
3835
|
}
|
|
3836
|
-
setDefaultCursor(e) {
|
|
3837
|
-
this.innerMap.setDefaultCursor(e);
|
|
3838
|
-
}
|
|
3839
3836
|
setGestureHandling(e = G.auto) {
|
|
3840
3837
|
switch (e === G.auto && (e = this.element.parentElement && Ve.isScrollable(this.element.parentElement) ? G.cooperative : G.greedy), e) {
|
|
3841
3838
|
case G.cooperative:
|
|
@@ -3875,10 +3872,13 @@ class Oi extends nt {
|
|
|
3875
3872
|
fromLatLngToContainerPoint(e) {
|
|
3876
3873
|
return this.innerMap.pointToPixel(e.toBaidu(this.coordType));
|
|
3877
3874
|
}
|
|
3875
|
+
setDefaultCursor(e) {
|
|
3876
|
+
this.innerMap.setDefaultCursor(e);
|
|
3877
|
+
}
|
|
3878
3878
|
setDraggable(e) {
|
|
3879
3879
|
e ? this.innerMap.enableDragging() : this.innerMap.disableDragging();
|
|
3880
3880
|
}
|
|
3881
|
-
|
|
3881
|
+
setDoubleClickZoom(e) {
|
|
3882
3882
|
e ? this.map.enableDoubleClickZoom() : this.map.disableDoubleClickZoom();
|
|
3883
3883
|
}
|
|
3884
3884
|
getCenter() {
|
|
@@ -4011,9 +4011,6 @@ class Ci extends nt {
|
|
|
4011
4011
|
mapTypeId: s == null ? void 0 : s.getGoogleMapTypeId()
|
|
4012
4012
|
}), this.setEventTargetDelegate(new ee(this.map, this));
|
|
4013
4013
|
}
|
|
4014
|
-
setDefaultCursor(e) {
|
|
4015
|
-
this.innerMap.setOptions({ draggableCursor: e });
|
|
4016
|
-
}
|
|
4017
4014
|
setGestureHandling(e) {
|
|
4018
4015
|
this.map.setOptions({
|
|
4019
4016
|
gestureHandling: e
|
|
@@ -4045,11 +4042,14 @@ class Ci extends nt {
|
|
|
4045
4042
|
const o = Math.pow(2, h), l = r.fromLatLngToPoint(e.toGoogle(this.coordType));
|
|
4046
4043
|
return l == null ? q.ZERO : { x: (l.x - n.x) * o, y: (l.y - a.y) * o };
|
|
4047
4044
|
}
|
|
4045
|
+
setDefaultCursor(e) {
|
|
4046
|
+
this.innerMap.setOptions({ draggableCursor: e });
|
|
4047
|
+
}
|
|
4048
4048
|
setDraggable(e) {
|
|
4049
4049
|
this.innerMap.setOptions({ draggable: e });
|
|
4050
4050
|
}
|
|
4051
|
-
|
|
4052
|
-
this.map.setOptions({ disableDoubleClickZoom: e });
|
|
4051
|
+
setDoubleClickZoom(e) {
|
|
4052
|
+
this.map.setOptions({ disableDoubleClickZoom: !e });
|
|
4053
4053
|
}
|
|
4054
4054
|
getCenter() {
|
|
4055
4055
|
return y.fromGoogle(this.map.getCenter() ?? Y.LATLNG_ZERO, this.coordType);
|
|
@@ -4155,9 +4155,6 @@ class wi extends nt {
|
|
|
4155
4155
|
center: (a = r.center) == null ? void 0 : a.toHere(this.coordType)
|
|
4156
4156
|
}), new H.mapevents.Behavior(new H.mapevents.MapEvents(this.map)), H.ui.UI.createDefault(this.map, this.defaultLayers);
|
|
4157
4157
|
}
|
|
4158
|
-
setDefaultCursor(e) {
|
|
4159
|
-
throw new Error("Method not implemented.");
|
|
4160
|
-
}
|
|
4161
4158
|
get innerMap() {
|
|
4162
4159
|
return this.map;
|
|
4163
4160
|
}
|
|
@@ -4180,10 +4177,13 @@ class wi extends nt {
|
|
|
4180
4177
|
fromLatLngToContainerPoint(e) {
|
|
4181
4178
|
throw new Error("Method not implemented.");
|
|
4182
4179
|
}
|
|
4180
|
+
setDefaultCursor(e) {
|
|
4181
|
+
throw new Error("Method not implemented.");
|
|
4182
|
+
}
|
|
4183
4183
|
setDraggable(e) {
|
|
4184
4184
|
throw new Error("Method not implemented.");
|
|
4185
4185
|
}
|
|
4186
|
-
|
|
4186
|
+
setDoubleClickZoom(e) {
|
|
4187
4187
|
throw new Error("Method not implemented.");
|
|
4188
4188
|
}
|
|
4189
4189
|
setMinZoom(e) {
|