@spuermomonga/vue3-bmapgl 0.0.8 → 0.0.10
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/dist/index.js +212 -15
- package/dist/index.prod.js +1 -1
- package/es/components.mjs +1 -0
- package/es/components.mjs.map +1 -1
- package/es/index.mjs +1 -0
- package/es/index.mjs.map +1 -1
- package/es/layer/tile/index.d.ts +2 -0
- package/es/layer/tile/index.mjs +1 -0
- package/es/layer/tile/index.mjs.map +1 -1
- package/es/layer/tile/src/tile-props.d.ts +60 -0
- package/es/layer/tile/src/tile-props.mjs +52 -0
- package/es/layer/tile/src/tile-props.mjs.map +1 -0
- package/es/layer/tile/src/tile.d.ts +117 -1
- package/es/layer/tile/src/tile.mjs +125 -3
- package/es/layer/tile/src/tile.mjs.map +1 -1
- package/es/layer/xyz/src/xyz-props.d.ts +7 -1
- package/es/layer/xyz/src/xyz-props.mjs.map +1 -1
- package/es/layer/xyz/src/xyz.d.ts +3 -3
- package/es/layer/xyz/src/xyz.mjs +6 -1
- package/es/layer/xyz/src/xyz.mjs.map +1 -1
- package/es/map/src/map-props.d.ts +28 -7
- package/es/map/src/map-props.mjs +28 -7
- package/es/map/src/map-props.mjs.map +1 -1
- package/es/map/src/map.d.ts +56 -14
- package/lib/components.js +2 -0
- package/lib/components.js.map +1 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/layer/tile/index.d.ts +2 -0
- package/lib/layer/tile/index.js +2 -0
- package/lib/layer/tile/index.js.map +1 -1
- package/lib/layer/tile/src/tile-props.d.ts +60 -0
- package/lib/layer/tile/src/tile-props.js +54 -0
- package/lib/layer/tile/src/tile-props.js.map +1 -0
- package/lib/layer/tile/src/tile.d.ts +117 -1
- package/lib/layer/tile/src/tile.js +124 -2
- package/lib/layer/tile/src/tile.js.map +1 -1
- package/lib/layer/xyz/src/xyz-props.d.ts +7 -1
- package/lib/layer/xyz/src/xyz-props.js.map +1 -1
- package/lib/layer/xyz/src/xyz.d.ts +3 -3
- package/lib/layer/xyz/src/xyz.js +6 -1
- package/lib/layer/xyz/src/xyz.js.map +1 -1
- package/lib/map/src/map-props.d.ts +28 -7
- package/lib/map/src/map-props.js +28 -7
- package/lib/map/src/map-props.js.map +1 -1
- package/lib/map/src/map.d.ts +56 -14
- package/package.json +1 -1
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const tileLayerProps = {
|
|
4
|
+
visible: {
|
|
5
|
+
type: Boolean,
|
|
6
|
+
default: true
|
|
7
|
+
},
|
|
8
|
+
transform: Object,
|
|
9
|
+
png8: Boolean,
|
|
10
|
+
height: Number,
|
|
11
|
+
retry: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: void 0
|
|
14
|
+
},
|
|
15
|
+
retryTime: Number,
|
|
16
|
+
transparentPng: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: true
|
|
19
|
+
},
|
|
20
|
+
dataType: Number,
|
|
21
|
+
spanLevel: {
|
|
22
|
+
type: Number,
|
|
23
|
+
default: 0
|
|
24
|
+
},
|
|
25
|
+
tileTypeName: String,
|
|
26
|
+
cacheSize: {
|
|
27
|
+
type: Number,
|
|
28
|
+
default: 256
|
|
29
|
+
},
|
|
30
|
+
customLayer: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: void 0
|
|
33
|
+
},
|
|
34
|
+
clipTile: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: void 0
|
|
37
|
+
},
|
|
38
|
+
isTop: Boolean,
|
|
39
|
+
opacity: {
|
|
40
|
+
type: Number,
|
|
41
|
+
default: 1
|
|
42
|
+
},
|
|
43
|
+
isLowText: Boolean,
|
|
44
|
+
boundary: Array,
|
|
45
|
+
showRegion: String,
|
|
46
|
+
useThumbData: Boolean,
|
|
47
|
+
zIndex: Number,
|
|
48
|
+
zIndexTop: Boolean,
|
|
49
|
+
tileUrlTemplate: String,
|
|
50
|
+
getTilesUrl: Function
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
exports.tileLayerProps = tileLayerProps;
|
|
54
|
+
//# sourceMappingURL=tile-props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-props.js","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport type GetTilesUrlFn = (tile: { x: number, y: number, z: number }, boundRange: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const tileLayerProps = {\r\n visible: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n transform: Object as PropType<{ source: string, target: string }>,\r\n png8: Boolean,\r\n height: Number,\r\n retry: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n retryTime: Number,\r\n transparentPng: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n dataType: Number,\r\n spanLevel: {\r\n type: Number,\r\n default: 0,\r\n },\r\n tileTypeName: String,\r\n cacheSize: {\r\n type: Number,\r\n default: 256,\r\n },\r\n customLayer: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n clipTile: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n isTop: Boolean,\r\n opacity: {\r\n type: Number,\r\n default: 1,\r\n },\r\n isLowText: Boolean,\r\n boundary: Array as PropType<string[] | string>,\r\n showRegion: String,\r\n useThumbData: Boolean,\r\n zIndex: Number,\r\n zIndexTop: Boolean,\r\n tileUrlTemplate: String,\r\n getTilesUrl: Function as PropType<GetTilesUrlFn>,\r\n} as const\r\n\r\nexport type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>\r\n"],"names":[],"mappings":";;AAKO,MAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc,MAAA;AAAA,EACd,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,OAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,OAAA;AAAA,EACd,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa;;;;;"}
|
|
@@ -1,2 +1,118 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
readonly visible: {
|
|
3
|
+
readonly type: BooleanConstructor;
|
|
4
|
+
readonly default: true;
|
|
5
|
+
};
|
|
6
|
+
readonly transform: import("vue").PropType<{
|
|
7
|
+
source: string;
|
|
8
|
+
target: string;
|
|
9
|
+
}>;
|
|
10
|
+
readonly png8: BooleanConstructor;
|
|
11
|
+
readonly height: NumberConstructor;
|
|
12
|
+
readonly retry: {
|
|
13
|
+
readonly type: BooleanConstructor;
|
|
14
|
+
readonly default: undefined;
|
|
15
|
+
};
|
|
16
|
+
readonly retryTime: NumberConstructor;
|
|
17
|
+
readonly transparentPng: {
|
|
18
|
+
readonly type: BooleanConstructor;
|
|
19
|
+
readonly default: true;
|
|
20
|
+
};
|
|
21
|
+
readonly dataType: NumberConstructor;
|
|
22
|
+
readonly spanLevel: {
|
|
23
|
+
readonly type: NumberConstructor;
|
|
24
|
+
readonly default: 0;
|
|
25
|
+
};
|
|
26
|
+
readonly tileTypeName: StringConstructor;
|
|
27
|
+
readonly cacheSize: {
|
|
28
|
+
readonly type: NumberConstructor;
|
|
29
|
+
readonly default: 256;
|
|
30
|
+
};
|
|
31
|
+
readonly customLayer: {
|
|
32
|
+
readonly type: BooleanConstructor;
|
|
33
|
+
readonly default: undefined;
|
|
34
|
+
};
|
|
35
|
+
readonly clipTile: {
|
|
36
|
+
readonly type: BooleanConstructor;
|
|
37
|
+
readonly default: undefined;
|
|
38
|
+
};
|
|
39
|
+
readonly isTop: BooleanConstructor;
|
|
40
|
+
readonly opacity: {
|
|
41
|
+
readonly type: NumberConstructor;
|
|
42
|
+
readonly default: 1;
|
|
43
|
+
};
|
|
44
|
+
readonly isLowText: BooleanConstructor;
|
|
45
|
+
readonly boundary: import("vue").PropType<string[] | string>;
|
|
46
|
+
readonly showRegion: StringConstructor;
|
|
47
|
+
readonly useThumbData: BooleanConstructor;
|
|
48
|
+
readonly zIndex: NumberConstructor;
|
|
49
|
+
readonly zIndexTop: BooleanConstructor;
|
|
50
|
+
readonly tileUrlTemplate: StringConstructor;
|
|
51
|
+
readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
|
|
52
|
+
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
53
|
+
readonly visible: {
|
|
54
|
+
readonly type: BooleanConstructor;
|
|
55
|
+
readonly default: true;
|
|
56
|
+
};
|
|
57
|
+
readonly transform: import("vue").PropType<{
|
|
58
|
+
source: string;
|
|
59
|
+
target: string;
|
|
60
|
+
}>;
|
|
61
|
+
readonly png8: BooleanConstructor;
|
|
62
|
+
readonly height: NumberConstructor;
|
|
63
|
+
readonly retry: {
|
|
64
|
+
readonly type: BooleanConstructor;
|
|
65
|
+
readonly default: undefined;
|
|
66
|
+
};
|
|
67
|
+
readonly retryTime: NumberConstructor;
|
|
68
|
+
readonly transparentPng: {
|
|
69
|
+
readonly type: BooleanConstructor;
|
|
70
|
+
readonly default: true;
|
|
71
|
+
};
|
|
72
|
+
readonly dataType: NumberConstructor;
|
|
73
|
+
readonly spanLevel: {
|
|
74
|
+
readonly type: NumberConstructor;
|
|
75
|
+
readonly default: 0;
|
|
76
|
+
};
|
|
77
|
+
readonly tileTypeName: StringConstructor;
|
|
78
|
+
readonly cacheSize: {
|
|
79
|
+
readonly type: NumberConstructor;
|
|
80
|
+
readonly default: 256;
|
|
81
|
+
};
|
|
82
|
+
readonly customLayer: {
|
|
83
|
+
readonly type: BooleanConstructor;
|
|
84
|
+
readonly default: undefined;
|
|
85
|
+
};
|
|
86
|
+
readonly clipTile: {
|
|
87
|
+
readonly type: BooleanConstructor;
|
|
88
|
+
readonly default: undefined;
|
|
89
|
+
};
|
|
90
|
+
readonly isTop: BooleanConstructor;
|
|
91
|
+
readonly opacity: {
|
|
92
|
+
readonly type: NumberConstructor;
|
|
93
|
+
readonly default: 1;
|
|
94
|
+
};
|
|
95
|
+
readonly isLowText: BooleanConstructor;
|
|
96
|
+
readonly boundary: import("vue").PropType<string[] | string>;
|
|
97
|
+
readonly showRegion: StringConstructor;
|
|
98
|
+
readonly useThumbData: BooleanConstructor;
|
|
99
|
+
readonly zIndex: NumberConstructor;
|
|
100
|
+
readonly zIndexTop: BooleanConstructor;
|
|
101
|
+
readonly tileUrlTemplate: StringConstructor;
|
|
102
|
+
readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
|
|
103
|
+
}>> & Readonly<{}>, {
|
|
104
|
+
readonly visible: boolean;
|
|
105
|
+
readonly png8: boolean;
|
|
106
|
+
readonly retry: boolean;
|
|
107
|
+
readonly transparentPng: boolean;
|
|
108
|
+
readonly spanLevel: number;
|
|
109
|
+
readonly cacheSize: number;
|
|
110
|
+
readonly customLayer: boolean;
|
|
111
|
+
readonly clipTile: boolean;
|
|
112
|
+
readonly isTop: boolean;
|
|
113
|
+
readonly opacity: number;
|
|
114
|
+
readonly isLowText: boolean;
|
|
115
|
+
readonly useThumbData: boolean;
|
|
116
|
+
readonly zIndexTop: boolean;
|
|
117
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
118
|
export default _default;
|
|
@@ -1,11 +1,133 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var vue = require('vue');
|
|
4
|
+
var tileProps = require('./tile-props.js');
|
|
5
|
+
var useMapInstance = require('../../../_mixins/use-map-instance.js');
|
|
4
6
|
|
|
5
7
|
var tile = /* @__PURE__ */ vue.defineComponent({
|
|
6
8
|
name: "TileLayer",
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
props: tileProps.tileLayerProps,
|
|
10
|
+
setup(props) {
|
|
11
|
+
const mapInstance = useMapInstance();
|
|
12
|
+
let layer = null;
|
|
13
|
+
const setZIndex = (zIndex) => {
|
|
14
|
+
layer === null || layer === void 0 ? void 0 : layer.setZIndex(zIndex);
|
|
15
|
+
};
|
|
16
|
+
const setBoundary = (boundary) => {
|
|
17
|
+
boundary ? layer === null || layer === void 0 ? void 0 : layer.addBoundary(boundary) : layer === null || layer === void 0 ? void 0 : layer.clearBoundary();
|
|
18
|
+
};
|
|
19
|
+
const setZIndexTop = (zIndexTop) => {
|
|
20
|
+
layer === null || layer === void 0 ? void 0 : layer.setTop(zIndexTop);
|
|
21
|
+
};
|
|
22
|
+
const addTileLayer = () => {
|
|
23
|
+
const {
|
|
24
|
+
getTilesUrl
|
|
25
|
+
} = props;
|
|
26
|
+
if (!layer) return;
|
|
27
|
+
if (getTilesUrl) {
|
|
28
|
+
mapInstance().addTileLayer(layer);
|
|
29
|
+
layer.loadRasterTileData = function(tileInfo, callback) {
|
|
30
|
+
const key = this.getTileKey(tileInfo);
|
|
31
|
+
const handleImageLoad = (image) => {
|
|
32
|
+
image.tileInfo = tileInfo;
|
|
33
|
+
callback && callback(image, key);
|
|
34
|
+
};
|
|
35
|
+
const handleError = () => callback && callback(null, key);
|
|
36
|
+
const box = BMapGL.Projection.tileToBoundRange({
|
|
37
|
+
col: tileInfo.col,
|
|
38
|
+
row: tileInfo.row,
|
|
39
|
+
baseTileSize: tileInfo.baseTileSize,
|
|
40
|
+
zoom: tileInfo.zoom
|
|
41
|
+
});
|
|
42
|
+
getTilesUrl({
|
|
43
|
+
x: tileInfo.col,
|
|
44
|
+
y: tileInfo.row,
|
|
45
|
+
z: tileInfo.zoom
|
|
46
|
+
}, box, (img) => {
|
|
47
|
+
if (typeof img === "string" || img instanceof HTMLCanvasElement) {
|
|
48
|
+
const image = new Image();
|
|
49
|
+
image.crossOrigin = "anonymous";
|
|
50
|
+
image.onload = () => handleImageLoad(image);
|
|
51
|
+
image.onerror = handleError;
|
|
52
|
+
image.src = typeof img === "string" ? img : img.toDataURL();
|
|
53
|
+
} else if (img instanceof HTMLImageElement) {
|
|
54
|
+
handleImageLoad(img);
|
|
55
|
+
} else {
|
|
56
|
+
handleError();
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
} else {
|
|
61
|
+
mapInstance().addTileLayer(layer);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
const initLayerOptions = () => {
|
|
65
|
+
const {
|
|
66
|
+
zIndex,
|
|
67
|
+
boundary
|
|
68
|
+
} = props;
|
|
69
|
+
setBoundary(boundary);
|
|
70
|
+
setZIndex(zIndex);
|
|
71
|
+
};
|
|
72
|
+
const startWatchProps = () => {
|
|
73
|
+
vue.watch(() => props.zIndex, setZIndex);
|
|
74
|
+
vue.watch(() => props.boundary, setBoundary);
|
|
75
|
+
vue.watch(() => props.zIndexTop, setZIndexTop);
|
|
76
|
+
vue.watch(() => props.visible, (n) => n ? addTileLayer() : mapInstance().removeTileLayer(layer));
|
|
77
|
+
};
|
|
78
|
+
const init = () => {
|
|
79
|
+
const {
|
|
80
|
+
visible,
|
|
81
|
+
transform,
|
|
82
|
+
png8,
|
|
83
|
+
height,
|
|
84
|
+
retry,
|
|
85
|
+
retryTime,
|
|
86
|
+
transparentPng,
|
|
87
|
+
dataType,
|
|
88
|
+
spanLevel,
|
|
89
|
+
tileTypeName,
|
|
90
|
+
cacheSize,
|
|
91
|
+
customLayer,
|
|
92
|
+
clipTile,
|
|
93
|
+
isTop,
|
|
94
|
+
opacity,
|
|
95
|
+
isLowText,
|
|
96
|
+
showRegion,
|
|
97
|
+
useThumbData,
|
|
98
|
+
tileUrlTemplate
|
|
99
|
+
} = props;
|
|
100
|
+
layer = new BMapGL.TileLayer({
|
|
101
|
+
transform,
|
|
102
|
+
png8,
|
|
103
|
+
height,
|
|
104
|
+
retry,
|
|
105
|
+
retryTime,
|
|
106
|
+
transparentPng,
|
|
107
|
+
dataType,
|
|
108
|
+
spanLevel,
|
|
109
|
+
tileTypeName,
|
|
110
|
+
cacheSize,
|
|
111
|
+
customLayer,
|
|
112
|
+
clipTile,
|
|
113
|
+
isTop,
|
|
114
|
+
opacity,
|
|
115
|
+
isLowText,
|
|
116
|
+
showRegion,
|
|
117
|
+
useThumbData,
|
|
118
|
+
tileUrlTemplate
|
|
119
|
+
});
|
|
120
|
+
initLayerOptions();
|
|
121
|
+
visible && addTileLayer();
|
|
122
|
+
startWatchProps();
|
|
123
|
+
};
|
|
124
|
+
init();
|
|
125
|
+
vue.onUnmounted(() => {
|
|
126
|
+
if (layer) {
|
|
127
|
+
mapInstance().removeTileLayer(layer);
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
return () => vue.createVNode(vue.Fragment, null, null);
|
|
9
131
|
}
|
|
10
132
|
});
|
|
11
133
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tile.js","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\r\n\r\nexport default defineComponent({\r\n name: 'TileLayer',\r\n setup() {\r\n return () =>
|
|
1
|
+
{"version":3,"file":"tile.js","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile.tsx"],"sourcesContent":["import { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { tileLayerProps } from './tile-props'\r\n\r\nexport default defineComponent({\r\n name: 'TileLayer',\r\n props: tileLayerProps,\r\n setup(props) {\r\n const mapInstance = useMapInstance()\r\n\r\n let layer: BMapGL.TileLayer | null = null\r\n\r\n const setZIndex = (zIndex?: number) => {\r\n (layer as any)?.setZIndex(zIndex)\r\n }\r\n\r\n const setBoundary = (boundary?: string[] | string) => {\r\n boundary ? (layer as any)?.addBoundary(boundary) : (layer as any)?.clearBoundary()\r\n }\r\n\r\n const setZIndexTop = (zIndexTop?: boolean) => {\r\n (layer as any)?.setTop(zIndexTop)\r\n }\r\n\r\n const addTileLayer = () => {\r\n const { getTilesUrl } = props\r\n if (!layer)\r\n return\r\n if (getTilesUrl) {\r\n mapInstance().addTileLayer(layer)\r\n ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n const key = this.getTileKey(tileInfo)\r\n\r\n const handleImageLoad = (image: HTMLImageElement) => {\r\n (image as any).tileInfo = tileInfo\r\n callback && callback(image, key)\r\n }\r\n\r\n const handleError = () => callback && callback(null, key)\r\n\r\n const box = (BMapGL as any).Projection.tileToBoundRange({\r\n col: tileInfo.col,\r\n row: tileInfo.row,\r\n baseTileSize: tileInfo.baseTileSize,\r\n zoom: tileInfo.zoom,\r\n })\r\n\r\n getTilesUrl({ x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }, box, (img) => {\r\n if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n const image = new Image()\r\n image.crossOrigin = 'anonymous'\r\n\r\n image.onload = () => handleImageLoad(image)\r\n image.onerror = handleError\r\n\r\n image.src = typeof img === 'string' ? img : img.toDataURL()\r\n } else if (img instanceof HTMLImageElement) {\r\n handleImageLoad(img)\r\n } else {\r\n handleError()\r\n }\r\n })\r\n }\r\n } else {\r\n mapInstance().addTileLayer(layer)\r\n }\r\n }\r\n\r\n const initLayerOptions = () => {\r\n const { zIndex, boundary } = props\r\n setBoundary(boundary)\r\n setZIndex(zIndex)\r\n }\r\n\r\n const startWatchProps = () => {\r\n watch(() => props.zIndex, setZIndex)\r\n watch(() => props.boundary, setBoundary)\r\n watch(() => props.zIndexTop, setZIndexTop)\r\n watch(() => props.visible, n => n ? addTileLayer() : mapInstance().removeTileLayer(layer!))\r\n }\r\n\r\n const init = () => {\r\n const { visible, transform, png8, height, retry, retryTime, transparentPng, dataType, spanLevel, tileTypeName, cacheSize, customLayer, clipTile, isTop, opacity, isLowText, showRegion, useThumbData, tileUrlTemplate } = props\r\n layer = new BMapGL.TileLayer({\r\n transform,\r\n png8,\r\n height,\r\n retry,\r\n retryTime,\r\n transparentPng,\r\n dataType,\r\n spanLevel,\r\n tileTypeName,\r\n cacheSize,\r\n customLayer,\r\n clipTile,\r\n isTop,\r\n opacity,\r\n isLowText,\r\n showRegion,\r\n useThumbData,\r\n tileUrlTemplate,\r\n } as any)\r\n initLayerOptions()\r\n visible && addTileLayer()\r\n startWatchProps()\r\n }\r\n\r\n init()\r\n\r\n onUnmounted(() => {\r\n if (layer) {\r\n mapInstance().removeTileLayer(layer)\r\n }\r\n })\r\n\r\n return () => <></>\r\n },\r\n})\r\n"],"names":["name","props","tileLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","addBoundary","clearBoundary","setZIndexTop","zIndexTop","setTop","addTileLayer","getTilesUrl","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","box","BMapGL","Projection","tileToBoundRange","col","row","baseTileSize","zoom","x","y","z","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","initLayerOptions","startWatchProps","watch","visible","n","removeTileLayer","init","transform","png8","height","retry","retryTime","transparentPng","dataType","spanLevel","tileTypeName","cacheSize","customLayer","clipTile","isTop","opacity","isLowText","showRegion","useThumbData","tileUrlTemplate","TileLayer","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
2
|
import type { ExtractPublicPropTypes } from '../../../_utils';
|
|
3
|
+
export interface Box {
|
|
4
|
+
minX: number;
|
|
5
|
+
minY: number;
|
|
6
|
+
maxX: number;
|
|
7
|
+
maxY: number;
|
|
8
|
+
}
|
|
3
9
|
type TemplateFn = (x: number, y: number, z: number) => number;
|
|
4
10
|
type BTemplateFn = (x: number, y: number, z: number) => string;
|
|
5
|
-
type GetTile = (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
|
|
11
|
+
type GetTile = (info: any, box: Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
|
|
6
12
|
export declare const xyzLayerProps: {
|
|
7
13
|
readonly visible: {
|
|
8
14
|
readonly type: BooleanConstructor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"xyz-props.js","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\ntype TemplateFn = (x: number, y: number, z: number) => number\r\ntype BTemplateFn = (x: number, y: number, z: number) => string\r\ntype GetTile = (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const xyzLayerProps = {\r\n visible: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n getTile: {\r\n type: Function as PropType<GetTile>,\r\n },\r\n useThumbData: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n xTemplate: {\r\n type: Function as PropType<TemplateFn>,\r\n },\r\n yTemplate: {\r\n type: Function as PropType<TemplateFn>,\r\n },\r\n zTemplate: {\r\n type: Function as PropType<TemplateFn>,\r\n },\r\n bTemplate: {\r\n type: Function as PropType<BTemplateFn>,\r\n },\r\n minZoom: {\r\n type: Number,\r\n default: 3,\r\n },\r\n maxZoom: {\r\n type: Number,\r\n default: 23,\r\n },\r\n extent: {\r\n type: Array as PropType<number[]>,\r\n },\r\n extentCRSIsWGS84: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n boundary: {\r\n type: Array as PropType<string[]>,\r\n },\r\n zIndex: {\r\n type: Number,\r\n default: 1,\r\n },\r\n zIndexTop: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n tms: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n} as const\r\n\r\nexport type XyzLayerProps = ExtractPublicPropTypes<typeof xyzLayerProps>\r\n"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"xyz-props.js","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport interface Box {\r\n minX: number\r\n minY: number\r\n maxX: number\r\n maxY: number\r\n}\r\n\r\ntype TemplateFn = (x: number, y: number, z: number) => number\r\ntype BTemplateFn = (x: number, y: number, z: number) => string\r\ntype GetTile = (info: any, box: Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const xyzLayerProps = {\r\n visible: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n getTile: {\r\n type: Function as PropType<GetTile>,\r\n },\r\n useThumbData: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n xTemplate: {\r\n type: Function as PropType<TemplateFn>,\r\n },\r\n yTemplate: {\r\n type: Function as PropType<TemplateFn>,\r\n },\r\n zTemplate: {\r\n type: Function as PropType<TemplateFn>,\r\n },\r\n bTemplate: {\r\n type: Function as PropType<BTemplateFn>,\r\n },\r\n minZoom: {\r\n type: Number,\r\n default: 3,\r\n },\r\n maxZoom: {\r\n type: Number,\r\n default: 23,\r\n },\r\n extent: {\r\n type: Array as PropType<number[]>,\r\n },\r\n extentCRSIsWGS84: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n boundary: {\r\n type: Array as PropType<string[]>,\r\n },\r\n zIndex: {\r\n type: Number,\r\n default: 1,\r\n },\r\n zIndexTop: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n tms: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n} as const\r\n\r\nexport type XyzLayerProps = ExtractPublicPropTypes<typeof xyzLayerProps>\r\n"],"names":[],"mappings":";;AAcO,MAAM,aAAA,GAAgB;AAAA,EAC3B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM;AAAA,GACP;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACP;AAAA,EACD,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACP;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;;;;;"}
|
|
@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
4
4
|
readonly default: true;
|
|
5
5
|
};
|
|
6
6
|
readonly getTile: {
|
|
7
|
-
readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
|
|
7
|
+
readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
|
|
8
8
|
};
|
|
9
9
|
readonly useThumbData: {
|
|
10
10
|
readonly type: BooleanConstructor;
|
|
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
58
58
|
readonly default: true;
|
|
59
59
|
};
|
|
60
60
|
readonly getTile: {
|
|
61
|
-
readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
|
|
61
|
+
readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
|
|
62
62
|
};
|
|
63
63
|
readonly useThumbData: {
|
|
64
64
|
readonly type: BooleanConstructor;
|
|
@@ -111,9 +111,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
111
111
|
readonly maxZoom: number;
|
|
112
112
|
readonly visible: boolean;
|
|
113
113
|
readonly useThumbData: boolean;
|
|
114
|
-
readonly extentCRSIsWGS84: boolean;
|
|
115
114
|
readonly zIndex: number;
|
|
116
115
|
readonly zIndexTop: boolean;
|
|
116
|
+
readonly extentCRSIsWGS84: boolean;
|
|
117
117
|
readonly tms: boolean;
|
|
118
118
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
119
119
|
export default _default;
|
package/lib/layer/xyz/src/xyz.js
CHANGED
|
@@ -71,7 +71,12 @@ var xyz = /* @__PURE__ */ vue.defineComponent({
|
|
|
71
71
|
callback && callback(image, key);
|
|
72
72
|
};
|
|
73
73
|
const handleError = () => callback && callback(null, key);
|
|
74
|
-
|
|
74
|
+
const box = BMapGL.XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row]);
|
|
75
|
+
getTile({
|
|
76
|
+
x: tileInfo.col,
|
|
77
|
+
y: tileInfo.row,
|
|
78
|
+
z: tileInfo.zoom
|
|
79
|
+
}, box, (img) => {
|
|
75
80
|
if (typeof img === "string" || img instanceof HTMLCanvasElement) {
|
|
76
81
|
const image = new Image();
|
|
77
82
|
image.crossOrigin = "anonymous";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"xyz.js","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz.tsx"],"sourcesContent":["import { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { xyzLayerProps } from './xyz-props'\r\n\r\nexport default defineComponent({\r\n name: 'XyzLayer',\r\n props: xyzLayerProps,\r\n setup(props) {\r\n const mapInstance = useMapInstance()\r\n\r\n let layer: BMapGL.XYZLayer | null = null\r\n\r\n const setZIndex = (zIndex: number) => {\r\n layer?.setZIndex(zIndex)\r\n }\r\n\r\n const setBoundary = (boundary?: string[]) => {\r\n boundary && !boundary.length ? layer?.addBoundary(boundary) : layer?.clearBoundary()\r\n }\r\n\r\n const setZIndexTop = (zIndexTop?: boolean) => {\r\n zIndexTop && layer?.setZIndexTop()\r\n }\r\n\r\n const initLayerOptions = () => {\r\n const { zIndex, zIndexTop } = props\r\n setZIndex(zIndex)\r\n setZIndexTop(zIndexTop)\r\n }\r\n\r\n const startWatchProps = () => {\r\n watch(() => props.zIndex, setZIndex)\r\n watch(() => props.boundary, setBoundary)\r\n }\r\n\r\n const init = () => {\r\n const { visible, getTile, xTemplate, yTemplate, zTemplate, bTemplate, minZoom, maxZoom, extent, extentCRSIsWGS84, boundary, useThumbData, tms } = props\r\n layer = new BMapGL.XYZLayer({\r\n xTemplate,\r\n yTemplate,\r\n zTemplate,\r\n bTemplate,\r\n minZoom,\r\n maxZoom,\r\n extent: extent as any,\r\n extentCRSIsWGS84,\r\n boundary,\r\n useThumbData,\r\n tms,\r\n })\r\n initLayerOptions()\r\n if (visible) {\r\n if (getTile) {\r\n mapInstance().addTileLayer(layer)\r\n ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n const key = this.getTileKey(tileInfo)\r\n\r\n const handleImageLoad = (image: HTMLImageElement) => {\r\n (image as any).tileInfo = tileInfo\r\n callback && callback(image, key)\r\n }\r\n\r\n const handleError = () => callback && callback(null, key)\r\n\r\n getTile(tileInfo, (img) => {\r\n if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n const image = new Image()\r\n image.crossOrigin = 'anonymous'\r\n\r\n image.onload = () => handleImageLoad(image)\r\n image.onerror = handleError\r\n\r\n image.src = typeof img === 'string' ? img : img.toDataURL()\r\n } else if (img instanceof HTMLImageElement) {\r\n handleImageLoad(img)\r\n } else {\r\n handleError()\r\n }\r\n })\r\n }\r\n } else {\r\n mapInstance().addTileLayer(layer)\r\n }\r\n }\r\n startWatchProps()\r\n }\r\n\r\n init()\r\n\r\n // const addTileLayer = (layer: BMapGL.XYZLayer) => {\r\n // const { getTile } = props.options\r\n // if (getTile) {\r\n // mapInstance().addTileLayer(layer)\r\n // ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n // const key = this.getTileKey(tileInfo)\r\n\r\n // const handleImageLoad = (image: HTMLImageElement) => {\r\n // (image as any).tileInfo = tileInfo\r\n // callback && callback(image, key)\r\n // }\r\n\r\n // const handleError = () => callback && callback(null, key)\r\n\r\n // getTile(tileInfo, (img) => {\r\n // if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n // const image = new Image()\r\n // image.crossOrigin = 'anonymous'\r\n\r\n // image.onload = () => handleImageLoad(image)\r\n // image.onerror = handleError\r\n\r\n // image.src = typeof img === 'string' ? img : img.toDataURL()\r\n // } else if (img instanceof HTMLImageElement) {\r\n // handleImageLoad(img)\r\n // } else {\r\n // handleError()\r\n // }\r\n // })\r\n // }\r\n // } else {\r\n // mapInstance().addTileLayer(layer)\r\n // }\r\n // }\r\n\r\n // const removeTileLayer = (layer: BMapGL.XYZLayer) => {\r\n // mapInstance().removeTileLayer(layer)\r\n // }\r\n\r\n // const createLayer = () => {\r\n // if (layer) {\r\n // removeTileLayer(layer)\r\n // }\r\n // const { getTile, ...retProps } = props\r\n // layer = new BMapGL.XYZLayer(retProps)\r\n // addTileLayer(layer)\r\n // }\r\n\r\n // props.visible && createLayer()\r\n\r\n // watch(() => props.visible, n => layer && (n ? addTileLayer(layer) : removeTileLayer(layer)))\r\n // watch(() => props.options, () => createLayer())\r\n\r\n onUnmounted(() => {\r\n if (layer) {\r\n mapInstance().removeTileLayer(layer)\r\n }\r\n })\r\n\r\n return () => <></>\r\n },\r\n})\r\n"],"names":["name","props","xyzLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","length","addBoundary","clearBoundary","setZIndexTop","zIndexTop","initLayerOptions","startWatchProps","watch","init","visible","getTile","xTemplate","yTemplate","zTemplate","bTemplate","minZoom","maxZoom","extent","extentCRSIsWGS84","useThumbData","tms","BMapGL","XYZLayer","addTileLayer","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","onUnmounted","removeTileLayer","_createVNode","_Fragment"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"xyz.js","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz.tsx"],"sourcesContent":["import { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { xyzLayerProps } from './xyz-props'\r\n\r\nexport default defineComponent({\r\n name: 'XyzLayer',\r\n props: xyzLayerProps,\r\n setup(props) {\r\n const mapInstance = useMapInstance()\r\n\r\n let layer: BMapGL.XYZLayer | null = null\r\n\r\n const setZIndex = (zIndex: number) => {\r\n layer?.setZIndex(zIndex)\r\n }\r\n\r\n const setBoundary = (boundary?: string[]) => {\r\n boundary && !boundary.length ? layer?.addBoundary(boundary) : layer?.clearBoundary()\r\n }\r\n\r\n const setZIndexTop = (zIndexTop?: boolean) => {\r\n zIndexTop && layer?.setZIndexTop()\r\n }\r\n\r\n const initLayerOptions = () => {\r\n const { zIndex, zIndexTop } = props\r\n setZIndex(zIndex)\r\n setZIndexTop(zIndexTop)\r\n }\r\n\r\n const startWatchProps = () => {\r\n watch(() => props.zIndex, setZIndex)\r\n watch(() => props.boundary, setBoundary)\r\n }\r\n\r\n const init = () => {\r\n const { visible, getTile, xTemplate, yTemplate, zTemplate, bTemplate, minZoom, maxZoom, extent, extentCRSIsWGS84, boundary, useThumbData, tms } = props\r\n layer = new BMapGL.XYZLayer({\r\n xTemplate,\r\n yTemplate,\r\n zTemplate,\r\n bTemplate,\r\n minZoom,\r\n maxZoom,\r\n extent: extent as any,\r\n extentCRSIsWGS84,\r\n boundary,\r\n useThumbData,\r\n tms,\r\n })\r\n initLayerOptions()\r\n if (visible) {\r\n if (getTile) {\r\n mapInstance().addTileLayer(layer)\r\n ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n const key = this.getTileKey(tileInfo)\r\n\r\n const handleImageLoad = (image: HTMLImageElement) => {\r\n (image as any).tileInfo = tileInfo\r\n callback && callback(image, key)\r\n }\r\n\r\n const handleError = () => callback && callback(null, key)\r\n\r\n const box = (BMapGL as any).XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row])\r\n\r\n getTile({ x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }, box, (img) => {\r\n if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n const image = new Image()\r\n image.crossOrigin = 'anonymous'\r\n\r\n image.onload = () => handleImageLoad(image)\r\n image.onerror = handleError\r\n\r\n image.src = typeof img === 'string' ? img : img.toDataURL()\r\n } else if (img instanceof HTMLImageElement) {\r\n handleImageLoad(img)\r\n } else {\r\n handleError()\r\n }\r\n })\r\n }\r\n } else {\r\n mapInstance().addTileLayer(layer)\r\n }\r\n }\r\n startWatchProps()\r\n }\r\n\r\n init()\r\n\r\n // const addTileLayer = (layer: BMapGL.XYZLayer) => {\r\n // const { getTile } = props.options\r\n // if (getTile) {\r\n // mapInstance().addTileLayer(layer)\r\n // ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n // const key = this.getTileKey(tileInfo)\r\n\r\n // const handleImageLoad = (image: HTMLImageElement) => {\r\n // (image as any).tileInfo = tileInfo\r\n // callback && callback(image, key)\r\n // }\r\n\r\n // const handleError = () => callback && callback(null, key)\r\n\r\n // getTile(tileInfo, (img) => {\r\n // if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n // const image = new Image()\r\n // image.crossOrigin = 'anonymous'\r\n\r\n // image.onload = () => handleImageLoad(image)\r\n // image.onerror = handleError\r\n\r\n // image.src = typeof img === 'string' ? img : img.toDataURL()\r\n // } else if (img instanceof HTMLImageElement) {\r\n // handleImageLoad(img)\r\n // } else {\r\n // handleError()\r\n // }\r\n // })\r\n // }\r\n // } else {\r\n // mapInstance().addTileLayer(layer)\r\n // }\r\n // }\r\n\r\n // const removeTileLayer = (layer: BMapGL.XYZLayer) => {\r\n // mapInstance().removeTileLayer(layer)\r\n // }\r\n\r\n // const createLayer = () => {\r\n // if (layer) {\r\n // removeTileLayer(layer)\r\n // }\r\n // const { getTile, ...retProps } = props\r\n // layer = new BMapGL.XYZLayer(retProps)\r\n // addTileLayer(layer)\r\n // }\r\n\r\n // props.visible && createLayer()\r\n\r\n // watch(() => props.visible, n => layer && (n ? addTileLayer(layer) : removeTileLayer(layer)))\r\n // watch(() => props.options, () => createLayer())\r\n\r\n onUnmounted(() => {\r\n if (layer) {\r\n mapInstance().removeTileLayer(layer)\r\n }\r\n })\r\n\r\n return () => <></>\r\n },\r\n})\r\n"],"names":["name","props","xyzLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","length","addBoundary","clearBoundary","setZIndexTop","zIndexTop","initLayerOptions","startWatchProps","watch","init","visible","getTile","xTemplate","yTemplate","zTemplate","bTemplate","minZoom","maxZoom","extent","extentCRSIsWGS84","useThumbData","tms","BMapGL","XYZLayer","addTileLayer","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","box","XYZProjection","getTileRangeExtent","zoom","col","row","x","y","z","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","onUnmounted","removeTileLayer","_createVNode","_Fragment"],"mappings":"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"}
|
|
@@ -9,15 +9,36 @@ export declare const mapProps: {
|
|
|
9
9
|
readonly zoom: NumberConstructor;
|
|
10
10
|
readonly class: StringConstructor;
|
|
11
11
|
readonly contentClass: StringConstructor;
|
|
12
|
-
readonly enableScrollWheelZoom:
|
|
13
|
-
|
|
12
|
+
readonly enableScrollWheelZoom: {
|
|
13
|
+
readonly type: BooleanConstructor;
|
|
14
|
+
readonly default: undefined;
|
|
15
|
+
};
|
|
16
|
+
readonly enableDragging: {
|
|
17
|
+
readonly type: BooleanConstructor;
|
|
18
|
+
readonly default: undefined;
|
|
19
|
+
};
|
|
14
20
|
readonly tilt: NumberConstructor;
|
|
15
|
-
readonly enableTilt:
|
|
21
|
+
readonly enableTilt: {
|
|
22
|
+
readonly type: BooleanConstructor;
|
|
23
|
+
readonly default: undefined;
|
|
24
|
+
};
|
|
16
25
|
readonly mapType: PropType<BMapGL.MapTypeId>;
|
|
17
|
-
readonly enableAutoResize:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
26
|
+
readonly enableAutoResize: {
|
|
27
|
+
readonly type: BooleanConstructor;
|
|
28
|
+
readonly default: undefined;
|
|
29
|
+
};
|
|
30
|
+
readonly enableTiltGestures: {
|
|
31
|
+
readonly type: BooleanConstructor;
|
|
32
|
+
readonly default: undefined;
|
|
33
|
+
};
|
|
34
|
+
readonly enableRotate: {
|
|
35
|
+
readonly type: BooleanConstructor;
|
|
36
|
+
readonly default: undefined;
|
|
37
|
+
};
|
|
38
|
+
readonly enableRotateGestures: {
|
|
39
|
+
readonly type: BooleanConstructor;
|
|
40
|
+
readonly default: undefined;
|
|
41
|
+
};
|
|
21
42
|
readonly displayOptions: PropType<BMapGL.displayOptions>;
|
|
22
43
|
readonly onInitd: PropType<onInitd>;
|
|
23
44
|
};
|
package/lib/map/src/map-props.js
CHANGED
|
@@ -8,15 +8,36 @@ const mapProps = {
|
|
|
8
8
|
zoom: Number,
|
|
9
9
|
class: String,
|
|
10
10
|
contentClass: String,
|
|
11
|
-
enableScrollWheelZoom:
|
|
12
|
-
|
|
11
|
+
enableScrollWheelZoom: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: void 0
|
|
14
|
+
},
|
|
15
|
+
enableDragging: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
default: void 0
|
|
18
|
+
},
|
|
13
19
|
tilt: Number,
|
|
14
|
-
enableTilt:
|
|
20
|
+
enableTilt: {
|
|
21
|
+
type: Boolean,
|
|
22
|
+
default: void 0
|
|
23
|
+
},
|
|
15
24
|
mapType: String,
|
|
16
|
-
enableAutoResize:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
25
|
+
enableAutoResize: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: void 0
|
|
28
|
+
},
|
|
29
|
+
enableTiltGestures: {
|
|
30
|
+
type: Boolean,
|
|
31
|
+
default: void 0
|
|
32
|
+
},
|
|
33
|
+
enableRotate: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: void 0
|
|
36
|
+
},
|
|
37
|
+
enableRotateGestures: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: void 0
|
|
40
|
+
},
|
|
20
41
|
displayOptions: Object,
|
|
21
42
|
onInitd: Function
|
|
22
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-props.js","sources":["../../../src/map/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/map/src/map-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../_utils'\r\nimport type { onInitd } from './interface'\r\n\r\nexport const mapProps = {\r\n maxZoom: Number,\r\n minZoom: Number,\r\n heading: Number,\r\n center: Object as PropType<BMapGL.Point | string | [number, number]>,\r\n zoom: Number,\r\n class: String,\r\n contentClass: String,\r\n enableScrollWheelZoom: Boolean,\r\n enableDragging: Boolean,\r\n tilt: Number,\r\n enableTilt: Boolean,\r\n mapType: String as PropType<BMapGL.MapTypeId>,\r\n enableAutoResize: Boolean,\r\n enableTiltGestures: Boolean,\r\n enableRotate: Boolean,\r\n enableRotateGestures: Boolean,\r\n displayOptions: Object as PropType<BMapGL.displayOptions>,\r\n onInitd: Function as PropType<onInitd>,\r\n} as const\r\n\r\nexport type MapProps = ExtractPublicPropTypes<typeof mapProps>\r\n"],"names":[],"mappings":";;AAIO,MAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA,EACT,MAAA,EAAQ,MAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,YAAA,EAAc,MAAA;AAAA,EACd,qBAAA,EAAuB,OAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"map-props.js","sources":["../../../src/map/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/map/src/map-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../_utils'\r\nimport type { onInitd } from './interface'\r\n\r\nexport const mapProps = {\r\n maxZoom: Number,\r\n minZoom: Number,\r\n heading: Number,\r\n center: Object as PropType<BMapGL.Point | string | [number, number]>,\r\n zoom: Number,\r\n class: String,\r\n contentClass: String,\r\n enableScrollWheelZoom: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n enableDragging: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n tilt: Number,\r\n enableTilt: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n mapType: String as PropType<BMapGL.MapTypeId>,\r\n enableAutoResize: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n enableTiltGestures: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n enableRotate: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n enableRotateGestures: {\r\n type: Boolean,\r\n default: undefined,\r\n },\r\n displayOptions: Object as PropType<BMapGL.displayOptions>,\r\n onInitd: Function as PropType<onInitd>,\r\n} as const\r\n\r\nexport type MapProps = ExtractPublicPropTypes<typeof mapProps>\r\n"],"names":[],"mappings":";;AAIO,MAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA,EACT,MAAA,EAAQ,MAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,YAAA,EAAc,MAAA;AAAA,EACd,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,IAAA,EAAM,MAAA;AAAA,EACN,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS,MAAA;AAAA,EACT,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,oBAAA,EAAsB;AAAA,IACpB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB,MAAA;AAAA,EAChB,OAAA,EAAS;;;;;"}
|