@spuermomonga/vue3-bmapgl 0.0.6 → 0.0.8
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 +153 -118
- package/dist/index.prod.js +1 -1
- package/es/_mixins/use-config.mjs +16 -16
- package/es/_mixins/use-config.mjs.map +1 -1
- package/es/layer/xyz/index.d.ts +1 -1
- package/es/layer/xyz/src/xyz-props.d.ts +52 -6
- package/es/layer/xyz/src/xyz-props.mjs +48 -3
- package/es/layer/xyz/src/xyz-props.mjs.map +1 -1
- package/es/layer/xyz/src/xyz.d.ts +103 -7
- package/es/layer/xyz/src/xyz.mjs +78 -44
- package/es/layer/xyz/src/xyz.mjs.map +1 -1
- package/es/map/src/map-props.d.ts +15 -59
- package/es/map/src/map-props.mjs +15 -59
- package/es/map/src/map-props.mjs.map +1 -1
- package/es/map/src/map.d.ts +30 -125
- package/lib/_mixins/use-config.js +16 -16
- package/lib/_mixins/use-config.js.map +1 -1
- package/lib/layer/xyz/index.d.ts +1 -1
- package/lib/layer/xyz/src/xyz-props.d.ts +52 -6
- package/lib/layer/xyz/src/xyz-props.js +48 -3
- package/lib/layer/xyz/src/xyz-props.js.map +1 -1
- package/lib/layer/xyz/src/xyz.d.ts +103 -7
- package/lib/layer/xyz/src/xyz.js +77 -43
- package/lib/layer/xyz/src/xyz.js.map +1 -1
- package/lib/map/src/map-props.d.ts +15 -59
- package/lib/map/src/map-props.js +15 -59
- package/lib/map/src/map-props.js.map +1 -1
- package/lib/map/src/map.d.ts +30 -125
- package/package.json +2 -2
- package/es/node_modules/.pnpm/@rollup_plugin-typescript@1_b93953ac7ab797e62adf5212a782f0d9/node_modules/tslib/tslib.es6.mjs +0 -36
- package/es/node_modules/.pnpm/@rollup_plugin-typescript@1_b93953ac7ab797e62adf5212a782f0d9/node_modules/tslib/tslib.es6.mjs.map +0 -1
- package/lib/node_modules/.pnpm/@rollup_plugin-typescript@1_b93953ac7ab797e62adf5212a782f0d9/node_modules/tslib/tslib.es6.js +0 -38
- package/lib/node_modules/.pnpm/@rollup_plugin-typescript@1_b93953ac7ab797e62adf5212a782f0d9/node_modules/tslib/tslib.es6.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -128,20 +128,20 @@
|
|
|
128
128
|
mergedMapSetRef: vue.computed(() => {
|
|
129
129
|
const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props;
|
|
130
130
|
return {
|
|
131
|
-
zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom,
|
|
132
|
-
center: center ?? BConfigProvider?.mergedMapSetRef.value?.center,
|
|
133
|
-
heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading,
|
|
134
|
-
minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom,
|
|
135
|
-
maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom,
|
|
136
|
-
enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom,
|
|
137
|
-
enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging,
|
|
138
|
-
tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt,
|
|
139
|
-
enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt,
|
|
140
|
-
mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType,
|
|
141
|
-
enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize,
|
|
142
|
-
enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures,
|
|
143
|
-
enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate,
|
|
144
|
-
enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures,
|
|
131
|
+
zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom ?? 14,
|
|
132
|
+
center: center ?? BConfigProvider?.mergedMapSetRef.value?.center ?? [116.403901, 39.915185],
|
|
133
|
+
heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading ?? 0,
|
|
134
|
+
minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom ?? 0,
|
|
135
|
+
maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom ?? 21,
|
|
136
|
+
enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom ?? false,
|
|
137
|
+
enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging ?? true,
|
|
138
|
+
tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt ?? 0,
|
|
139
|
+
enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt ?? false,
|
|
140
|
+
mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType ?? "BMAP_NORMAL_MAP",
|
|
141
|
+
enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize ?? true,
|
|
142
|
+
enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures ?? false,
|
|
143
|
+
enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate ?? false,
|
|
144
|
+
enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures ?? false,
|
|
145
145
|
displayOptions: displayOptions ?? BConfigProvider?.mergedMapSetRef.value?.displayOptions
|
|
146
146
|
};
|
|
147
147
|
})
|
|
@@ -151,67 +151,23 @@
|
|
|
151
151
|
const mapInjectionKey = /* @__PURE__ */ Symbol("b-map");
|
|
152
152
|
|
|
153
153
|
const mapProps = {
|
|
154
|
-
maxZoom:
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
type: Number,
|
|
160
|
-
default: 0
|
|
161
|
-
},
|
|
162
|
-
heading: {
|
|
163
|
-
type: Number,
|
|
164
|
-
default: 0
|
|
165
|
-
},
|
|
166
|
-
center: {
|
|
167
|
-
type: Object,
|
|
168
|
-
default: [116.403901, 39.915185]
|
|
169
|
-
},
|
|
170
|
-
zoom: {
|
|
171
|
-
type: Number,
|
|
172
|
-
default: 14
|
|
173
|
-
},
|
|
154
|
+
maxZoom: Number,
|
|
155
|
+
minZoom: Number,
|
|
156
|
+
heading: Number,
|
|
157
|
+
center: Object,
|
|
158
|
+
zoom: Number,
|
|
174
159
|
class: String,
|
|
175
160
|
contentClass: String,
|
|
176
|
-
enableScrollWheelZoom:
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
default: 0
|
|
187
|
-
},
|
|
188
|
-
enableTilt: {
|
|
189
|
-
type: Boolean,
|
|
190
|
-
default: false
|
|
191
|
-
},
|
|
192
|
-
mapType: {
|
|
193
|
-
type: String,
|
|
194
|
-
default: "BMAP_NORMAL_MAP"
|
|
195
|
-
},
|
|
196
|
-
enableAutoResize: {
|
|
197
|
-
type: Boolean,
|
|
198
|
-
default: true
|
|
199
|
-
},
|
|
200
|
-
enableTiltGestures: {
|
|
201
|
-
type: Boolean,
|
|
202
|
-
default: false
|
|
203
|
-
},
|
|
204
|
-
enableRotate: {
|
|
205
|
-
type: Boolean,
|
|
206
|
-
default: false
|
|
207
|
-
},
|
|
208
|
-
enableRotateGestures: {
|
|
209
|
-
type: Boolean,
|
|
210
|
-
default: false
|
|
211
|
-
},
|
|
212
|
-
displayOptions: {
|
|
213
|
-
type: Object
|
|
214
|
-
},
|
|
161
|
+
enableScrollWheelZoom: Boolean,
|
|
162
|
+
enableDragging: Boolean,
|
|
163
|
+
tilt: Number,
|
|
164
|
+
enableTilt: Boolean,
|
|
165
|
+
mapType: String,
|
|
166
|
+
enableAutoResize: Boolean,
|
|
167
|
+
enableTiltGestures: Boolean,
|
|
168
|
+
enableRotate: Boolean,
|
|
169
|
+
enableRotateGestures: Boolean,
|
|
170
|
+
displayOptions: Object,
|
|
215
171
|
onInitd: Function
|
|
216
172
|
};
|
|
217
173
|
|
|
@@ -387,9 +343,54 @@
|
|
|
387
343
|
type: Boolean,
|
|
388
344
|
default: true
|
|
389
345
|
},
|
|
390
|
-
|
|
391
|
-
type:
|
|
392
|
-
|
|
346
|
+
getTile: {
|
|
347
|
+
type: Function
|
|
348
|
+
},
|
|
349
|
+
useThumbData: {
|
|
350
|
+
type: Boolean,
|
|
351
|
+
default: false
|
|
352
|
+
},
|
|
353
|
+
xTemplate: {
|
|
354
|
+
type: Function
|
|
355
|
+
},
|
|
356
|
+
yTemplate: {
|
|
357
|
+
type: Function
|
|
358
|
+
},
|
|
359
|
+
zTemplate: {
|
|
360
|
+
type: Function
|
|
361
|
+
},
|
|
362
|
+
bTemplate: {
|
|
363
|
+
type: Function
|
|
364
|
+
},
|
|
365
|
+
minZoom: {
|
|
366
|
+
type: Number,
|
|
367
|
+
default: 3
|
|
368
|
+
},
|
|
369
|
+
maxZoom: {
|
|
370
|
+
type: Number,
|
|
371
|
+
default: 23
|
|
372
|
+
},
|
|
373
|
+
extent: {
|
|
374
|
+
type: Array
|
|
375
|
+
},
|
|
376
|
+
extentCRSIsWGS84: {
|
|
377
|
+
type: Boolean,
|
|
378
|
+
default: false
|
|
379
|
+
},
|
|
380
|
+
boundary: {
|
|
381
|
+
type: Array
|
|
382
|
+
},
|
|
383
|
+
zIndex: {
|
|
384
|
+
type: Number,
|
|
385
|
+
default: 1
|
|
386
|
+
},
|
|
387
|
+
zIndexTop: {
|
|
388
|
+
type: Boolean,
|
|
389
|
+
default: false
|
|
390
|
+
},
|
|
391
|
+
tms: {
|
|
392
|
+
type: Boolean,
|
|
393
|
+
default: false
|
|
393
394
|
}
|
|
394
395
|
};
|
|
395
396
|
|
|
@@ -399,54 +400,88 @@
|
|
|
399
400
|
setup(props) {
|
|
400
401
|
const mapInstance = useMapInstance();
|
|
401
402
|
let layer = null;
|
|
402
|
-
const
|
|
403
|
+
const setZIndex = (zIndex) => {
|
|
404
|
+
layer?.setZIndex(zIndex);
|
|
405
|
+
};
|
|
406
|
+
const setBoundary = (boundary) => {
|
|
407
|
+
boundary && !boundary.length ? layer?.addBoundary(boundary) : layer?.clearBoundary();
|
|
408
|
+
};
|
|
409
|
+
const setZIndexTop = (zIndexTop) => {
|
|
410
|
+
zIndexTop && layer?.setZIndexTop();
|
|
411
|
+
};
|
|
412
|
+
const initLayerOptions = () => {
|
|
403
413
|
const {
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
const key = this.getTileKey(tileInfo);
|
|
410
|
-
const handleImageLoad = (image) => {
|
|
411
|
-
image.tileInfo = tileInfo;
|
|
412
|
-
callback && callback(image, key);
|
|
413
|
-
};
|
|
414
|
-
const handleError = () => callback && callback(null, key);
|
|
415
|
-
getTile(tileInfo, (img) => {
|
|
416
|
-
if (typeof img === "string" || img instanceof HTMLCanvasElement) {
|
|
417
|
-
const image = new Image();
|
|
418
|
-
image.crossOrigin = "anonymous";
|
|
419
|
-
image.onload = () => handleImageLoad(image);
|
|
420
|
-
image.onerror = handleError;
|
|
421
|
-
image.src = typeof img === "string" ? img : img.toDataURL();
|
|
422
|
-
} else if (img instanceof HTMLImageElement) {
|
|
423
|
-
handleImageLoad(img);
|
|
424
|
-
} else {
|
|
425
|
-
handleError();
|
|
426
|
-
}
|
|
427
|
-
});
|
|
428
|
-
};
|
|
429
|
-
} else {
|
|
430
|
-
mapInstance().addTileLayer(layer2);
|
|
431
|
-
}
|
|
414
|
+
zIndex,
|
|
415
|
+
zIndexTop
|
|
416
|
+
} = props;
|
|
417
|
+
setZIndex(zIndex);
|
|
418
|
+
setZIndexTop(zIndexTop);
|
|
432
419
|
};
|
|
433
|
-
const
|
|
434
|
-
|
|
420
|
+
const startWatchProps = () => {
|
|
421
|
+
vue.watch(() => props.zIndex, setZIndex);
|
|
422
|
+
vue.watch(() => props.boundary, setBoundary);
|
|
435
423
|
};
|
|
436
|
-
const
|
|
437
|
-
if (layer) {
|
|
438
|
-
removeTileLayer(layer);
|
|
439
|
-
}
|
|
424
|
+
const init = () => {
|
|
440
425
|
const {
|
|
426
|
+
visible,
|
|
441
427
|
getTile,
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
428
|
+
xTemplate,
|
|
429
|
+
yTemplate,
|
|
430
|
+
zTemplate,
|
|
431
|
+
bTemplate,
|
|
432
|
+
minZoom,
|
|
433
|
+
maxZoom,
|
|
434
|
+
extent,
|
|
435
|
+
extentCRSIsWGS84,
|
|
436
|
+
boundary,
|
|
437
|
+
useThumbData,
|
|
438
|
+
tms
|
|
439
|
+
} = props;
|
|
440
|
+
layer = new BMapGL.XYZLayer({
|
|
441
|
+
xTemplate,
|
|
442
|
+
yTemplate,
|
|
443
|
+
zTemplate,
|
|
444
|
+
bTemplate,
|
|
445
|
+
minZoom,
|
|
446
|
+
maxZoom,
|
|
447
|
+
extent,
|
|
448
|
+
extentCRSIsWGS84,
|
|
449
|
+
boundary,
|
|
450
|
+
useThumbData,
|
|
451
|
+
tms
|
|
452
|
+
});
|
|
453
|
+
initLayerOptions();
|
|
454
|
+
if (visible) {
|
|
455
|
+
if (getTile) {
|
|
456
|
+
mapInstance().addTileLayer(layer);
|
|
457
|
+
layer.loadRasterTileData = function(tileInfo, callback) {
|
|
458
|
+
const key = this.getTileKey(tileInfo);
|
|
459
|
+
const handleImageLoad = (image) => {
|
|
460
|
+
image.tileInfo = tileInfo;
|
|
461
|
+
callback && callback(image, key);
|
|
462
|
+
};
|
|
463
|
+
const handleError = () => callback && callback(null, key);
|
|
464
|
+
getTile(tileInfo, (img) => {
|
|
465
|
+
if (typeof img === "string" || img instanceof HTMLCanvasElement) {
|
|
466
|
+
const image = new Image();
|
|
467
|
+
image.crossOrigin = "anonymous";
|
|
468
|
+
image.onload = () => handleImageLoad(image);
|
|
469
|
+
image.onerror = handleError;
|
|
470
|
+
image.src = typeof img === "string" ? img : img.toDataURL();
|
|
471
|
+
} else if (img instanceof HTMLImageElement) {
|
|
472
|
+
handleImageLoad(img);
|
|
473
|
+
} else {
|
|
474
|
+
handleError();
|
|
475
|
+
}
|
|
476
|
+
});
|
|
477
|
+
};
|
|
478
|
+
} else {
|
|
479
|
+
mapInstance().addTileLayer(layer);
|
|
480
|
+
}
|
|
481
|
+
}
|
|
482
|
+
startWatchProps();
|
|
446
483
|
};
|
|
447
|
-
|
|
448
|
-
vue.watch(() => props.visible, (n) => layer && (n ? addTileLayer(layer) : removeTileLayer(layer)));
|
|
449
|
-
vue.watch(() => props.options, () => createLayer());
|
|
484
|
+
init();
|
|
450
485
|
vue.onUnmounted(() => {
|
|
451
486
|
if (layer) {
|
|
452
487
|
mapInstance().removeTileLayer(layer);
|
package/dist/index.prod.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Vue3Bmapgl={},e.vue)}(this,function(e,t){"use strict";let a=!1;function o(e){return e.some(e=>!t.isVNode(e)||e.type!==Comment&&!(e.type===t.Fragment&&!o(e.children)))?e:null}function n(e,t){return t(e&&o(e())||null)}const l={ak:String,apiUrl:String,plugins:Array,mapConfig:Object},r=Symbol("b-config-provider");var i=t.defineComponent({name:"ConfigProvider",props:l,setup(e,{slots:o}){const n=t.ref("notload"),l=e.apiUrl?"_initBMap_":`_initBMap_${e.ak}`,i=e.apiUrl?`${e.apiUrl.replace(/&$/,"")}&callback=${l}`:`//api.map.baidu.com/api?type=webgl&v=1.0&ak=${e.ak}&callback=${l}`;n.value="pending",function(e){const{key:t,src:o,addCalToWindow:n=!0,timeout:l=1e4}=e;return a&&window.BMapGL?Promise.resolve():new Promise((e,r)=>{const i=document.createElement("script");i.src=o,i.type="text/javascript",i.defer=!0;const s=()=>{i.onload=null,i.onerror=null,document.body.contains(i)&&document.body.removeChild(i)},p=setTimeout(()=>{s(),r(new Error(`Script load timeout: ${o}`))},l),
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Vue3Bmapgl={},e.vue)}(this,function(e,t){"use strict";let a=!1;function o(e){return e.some(e=>!t.isVNode(e)||e.type!==Comment&&!(e.type===t.Fragment&&!o(e.children)))?e:null}function n(e,t){return t(e&&o(e())||null)}const l={ak:String,apiUrl:String,plugins:Array,mapConfig:Object},r=Symbol("b-config-provider");var i=t.defineComponent({name:"ConfigProvider",props:l,setup(e,{slots:o}){const n=t.ref("notload"),l=e.apiUrl?"_initBMap_":`_initBMap_${e.ak}`,i=e.apiUrl?`${e.apiUrl.replace(/&$/,"")}&callback=${l}`:`//api.map.baidu.com/api?type=webgl&v=1.0&ak=${e.ak}&callback=${l}`;n.value="pending",function(e){const{key:t,src:o,addCalToWindow:n=!0,timeout:l=1e4}=e;return a&&window.BMapGL?Promise.resolve():new Promise((e,r)=>{const i=document.createElement("script");i.src=o,i.type="text/javascript",i.defer=!0;const s=()=>{i.onload=null,i.onerror=null,document.body.contains(i)&&document.body.removeChild(i)},p=setTimeout(()=>{s(),r(new Error(`Script load timeout: ${o}`))},l),m=()=>{clearTimeout(p),a=!0,s(),e()};n?window[t]=m:i.onload=m,i.onerror=()=>{clearTimeout(p),s(),r(new Error(`Failed to load script: ${o}`))},document.body.appendChild(i)})}({key:l,src:i}).then(()=>{n.value="loaded"}).catch(()=>{n.value="failed"});const s=t.computed(()=>{const{mapConfig:t}=e;return t??{}});return t.provide(r,{mergedStatusRef:n,mergedMapSetRef:s}),()=>t.renderSlot(o,"default")}}),s=t.defineComponent({name:"TileLayer",setup:()=>()=>t.createVNode("div",null,[t.createTextVNode("Tile")])});const p=Symbol("b-map"),m={maxZoom:Number,minZoom:Number,heading:Number,center:Object,zoom:Number,class:String,contentClass:String,enableScrollWheelZoom:Boolean,enableDragging:Boolean,tilt:Number,enableTilt:Boolean,mapType:String,enableAutoResize:Boolean,enableTiltGestures:Boolean,enableRotate:Boolean,enableRotateGestures:Boolean,displayOptions:Object,onInitd:Function};var d="map-module_b-map__29r3m",u="map-module_b-map-content__sMaJG",c="map-module_b-map-loading__qc4a8",f="map-module_b-map-failed__-w-tX";!function(e,t){void 0===t&&(t={});var a=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".map-module_b-map-content__sMaJG,.map-module_b-map__29r3m{height:100%;overflow:hidden;position:relative;width:100%}.map-module_b-map-failed__-w-tX,.map-module_b-map-loading__qc4a8{color:#999;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}");var y=t.defineComponent({name:"Map",props:m,slots:Object,setup(e,{slots:a}){const{mergedMapSetRef:o,mergedStatusRef:l}=function(e={}){const a=t.inject(r,null);return{mergedStatusRef:a?.mergedStatusRef,mergedMapSetRef:t.computed(()=>{const{zoom:t,center:o,heading:n,minZoom:l,maxZoom:r,enableScrollWheelZoom:i,enableDragging:s,tilt:p,enableTilt:m,mapType:d,enableAutoResize:u,enableTiltGestures:c,enableRotate:f,enableRotateGestures:y,displayOptions:g}=e;return{zoom:t??a?.mergedMapSetRef.value?.zoom??14,center:o??a?.mergedMapSetRef.value?.center??[116.403901,39.915185],heading:n??a?.mergedMapSetRef.value?.heading??0,minZoom:l??a?.mergedMapSetRef.value?.minZoom??0,maxZoom:r??a?.mergedMapSetRef.value?.maxZoom??21,enableScrollWheelZoom:i??a?.mergedMapSetRef.value?.enableScrollWheelZoom??!1,enableDragging:s??a?.mergedMapSetRef.value?.enableDragging??!0,tilt:p??a?.mergedMapSetRef.value?.tilt??0,enableTilt:m??a?.mergedMapSetRef.value?.enableTilt??!1,mapType:d??a?.mergedMapSetRef.value?.mapType??"BMAP_NORMAL_MAP",enableAutoResize:u??a?.mergedMapSetRef.value?.enableAutoResize??!0,enableTiltGestures:c??a?.mergedMapSetRef.value?.enableTiltGestures??!1,enableRotate:f??a?.mergedMapSetRef.value?.enableRotate??!1,enableRotateGestures:y??a?.mergedMapSetRef.value?.enableRotateGestures??!1,displayOptions:g??a?.mergedMapSetRef.value?.displayOptions}})}}(e),i=t.ref();let s=null;const m=t.ref(!1);t.provide(p,{mapInstance:()=>s});const y=e=>{"string"==typeof e?s?.centerAndZoom(e,o.value.zoom):Array.isArray(e)?s?.centerAndZoom(new BMapGL.Point(e[0],e[1]),o.value.zoom):s?.centerAndZoom(e,o.value.zoom)},g=e=>{e?s.enableScrollWheelZoom():s.disableScrollWheelZoom()},b=e=>{s?.setDisplayOptions(e||{})},v=e=>{s?.setTilt(e??0)},T=e=>{s?.setHeading(e??0)},h=e=>{e?s.enableDragging():s.disableDragging()},S=e=>{void 0!==window[e]&&s.setMapType(window[e])},R=()=>{const{maxZoom:a,minZoom:n,enableTilt:l,mapType:r,enableAutoResize:p,enableTiltGestures:d,enableRotate:u,enableRotateGestures:c,displayOptions:f}=o.value;s=new BMapGL.Map(i.value,{maxZoom:a,minZoom:n,enableTilt:l,mapType:window[r],enableAutoResize:p,enableTiltGestures:d,enableRotate:u,enableRotateGestures:c,displayOptions:f});const{onInitd:R}=e;(()=>{const{center:e,heading:t,enableScrollWheelZoom:a,tilt:n,enableDragging:l}=o.value;T(t),y(e),g(a),v(n),h(l)})(),t.watch(()=>o.value.center,y,{deep:!0}),t.watch(()=>o.value.enableScrollWheelZoom,g),t.watch(()=>o.value.displayOptions,b),t.watch(()=>o.value.tilt,v),t.watch(()=>o.value.heading,T),t.watch(()=>o.value.enableDragging,h),t.watch(()=>o.value.mapType,S),R?.({map:s}),m.value=!0};return t.onMounted(()=>{t.watchEffect(()=>{"loaded"!==l?.value||m.value||t.nextTick(R)})}),t.onUnmounted(()=>{if(s)try{s?.destroy()}catch(e){console.error(`[Vue3 BMapGL]: ${e.message}`)}}),()=>t.createVNode("div",{class:[[d],e.class]},[t.createVNode("div",{ref:i,class:[u,e.contentClass]},["pending"===l?.value&&n(a.loading,()=>t.createVNode("div",{class:[c]},[t.createTextVNode("map loading...")])),"failed"===l?.value&&n(a.failed,()=>t.createVNode("div",{class:[f]},[t.createTextVNode("map failed")]))]),m.value&&a.default?.()])}});function g(){return t.inject(p,null).mapInstance}const b={visible:{type:Boolean,default:!0},getTile:{type:Function},useThumbData:{type:Boolean,default:!1},xTemplate:{type:Function},yTemplate:{type:Function},zTemplate:{type:Function},bTemplate:{type:Function},minZoom:{type:Number,default:3},maxZoom:{type:Number,default:23},extent:{type:Array},extentCRSIsWGS84:{type:Boolean,default:!1},boundary:{type:Array},zIndex:{type:Number,default:1},zIndexTop:{type:Boolean,default:!1},tms:{type:Boolean,default:!1}};var v=t.defineComponent({name:"XyzLayer",props:b,setup(e){const a=g();let o=null;const n=e=>{o?.setZIndex(e)},l=e=>{e&&!e.length?o?.addBoundary(e):o?.clearBoundary()},r=()=>{const{zIndex:t,zIndexTop:a}=e;n(t),(e=>{e&&o?.setZIndexTop()})(a)};return(()=>{const{visible:i,getTile:s,xTemplate:p,yTemplate:m,zTemplate:d,bTemplate:u,minZoom:c,maxZoom:f,extent:y,extentCRSIsWGS84:g,boundary:b,useThumbData:v,tms:T}=e;o=new BMapGL.XYZLayer({xTemplate:p,yTemplate:m,zTemplate:d,bTemplate:u,minZoom:c,maxZoom:f,extent:y,extentCRSIsWGS84:g,boundary:b,useThumbData:v,tms:T}),r(),i&&(s?(a().addTileLayer(o),o.loadRasterTileData=function(e,t){const a=this.getTileKey(e),o=o=>{o.tileInfo=e,t&&t(o,a)},n=()=>t&&t(null,a);s(e,e=>{if("string"==typeof e||e instanceof HTMLCanvasElement){const t=new Image;t.crossOrigin="anonymous",t.onload=()=>o(t),t.onerror=n,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?o(e):n()})}):a().addTileLayer(o)),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l)})(),t.onUnmounted(()=>{o&&a().removeTileLayer(o)}),()=>t.createVNode(t.Fragment,null,null)}});const T={visible:{type:Boolean,default:!0},points:{type:Array},strokeColor:{type:String,default:"#000"},fillColor:{type:String,default:"#fff"},strokeWeight:{type:Number,default:2},strokeOpacity:{type:Number,default:1},fillOpacity:{type:Number,default:.3},strokeStyle:{type:String,default:"solid"},enableMassClear:{type:Boolean,default:!0},enableEditing:{type:Boolean,default:!1},isBoundary:{type:Boolean},enableClicking:{type:Boolean,default:!0}};var h=t.defineComponent({name:"Polygon",props:T,setup:e=>{const a=g();let o=null;const n=e=>{o&&o.setStrokeColor(e)};return(()=>{const{points:l,visible:r,strokeColor:i,fillColor:s,strokeWeight:p,strokeOpacity:m,fillOpacity:d,strokeStyle:u,enableMassClear:c,enableEditing:f,enableClicking:y}=e;l&&l.length&&(o=new BMapGL.Polygon(function(e){if(!e||0===e.length)return[];const t=e[0];return Array.isArray(t)?e.map(([e,t])=>new BMapGL.Point(e,t)):e}(l),{strokeColor:i,fillColor:s,strokeWeight:p,strokeOpacity:m,fillOpacity:d,strokeStyle:u,enableMassClear:c,enableEditing:f,enableClicking:y}),r&&a().addOverlay(o),t.watch(()=>e.strokeColor,n),t.watch(()=>e.visible,e=>{a()[e?"addOverlay":"removeOverlay"](o)}))})(),t.onUnmounted(()=>{o&&a().removeOverlay(o)}),()=>t.createVNode(t.Fragment,null,null)}}),S=t.defineComponent({name:"Sector",setup:()=>()=>t.createVNode(t.Fragment,null,null)});e.BConfigProvider=i,e.BMap=y,e.BPolygon=h,e.BSector=S,e.BTileLayer=s,e.BXyzLayer=v,e.configProviderInjectionKey=r,e.configProviderProps=l,e.create=function({componentPrefix:e="B",components:t=[]}={}){const a=[];function o(t,a,o){t.component(e+a)||t.component(e+a,o)}return{componentPrefix:e,install:function(e){a.includes(e)||(a.push(e),t.forEach(t=>{const{name:a,alias:n}=t;o(e,a,t),n&&n.forEach(a=>{o(e,a,t)})}))}}},e.mapInjectionKey=p,e.mapProps=m,e.polygonProps=T,e.xyzLayerProps=b});
|
|
@@ -6,24 +6,24 @@ function useConfig(props = {}) {
|
|
|
6
6
|
return {
|
|
7
7
|
mergedStatusRef: BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedStatusRef,
|
|
8
8
|
mergedMapSetRef: computed(() => {
|
|
9
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
9
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
|
|
10
10
|
const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props;
|
|
11
11
|
return {
|
|
12
|
-
zoom: zoom !== null && zoom !== void 0 ? zoom : (_a = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _a === void 0 ? void 0 : _a.zoom,
|
|
13
|
-
center: center !== null && center !== void 0 ? center : (
|
|
14
|
-
heading: heading !== null && heading !== void 0 ? heading : (
|
|
15
|
-
minZoom: minZoom !== null && minZoom !== void 0 ? minZoom : (
|
|
16
|
-
maxZoom: maxZoom !== null && maxZoom !== void 0 ? maxZoom : (
|
|
17
|
-
enableScrollWheelZoom: enableScrollWheelZoom !== null && enableScrollWheelZoom !== void 0 ? enableScrollWheelZoom : (
|
|
18
|
-
enableDragging: enableDragging !== null && enableDragging !== void 0 ? enableDragging : (
|
|
19
|
-
tilt: tilt !== null && tilt !== void 0 ? tilt : (
|
|
20
|
-
enableTilt: enableTilt !== null && enableTilt !== void 0 ? enableTilt : (
|
|
21
|
-
mapType: mapType !== null && mapType !== void 0 ? mapType : (
|
|
22
|
-
enableAutoResize: enableAutoResize !== null && enableAutoResize !== void 0 ? enableAutoResize : (
|
|
23
|
-
enableTiltGestures: enableTiltGestures !== null && enableTiltGestures !== void 0 ? enableTiltGestures : (
|
|
24
|
-
enableRotate: enableRotate !== null && enableRotate !== void 0 ? enableRotate : (
|
|
25
|
-
enableRotateGestures: enableRotateGestures !== null && enableRotateGestures !== void 0 ? enableRotateGestures : (
|
|
26
|
-
displayOptions: displayOptions !== null && displayOptions !== void 0 ? displayOptions : (
|
|
12
|
+
zoom: (_b = zoom !== null && zoom !== void 0 ? zoom : (_a = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _a === void 0 ? void 0 : _a.zoom) !== null && _b !== void 0 ? _b : 14,
|
|
13
|
+
center: (_d = center !== null && center !== void 0 ? center : (_c = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _c === void 0 ? void 0 : _c.center) !== null && _d !== void 0 ? _d : [116.403901, 39.915185],
|
|
14
|
+
heading: (_f = heading !== null && heading !== void 0 ? heading : (_e = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _e === void 0 ? void 0 : _e.heading) !== null && _f !== void 0 ? _f : 0,
|
|
15
|
+
minZoom: (_h = minZoom !== null && minZoom !== void 0 ? minZoom : (_g = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _g === void 0 ? void 0 : _g.minZoom) !== null && _h !== void 0 ? _h : 0,
|
|
16
|
+
maxZoom: (_k = maxZoom !== null && maxZoom !== void 0 ? maxZoom : (_j = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _j === void 0 ? void 0 : _j.maxZoom) !== null && _k !== void 0 ? _k : 21,
|
|
17
|
+
enableScrollWheelZoom: (_m = enableScrollWheelZoom !== null && enableScrollWheelZoom !== void 0 ? enableScrollWheelZoom : (_l = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _l === void 0 ? void 0 : _l.enableScrollWheelZoom) !== null && _m !== void 0 ? _m : false,
|
|
18
|
+
enableDragging: (_p = enableDragging !== null && enableDragging !== void 0 ? enableDragging : (_o = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _o === void 0 ? void 0 : _o.enableDragging) !== null && _p !== void 0 ? _p : true,
|
|
19
|
+
tilt: (_r = tilt !== null && tilt !== void 0 ? tilt : (_q = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _q === void 0 ? void 0 : _q.tilt) !== null && _r !== void 0 ? _r : 0,
|
|
20
|
+
enableTilt: (_t = enableTilt !== null && enableTilt !== void 0 ? enableTilt : (_s = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _s === void 0 ? void 0 : _s.enableTilt) !== null && _t !== void 0 ? _t : false,
|
|
21
|
+
mapType: (_v = mapType !== null && mapType !== void 0 ? mapType : (_u = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _u === void 0 ? void 0 : _u.mapType) !== null && _v !== void 0 ? _v : "BMAP_NORMAL_MAP",
|
|
22
|
+
enableAutoResize: (_x = enableAutoResize !== null && enableAutoResize !== void 0 ? enableAutoResize : (_w = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _w === void 0 ? void 0 : _w.enableAutoResize) !== null && _x !== void 0 ? _x : true,
|
|
23
|
+
enableTiltGestures: (_z = enableTiltGestures !== null && enableTiltGestures !== void 0 ? enableTiltGestures : (_y = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _y === void 0 ? void 0 : _y.enableTiltGestures) !== null && _z !== void 0 ? _z : false,
|
|
24
|
+
enableRotate: (_1 = enableRotate !== null && enableRotate !== void 0 ? enableRotate : (_0 = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _0 === void 0 ? void 0 : _0.enableRotate) !== null && _1 !== void 0 ? _1 : false,
|
|
25
|
+
enableRotateGestures: (_3 = enableRotateGestures !== null && enableRotateGestures !== void 0 ? enableRotateGestures : (_2 = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _2 === void 0 ? void 0 : _2.enableRotateGestures) !== null && _3 !== void 0 ? _3 : false,
|
|
26
|
+
displayOptions: displayOptions !== null && displayOptions !== void 0 ? displayOptions : (_4 = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _4 === void 0 ? void 0 : _4.displayOptions
|
|
27
27
|
};
|
|
28
28
|
})
|
|
29
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-config.mjs","sources":["../../src/_mixins/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/_mixins/use-config.ts"],"sourcesContent":["import type { Ref } from 'vue'\r\nimport type { MapConfig } from '../config-provider/src/config-provider-props'\r\nimport type { LoadStatus } from '../config-provider/src/internal-interface'\r\nimport { computed, inject } from 'vue'\r\nimport { configProviderInjectionKey } from '../config-provider'\r\n\r\ntype UseConfigProps = Readonly<{\r\n bordered?: boolean\r\n [key: string]: unknown\r\n}>\r\n\r\nexport default function useConfig(props: UseConfigProps = {}): {\r\n mergedStatusRef: Ref<LoadStatus> | undefined\r\n mergedMapSetRef: Ref<MapConfig>\r\n} {\r\n const BConfigProvider = inject(configProviderInjectionKey, null)\r\n return {\r\n mergedStatusRef: BConfigProvider?.mergedStatusRef,\r\n mergedMapSetRef: computed(() => {\r\n const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props\r\n return {\r\n zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom,\r\n center: center ?? BConfigProvider?.mergedMapSetRef.value?.center,\r\n heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading,\r\n minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom,\r\n maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom,\r\n enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom,\r\n enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging,\r\n tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt,\r\n enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt,\r\n mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType,\r\n enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize,\r\n enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures,\r\n enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate,\r\n enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures,\r\n displayOptions: displayOptions ?? BConfigProvider?.mergedMapSetRef.value?.displayOptions,\r\n } as MapConfig\r\n }),\r\n }\r\n}\r\n"],"names":[],"mappings":";;;AAWA,SAAwB,SAAA,CAAU,KAAA,GAAwB,EAAA,EAAE;AAI1D,EAAA,MAAM,eAAA,GAAkB,MAAA,CAAO,0BAAA,EAA4B,IAAI,CAAA;AAC/D,EAAA,OAAO;AAAA,IACL,iBAAiB,eAAA,KAAe,IAAA,IAAf,eAAA,KAAe,MAAA,GAAA,SAAf,eAAA,CAAiB,eAAA;AAAA,IAClC,eAAA,EAAiB,SAAS,MAAK;;AAC7B,MAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAS,SAAS,qBAAA,EAAuB,cAAA,EAAgB,IAAA,EAAM,UAAA,EAAY,SAAS,gBAAA,EAAkB,kBAAA,EAAoB,YAAA,EAAc,oBAAA,EAAsB,gBAAc,GAAK,KAAA;AAChN,MAAA,OAAO;AAAA,QACL,MAAM,IAAA,KAAI,IAAA,IAAJ,
|
|
1
|
+
{"version":3,"file":"use-config.mjs","sources":["../../src/_mixins/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/_mixins/use-config.ts"],"sourcesContent":["import type { Ref } from 'vue'\r\nimport type { MapConfig } from '../config-provider/src/config-provider-props'\r\nimport type { LoadStatus } from '../config-provider/src/internal-interface'\r\nimport { computed, inject } from 'vue'\r\nimport { configProviderInjectionKey } from '../config-provider'\r\n\r\ntype UseConfigProps = Readonly<{\r\n bordered?: boolean\r\n [key: string]: unknown\r\n}>\r\n\r\nexport default function useConfig(props: UseConfigProps = {}): {\r\n mergedStatusRef: Ref<LoadStatus> | undefined\r\n mergedMapSetRef: Ref<MapConfig>\r\n} {\r\n const BConfigProvider = inject(configProviderInjectionKey, null)\r\n return {\r\n mergedStatusRef: BConfigProvider?.mergedStatusRef,\r\n mergedMapSetRef: computed(() => {\r\n const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props\r\n return {\r\n zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom ?? 14,\r\n center: center ?? BConfigProvider?.mergedMapSetRef.value?.center ?? [116.403901, 39.915185],\r\n heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading ?? 0,\r\n minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom ?? 0,\r\n maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom ?? 21,\r\n enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom ?? false,\r\n enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging ?? true,\r\n tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt ?? 0,\r\n enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt ?? false,\r\n mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType ?? 'BMAP_NORMAL_MAP',\r\n enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize ?? true,\r\n enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures ?? false,\r\n enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate ?? false,\r\n enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures ?? false,\r\n displayOptions: displayOptions ?? BConfigProvider?.mergedMapSetRef.value?.displayOptions,\r\n } as MapConfig\r\n }),\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|
package/es/layer/xyz/index.d.ts
CHANGED
|
@@ -1,16 +1,62 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
2
|
import type { ExtractPublicPropTypes } from '../../../_utils';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
type TemplateFn = (x: number, y: number, z: number) => number;
|
|
4
|
+
type BTemplateFn = (x: number, y: number, z: number) => string;
|
|
5
|
+
type GetTile = (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
|
|
6
6
|
export declare const xyzLayerProps: {
|
|
7
7
|
readonly visible: {
|
|
8
8
|
readonly type: BooleanConstructor;
|
|
9
9
|
readonly default: true;
|
|
10
10
|
};
|
|
11
|
-
readonly
|
|
12
|
-
readonly type: PropType<
|
|
13
|
-
|
|
11
|
+
readonly getTile: {
|
|
12
|
+
readonly type: PropType<GetTile>;
|
|
13
|
+
};
|
|
14
|
+
readonly useThumbData: {
|
|
15
|
+
readonly type: BooleanConstructor;
|
|
16
|
+
readonly default: false;
|
|
17
|
+
};
|
|
18
|
+
readonly xTemplate: {
|
|
19
|
+
readonly type: PropType<TemplateFn>;
|
|
20
|
+
};
|
|
21
|
+
readonly yTemplate: {
|
|
22
|
+
readonly type: PropType<TemplateFn>;
|
|
23
|
+
};
|
|
24
|
+
readonly zTemplate: {
|
|
25
|
+
readonly type: PropType<TemplateFn>;
|
|
26
|
+
};
|
|
27
|
+
readonly bTemplate: {
|
|
28
|
+
readonly type: PropType<BTemplateFn>;
|
|
29
|
+
};
|
|
30
|
+
readonly minZoom: {
|
|
31
|
+
readonly type: NumberConstructor;
|
|
32
|
+
readonly default: 3;
|
|
33
|
+
};
|
|
34
|
+
readonly maxZoom: {
|
|
35
|
+
readonly type: NumberConstructor;
|
|
36
|
+
readonly default: 23;
|
|
37
|
+
};
|
|
38
|
+
readonly extent: {
|
|
39
|
+
readonly type: PropType<number[]>;
|
|
40
|
+
};
|
|
41
|
+
readonly extentCRSIsWGS84: {
|
|
42
|
+
readonly type: BooleanConstructor;
|
|
43
|
+
readonly default: false;
|
|
44
|
+
};
|
|
45
|
+
readonly boundary: {
|
|
46
|
+
readonly type: PropType<string[]>;
|
|
47
|
+
};
|
|
48
|
+
readonly zIndex: {
|
|
49
|
+
readonly type: NumberConstructor;
|
|
50
|
+
readonly default: 1;
|
|
51
|
+
};
|
|
52
|
+
readonly zIndexTop: {
|
|
53
|
+
readonly type: BooleanConstructor;
|
|
54
|
+
readonly default: false;
|
|
55
|
+
};
|
|
56
|
+
readonly tms: {
|
|
57
|
+
readonly type: BooleanConstructor;
|
|
58
|
+
readonly default: false;
|
|
14
59
|
};
|
|
15
60
|
};
|
|
16
61
|
export type XyzLayerProps = ExtractPublicPropTypes<typeof xyzLayerProps>;
|
|
62
|
+
export {};
|
|
@@ -3,9 +3,54 @@ const xyzLayerProps = {
|
|
|
3
3
|
type: Boolean,
|
|
4
4
|
default: true
|
|
5
5
|
},
|
|
6
|
-
|
|
7
|
-
type:
|
|
8
|
-
|
|
6
|
+
getTile: {
|
|
7
|
+
type: Function
|
|
8
|
+
},
|
|
9
|
+
useThumbData: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: false
|
|
12
|
+
},
|
|
13
|
+
xTemplate: {
|
|
14
|
+
type: Function
|
|
15
|
+
},
|
|
16
|
+
yTemplate: {
|
|
17
|
+
type: Function
|
|
18
|
+
},
|
|
19
|
+
zTemplate: {
|
|
20
|
+
type: Function
|
|
21
|
+
},
|
|
22
|
+
bTemplate: {
|
|
23
|
+
type: Function
|
|
24
|
+
},
|
|
25
|
+
minZoom: {
|
|
26
|
+
type: Number,
|
|
27
|
+
default: 3
|
|
28
|
+
},
|
|
29
|
+
maxZoom: {
|
|
30
|
+
type: Number,
|
|
31
|
+
default: 23
|
|
32
|
+
},
|
|
33
|
+
extent: {
|
|
34
|
+
type: Array
|
|
35
|
+
},
|
|
36
|
+
extentCRSIsWGS84: {
|
|
37
|
+
type: Boolean,
|
|
38
|
+
default: false
|
|
39
|
+
},
|
|
40
|
+
boundary: {
|
|
41
|
+
type: Array
|
|
42
|
+
},
|
|
43
|
+
zIndex: {
|
|
44
|
+
type: Number,
|
|
45
|
+
default: 1
|
|
46
|
+
},
|
|
47
|
+
zIndexTop: {
|
|
48
|
+
type: Boolean,
|
|
49
|
+
default: false
|
|
50
|
+
},
|
|
51
|
+
tms: {
|
|
52
|
+
type: Boolean,
|
|
53
|
+
default: false
|
|
9
54
|
}
|
|
10
55
|
};
|
|
11
56
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"xyz-props.mjs","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\
|
|
1
|
+
{"version":3,"file":"xyz-props.mjs","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":"AAOO,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;;;;;"}
|