@spuermomonga/vue3-bmapgl 0.0.8 → 0.0.9

package/dist/index.js

@@ -117,7 +117,7 @@
   var tile = /* @__PURE__ */ vue.defineComponent({
     name: "TileLayer",
     setup() {
-      return () => vue.createVNode("div", null, [vue.createTextVNode("Tile")]);
+      return () => vue.createVNode(vue.Fragment, null, null);
     }
   });
 
@@ -158,15 +158,36 @@
     zoom: Number,
     class: String,
     contentClass: String,
-    enableScrollWheelZoom: Boolean,
-    enableDragging: Boolean,
+    enableScrollWheelZoom: {
+      type: Boolean,
+      default: void 0
+    },
+    enableDragging: {
+      type: Boolean,
+      default: void 0
+    },
     tilt: Number,
-    enableTilt: Boolean,
+    enableTilt: {
+      type: Boolean,
+      default: void 0
+    },
     mapType: String,
-    enableAutoResize: Boolean,
-    enableTiltGestures: Boolean,
-    enableRotate: Boolean,
-    enableRotateGestures: Boolean,
+    enableAutoResize: {
+      type: Boolean,
+      default: void 0
+    },
+    enableTiltGestures: {
+      type: Boolean,
+      default: void 0
+    },
+    enableRotate: {
+      type: Boolean,
+      default: void 0
+    },
+    enableRotateGestures: {
+      type: Boolean,
+      default: void 0
+    },
     displayOptions: Object,
     onInitd: Function
   };
@@ -461,7 +482,12 @@
                 callback && callback(image, key);
               };
               const handleError = () => callback && callback(null, key);
-              getTile(tileInfo, (img) => {
+              const box = BMapGL.XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row]);
+              getTile({
+                x: tileInfo.col,
+                y: tileInfo.row,
+                z: tileInfo.zoom
+              }, box, (img) => {
                 if (typeof img === "string" || img instanceof HTMLCanvasElement) {
                   const image = new Image();
                   image.crossOrigin = "anonymous";

package/dist/index.prod.js

@@ -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),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});
+!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)},d=setTimeout(()=>{s(),r(new Error(`Script load timeout: ${o}`))},l),p=()=>{clearTimeout(d),a=!0,s(),e()};n?window[t]=p:i.onload=p,i.onerror=()=>{clearTimeout(d),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(t.Fragment,null,null)});const d=Symbol("b-map"),p={maxZoom:Number,minZoom:Number,heading:Number,center:Object,zoom:Number,class:String,contentClass:String,enableScrollWheelZoom:{type:Boolean,default:void 0},enableDragging:{type:Boolean,default:void 0},tilt:Number,enableTilt:{type:Boolean,default:void 0},mapType:String,enableAutoResize:{type:Boolean,default:void 0},enableTiltGestures:{type:Boolean,default:void 0},enableRotate:{type:Boolean,default:void 0},enableRotateGestures:{type:Boolean,default:void 0},displayOptions:Object,onInitd:Function};var m="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:p,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:d,enableTilt:p,mapType:m,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:d??a?.mergedMapSetRef.value?.tilt??0,enableTilt:p??a?.mergedMapSetRef.value?.enableTilt??!1,mapType:m??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 p=t.ref(!1);t.provide(d,{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:d,enableTiltGestures:m,enableRotate:u,enableRotateGestures:c,displayOptions:f}=o.value;s=new BMapGL.Map(i.value,{maxZoom:a,minZoom:n,enableTilt:l,mapType:window[r],enableAutoResize:d,enableTiltGestures:m,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}),p.value=!0};return t.onMounted(()=>{t.watchEffect(()=>{"loaded"!==l?.value||p.value||t.nextTick(R)})}),t.onUnmounted(()=>{if(s)try{s?.destroy()}catch(e){console.error(`[Vue3 BMapGL]: ${e.message}`)}}),()=>t.createVNode("div",{class:[[m],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")]))]),p.value&&a.default?.()])}});function g(){return t.inject(d,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:d,yTemplate:p,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:f,extent:y,extentCRSIsWGS84:g,boundary:b,useThumbData:v,tms:T}=e;o=new BMapGL.XYZLayer({xTemplate:d,yTemplate:p,zTemplate:m,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),l=BMapGL.XYZProjection.getTileRangeExtent([e.zoom,e.col,e.row]);s({x:e.col,y:e.row,z:e.zoom},l,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:d,strokeOpacity:p,fillOpacity:m,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:d,strokeOpacity:p,fillOpacity:m,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=d,e.mapProps=p,e.polygonProps=T,e.xyzLayerProps=b});

package/es/layer/tile/src/tile-props.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=tile-props.mjs.map

package/es/layer/tile/src/tile-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-props.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/layer/tile/src/tile.mjs

@@ -1,9 +1,9 @@
-import { defineComponent, createVNode, createTextVNode } from 'vue';
+import { defineComponent, createVNode, Fragment } from 'vue';
 
 var tile = /* @__PURE__ */ defineComponent({
   name: "TileLayer",
   setup() {
-    return () => createVNode("div", null, [createTextVNode("Tile")]);
+    return () => createVNode(Fragment, null, null);
   }
 });
 

package/es/layer/tile/src/tile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tile.mjs","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 () => <div>Tile</div>\r\n  },\r\n})\r\n"],"names":["name","setup","_createVNode","_createTextVNode"],"mappings":";;AAEA,2CAA+B;AAAA,EAC7BA,IAAAA,EAAM,WAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,YAAA,KAAA,EAAA,IAAA,EAAA,CAAAC,eAAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}
+{"version":3,"file":"tile.mjs","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 () => <></>\r\n  },\r\n})\r\n"],"names":["name","setup","_createVNode","_Fragment"],"mappings":";;AAEA,2CAA+B;AAAA,EAC7BA,IAAAA,EAAM,WAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,WAAAA,CAAAC,QAAAA,EAAA,IAAA,EAAA,IAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}

package/es/layer/xyz/src/xyz-props.d.ts

@@ -1,8 +1,14 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../../_utils';
+export interface Box {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+}
 type TemplateFn = (x: number, y: number, z: number) => number;
 type BTemplateFn = (x: number, y: number, z: number) => string;
-type GetTile = (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+type GetTile = (info: any, box: Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
 export declare const xyzLayerProps: {
     readonly visible: {
         readonly type: BooleanConstructor;

package/es/layer/xyz/src/xyz-props.mjs.map

@@ -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\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;;;;;"}
+{"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\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;;;;;"}

package/es/layer/xyz/src/xyz.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly getTile: {
-        readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
+        readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
     };
     readonly useThumbData: {
         readonly type: BooleanConstructor;
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly getTile: {
-        readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
+        readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
     };
     readonly useThumbData: {
         readonly type: BooleanConstructor;

package/es/layer/xyz/src/xyz.mjs

@@ -69,7 +69,12 @@ var xyz = /* @__PURE__ */ defineComponent({
               callback && callback(image, key);
             };
             const handleError = () => callback && callback(null, key);
-            getTile(tileInfo, (img) => {
+            const box = BMapGL.XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row]);
+            getTile({
+              x: tileInfo.col,
+              y: tileInfo.row,
+              z: tileInfo.zoom
+            }, box, (img) => {
               if (typeof img === "string" || img instanceof HTMLCanvasElement) {
                 const image = new Image();
                 image.crossOrigin = "anonymous";

package/es/layer/xyz/src/xyz.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xyz.mjs","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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"}
+{"version":3,"file":"xyz.mjs","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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"}

package/es/map/src/map-props.d.ts

@@ -9,15 +9,36 @@ export declare const mapProps: {
     readonly zoom: NumberConstructor;
     readonly class: StringConstructor;
     readonly contentClass: StringConstructor;
-    readonly enableScrollWheelZoom: BooleanConstructor;
-    readonly enableDragging: BooleanConstructor;
+    readonly enableScrollWheelZoom: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly tilt: NumberConstructor;
-    readonly enableTilt: BooleanConstructor;
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly mapType: PropType<BMapGL.MapTypeId>;
-    readonly enableAutoResize: BooleanConstructor;
-    readonly enableTiltGestures: BooleanConstructor;
-    readonly enableRotate: BooleanConstructor;
-    readonly enableRotateGestures: BooleanConstructor;
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly displayOptions: PropType<BMapGL.displayOptions>;
     readonly onInitd: PropType<onInitd>;
 };

package/es/map/src/map-props.mjs

@@ -6,15 +6,36 @@ const mapProps = {
   zoom: Number,
   class: String,
   contentClass: String,
-  enableScrollWheelZoom: Boolean,
-  enableDragging: Boolean,
+  enableScrollWheelZoom: {
+    type: Boolean,
+    default: void 0
+  },
+  enableDragging: {
+    type: Boolean,
+    default: void 0
+  },
   tilt: Number,
-  enableTilt: Boolean,
+  enableTilt: {
+    type: Boolean,
+    default: void 0
+  },
   mapType: String,
-  enableAutoResize: Boolean,
-  enableTiltGestures: Boolean,
-  enableRotate: Boolean,
-  enableRotateGestures: Boolean,
+  enableAutoResize: {
+    type: Boolean,
+    default: void 0
+  },
+  enableTiltGestures: {
+    type: Boolean,
+    default: void 0
+  },
+  enableRotate: {
+    type: Boolean,
+    default: void 0
+  },
+  enableRotateGestures: {
+    type: Boolean,
+    default: void 0
+  },
   displayOptions: Object,
   onInitd: Function
 };

package/es/map/src/map-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"map-props.mjs","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,EACvB,cAAA,EAAgB,OAAA;AAAA,EAChB,IAAA,EAAM,MAAA;AAAA,EACN,UAAA,EAAY,OAAA;AAAA,EACZ,OAAA,EAAS,MAAA;AAAA,EACT,gBAAA,EAAkB,OAAA;AAAA,EAClB,kBAAA,EAAoB,OAAA;AAAA,EACpB,YAAA,EAAc,OAAA;AAAA,EACd,oBAAA,EAAsB,OAAA;AAAA,EACtB,cAAA,EAAgB,MAAA;AAAA,EAChB,OAAA,EAAS;;;;;"}
+{"version":3,"file":"map-props.mjs","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;;;;;"}

package/es/map/src/map.d.ts

@@ -12,15 +12,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zoom: NumberConstructor;
     readonly class: StringConstructor;
     readonly contentClass: StringConstructor;
-    readonly enableScrollWheelZoom: BooleanConstructor;
-    readonly enableDragging: BooleanConstructor;
+    readonly enableScrollWheelZoom: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly tilt: NumberConstructor;
-    readonly enableTilt: BooleanConstructor;
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly mapType: import("vue").PropType<BMapGL.MapTypeId>;
-    readonly enableAutoResize: BooleanConstructor;
-    readonly enableTiltGestures: BooleanConstructor;
-    readonly enableRotate: BooleanConstructor;
-    readonly enableRotateGestures: BooleanConstructor;
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly displayOptions: import("vue").PropType<BMapGL.displayOptions>;
     readonly onInitd: import("vue").PropType<import("./interface").onInitd>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -31,15 +52,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zoom: NumberConstructor;
     readonly class: StringConstructor;
     readonly contentClass: StringConstructor;
-    readonly enableScrollWheelZoom: BooleanConstructor;
-    readonly enableDragging: BooleanConstructor;
+    readonly enableScrollWheelZoom: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly tilt: NumberConstructor;
-    readonly enableTilt: BooleanConstructor;
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly mapType: import("vue").PropType<BMapGL.MapTypeId>;
-    readonly enableAutoResize: BooleanConstructor;
-    readonly enableTiltGestures: BooleanConstructor;
-    readonly enableRotate: BooleanConstructor;
-    readonly enableRotateGestures: BooleanConstructor;
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly displayOptions: import("vue").PropType<BMapGL.displayOptions>;
     readonly onInitd: import("vue").PropType<import("./interface").onInitd>;
 }>> & Readonly<{}>, {

package/lib/layer/tile/src/tile-props.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=tile-props.js.map

package/lib/layer/tile/src/tile-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/layer/tile/src/tile.js

@@ -5,7 +5,7 @@ var vue = require('vue');
 var tile = /* @__PURE__ */ vue.defineComponent({
   name: "TileLayer",
   setup() {
-    return () => vue.createVNode("div", null, [vue.createTextVNode("Tile")]);
+    return () => vue.createVNode(vue.Fragment, null, null);
   }
 });
 

package/lib/layer/tile/src/tile.js.map

@@ -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 () => <div>Tile</div>\r\n  },\r\n})\r\n"],"names":["name","setup","_createVNode","_createTextVNode"],"mappings":";;;;AAEA,+CAA+B;AAAA,EAC7BA,IAAAA,EAAM,WAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,gBAAA,KAAA,EAAA,IAAA,EAAA,CAAAC,mBAAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}
+{"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 () => <></>\r\n  },\r\n})\r\n"],"names":["name","setup","_createVNode","_Fragment"],"mappings":";;;;AAEA,+CAA+B;AAAA,EAC7BA,IAAAA,EAAM,WAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,eAAAA,CAAAC,YAAAA,EAAA,IAAA,EAAA,IAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}

package/lib/layer/xyz/src/xyz-props.d.ts

@@ -1,8 +1,14 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../../_utils';
+export interface Box {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+}
 type TemplateFn = (x: number, y: number, z: number) => number;
 type BTemplateFn = (x: number, y: number, z: number) => string;
-type GetTile = (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+type GetTile = (info: any, box: Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
 export declare const xyzLayerProps: {
     readonly visible: {
         readonly type: BooleanConstructor;

package/lib/layer/xyz/src/xyz-props.js.map

@@ -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":";;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;;;;;"}
+{"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;;;;;"}

package/lib/layer/xyz/src/xyz.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly getTile: {
-        readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
+        readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
     };
     readonly useThumbData: {
         readonly type: BooleanConstructor;
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly getTile: {
-        readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
+        readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
     };
     readonly useThumbData: {
         readonly type: BooleanConstructor;

package/lib/layer/xyz/src/xyz.js

@@ -71,7 +71,12 @@ var xyz = /* @__PURE__ */ vue.defineComponent({
               callback && callback(image, key);
             };
             const handleError = () => callback && callback(null, key);
-            getTile(tileInfo, (img) => {
+            const box = BMapGL.XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row]);
+            getTile({
+              x: tileInfo.col,
+              y: tileInfo.row,
+              z: tileInfo.zoom
+            }, box, (img) => {
               if (typeof img === "string" || img instanceof HTMLCanvasElement) {
                 const image = new Image();
                 image.crossOrigin = "anonymous";

package/lib/layer/xyz/src/xyz.js.map

@@ -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":";;;;;;AAIA,8CAA+B;AAAA,EAC7BA,IAAAA,EAAM,UAAA;AAAA,EACNC,KAAAA,EAAOC,sBAAAA;AAAAA,EACPC,MAAMF,KAAAA,EAAK;AACT,IAAA,MAAMG,cAAcC,cAAAA,EAAc;AAElC,IAAA,IAAIC,KAAAA,GAAgC,IAAA;AAEpC,IAAA,MAAMC,YAAaC,CAAAA,MAAAA,KAAkB;AACnCF,MAAAA,KAAAA,KAAK,QAALA,KAAAA,KAAK,MAAA,GAAA,MAAA,GAALA,KAAAA,CAAOC,UAAUC,MAAM,CAAA;AAAA,IACzB,CAAA;AAEA,IAAA,MAAMC,cAAeC,CAAAA,QAAAA,KAAuB;AAC1CA,MAAAA,QAAAA,IAAY,CAACA,QAAAA,CAASC,MAAAA,GAASL,UAAK,IAAA,IAALA,KAAAA,KAAK,SAAA,MAAA,GAALA,KAAAA,CAAOM,WAAAA,CAAYF,QAAQ,IAAIJ,KAAAA,KAAK,IAAA,IAALA,UAAK,MAAA,GAAA,MAAA,GAALA,MAAOO,aAAAA;IACvE,CAAA;AAEA,IAAA,MAAMC,eAAgBC,CAAAA,SAAAA,KAAuB;AAC3CA,MAAAA,SAAAA,KAAaT,UAAK,IAAA,IAALA,KAAAA,KAAK,MAAA,GAAA,MAAA,GAALA,MAAOQ,YAAAA,EAAY,CAAA;AAAA,IAClC,CAAA;AAEA,IAAA,MAAME,mBAAmBA,MAAK;AAC5B,MAAA,MAAM;AAAA,QAAER,MAAAA;AAAAA,QAAQO;AAAAA,OAAS,GAAKd,KAAAA;AAC9BM,MAAAA,SAAAA,CAAUC,MAAM,CAAA;AAChBM,MAAAA,YAAAA,CAAaC,SAAS,CAAA;AAAA,IACxB,CAAA;AAEA,IAAA,MAAME,kBAAkBA,MAAK;AAC3BC,MAAAA,SAAAA,CAAM,MAAMjB,KAAAA,CAAMO,MAAAA,EAAQD,SAAS,CAAA;AACnCW,MAAAA,SAAAA,CAAM,MAAMjB,KAAAA,CAAMS,QAAAA,EAAUD,WAAW,CAAA;AAAA,IACzC,CAAA;AAEA,IAAA,MAAMU,OAAOA,MAAK;AAChB,MAAA,MAAM;AAAA,QAAEC,OAAAA;AAAAA,QAASC,OAAAA;AAAAA,QAASC,SAAAA;AAAAA,QAAWC,SAAAA;AAAAA,QAAWC,SAAAA;AAAAA,QAAWC,SAAAA;AAAAA,QAAWC,OAAAA;AAAAA,QAASC,OAAAA;AAAAA,QAASC,MAAAA;AAAAA,QAAQC,gBAAAA;AAAAA,QAAkBnB,QAAAA;AAAAA,QAAUoB,YAAAA;AAAAA,QAAcC;AAAAA,OAAG,GAAK9B,KAAAA;AAClJK,MAAAA,KAAAA,GAAQ,IAAI0B,OAAOC,QAAAA,CAAS;AAAA,QAC1BX,SAAAA;AAAAA,QACAC,SAAAA;AAAAA,QACAC,SAAAA;AAAAA,QACAC,SAAAA;AAAAA,QACAC,OAAAA;AAAAA,QACAC,OAAAA;AAAAA,QACAC,MAAAA;AAAAA,QACAC,gBAAAA;AAAAA,QACAnB,QAAAA;AAAAA,QACAoB,YAAAA;AAAAA,QACAC;AAAAA,OACD,CAAA;AACDf,MAAAA,gBAAAA;AACA,MAAA,IAAII,OAAAA,EAAS;AACX,QAAA,IAAIC,OAAAA,EAAS;AACXjB,UAAAA,WAAAA,GAAc8B,aAAa5B,KAAK,CAAA;AAC9BA,UAAAA,KAAAA,CAAc6B,kBAAAA,GAAqB,SAAUC,QAAAA,EAAeC,QAAAA,EAAa;AACzE,YAAA,MAAMC,GAAAA,GAAM,IAAA,CAAKC,UAAAA,CAAWH,QAAQ,CAAA;AAEpC,YAAA,MAAMI,kBAAmBC,CAAAA,KAAAA,KAA2B;AACjDA,cAAAA,KAAAA,CAAcL,QAAAA,GAAWA,QAAAA;AAC1BC,cAAAA,QAAAA,IAAYA,QAAAA,CAASI,OAAOH,GAAG,CAAA;AAAA,YACjC,CAAA;AAEA,YAAA,MAAMI,WAAAA,GAAcA,MAAML,QAAAA,IAAYA,QAAAA,CAAS,MAAMC,GAAG,CAAA;AAExDjB,YAAAA,OAAAA,CAAQe,UAAWO,CAAAA,GAAAA,KAAO;AACxB,cAAA,IAAI,OAAOA,GAAAA,KAAQ,QAAA,IAAYA,GAAAA,YAAeC,iBAAAA,EAAmB;AAC/D,gBAAA,MAAMH,KAAAA,GAAQ,IAAII,KAAAA;AAClBJ,gBAAAA,KAAAA,CAAMK,WAAAA,GAAc,WAAA;AAEpBL,gBAAAA,KAAAA,CAAMM,MAAAA,GAAS,MAAMP,eAAAA,CAAgBC,KAAK,CAAA;AAC1CA,gBAAAA,KAAAA,CAAMO,OAAAA,GAAUN,WAAAA;AAEhBD,gBAAAA,KAAAA,CAAMQ,MAAM,OAAON,GAAAA,KAAQ,QAAA,GAAWA,GAAAA,GAAMA,IAAIO,SAAAA;cAClD,CAAA,MAAA,IAAWP,eAAeQ,gBAAAA,EAAkB;AAC1CX,gBAAAA,eAAAA,CAAgBG,GAAG,CAAA;AAAA,cACrB,CAAA,MAAO;AACLD,gBAAAA,WAAAA;cACF;AAAA,YACF,CAAC,CAAA;AAAA,UACH,CAAA;AAAA,QACF,CAAA,MAAO;AACLtC,UAAAA,WAAAA,GAAc8B,aAAa5B,KAAK,CAAA;AAAA,QAClC;AAAA,MACF;AACAW,MAAAA,eAAAA;IACF,CAAA;AAEAE,IAAAA,IAAAA;AAuDAiC,IAAAA,eAAAA,CAAY,MAAK;AACf,MAAA,IAAI9C,KAAAA,EAAO;AACTF,QAAAA,WAAAA,GAAciD,gBAAgB/C,KAAK,CAAA;AAAA,MACrC;AAAA,IACF,CAAC,CAAA;AAED,IAAA,OAAO,MAAAgD,eAAAA,CAAAC,YAAAA,EAAA,IAAA,EAAA,IAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}
+{"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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"}

package/lib/map/src/map-props.d.ts

@@ -9,15 +9,36 @@ export declare const mapProps: {
     readonly zoom: NumberConstructor;
     readonly class: StringConstructor;
     readonly contentClass: StringConstructor;
-    readonly enableScrollWheelZoom: BooleanConstructor;
-    readonly enableDragging: BooleanConstructor;
+    readonly enableScrollWheelZoom: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly tilt: NumberConstructor;
-    readonly enableTilt: BooleanConstructor;
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly mapType: PropType<BMapGL.MapTypeId>;
-    readonly enableAutoResize: BooleanConstructor;
-    readonly enableTiltGestures: BooleanConstructor;
-    readonly enableRotate: BooleanConstructor;
-    readonly enableRotateGestures: BooleanConstructor;
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly displayOptions: PropType<BMapGL.displayOptions>;
     readonly onInitd: PropType<onInitd>;
 };

package/lib/map/src/map-props.js

@@ -8,15 +8,36 @@ const mapProps = {
   zoom: Number,
   class: String,
   contentClass: String,
-  enableScrollWheelZoom: Boolean,
-  enableDragging: Boolean,
+  enableScrollWheelZoom: {
+    type: Boolean,
+    default: void 0
+  },
+  enableDragging: {
+    type: Boolean,
+    default: void 0
+  },
   tilt: Number,
-  enableTilt: Boolean,
+  enableTilt: {
+    type: Boolean,
+    default: void 0
+  },
   mapType: String,
-  enableAutoResize: Boolean,
-  enableTiltGestures: Boolean,
-  enableRotate: Boolean,
-  enableRotateGestures: Boolean,
+  enableAutoResize: {
+    type: Boolean,
+    default: void 0
+  },
+  enableTiltGestures: {
+    type: Boolean,
+    default: void 0
+  },
+  enableRotate: {
+    type: Boolean,
+    default: void 0
+  },
+  enableRotateGestures: {
+    type: Boolean,
+    default: void 0
+  },
   displayOptions: Object,
   onInitd: Function
 };

package/lib/map/src/map-props.js.map

@@ -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,EACvB,cAAA,EAAgB,OAAA;AAAA,EAChB,IAAA,EAAM,MAAA;AAAA,EACN,UAAA,EAAY,OAAA;AAAA,EACZ,OAAA,EAAS,MAAA;AAAA,EACT,gBAAA,EAAkB,OAAA;AAAA,EAClB,kBAAA,EAAoB,OAAA;AAAA,EACpB,YAAA,EAAc,OAAA;AAAA,EACd,oBAAA,EAAsB,OAAA;AAAA,EACtB,cAAA,EAAgB,MAAA;AAAA,EAChB,OAAA,EAAS;;;;;"}
+{"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;;;;;"}

package/lib/map/src/map.d.ts

@@ -12,15 +12,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zoom: NumberConstructor;
     readonly class: StringConstructor;
     readonly contentClass: StringConstructor;
-    readonly enableScrollWheelZoom: BooleanConstructor;
-    readonly enableDragging: BooleanConstructor;
+    readonly enableScrollWheelZoom: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly tilt: NumberConstructor;
-    readonly enableTilt: BooleanConstructor;
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly mapType: import("vue").PropType<BMapGL.MapTypeId>;
-    readonly enableAutoResize: BooleanConstructor;
-    readonly enableTiltGestures: BooleanConstructor;
-    readonly enableRotate: BooleanConstructor;
-    readonly enableRotateGestures: BooleanConstructor;
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly displayOptions: import("vue").PropType<BMapGL.displayOptions>;
     readonly onInitd: import("vue").PropType<import("./interface").onInitd>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -31,15 +52,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zoom: NumberConstructor;
     readonly class: StringConstructor;
     readonly contentClass: StringConstructor;
-    readonly enableScrollWheelZoom: BooleanConstructor;
-    readonly enableDragging: BooleanConstructor;
+    readonly enableScrollWheelZoom: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly tilt: NumberConstructor;
-    readonly enableTilt: BooleanConstructor;
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly mapType: import("vue").PropType<BMapGL.MapTypeId>;
-    readonly enableAutoResize: BooleanConstructor;
-    readonly enableTiltGestures: BooleanConstructor;
-    readonly enableRotate: BooleanConstructor;
-    readonly enableRotateGestures: BooleanConstructor;
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly displayOptions: import("vue").PropType<BMapGL.displayOptions>;
     readonly onInitd: import("vue").PropType<import("./interface").onInitd>;
 }>> & Readonly<{}>, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spuermomonga/vue3-bmapgl",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Baidu Map GL encapsulation for Vue 3",
   "author": "SpuerMomonga <spuermomonga@qq.com>",
   "license": "MIT",