@spuermomonga/vue3-bmapgl 0.0.11 → 0.0.12

package/dist/index.js

@@ -399,6 +399,7 @@
     zIndex: Number,
     zIndexTop: Boolean,
     tileUrlTemplate: String,
+    getTileUrl: Function,
     getTilesUrl: Function
   };
 
@@ -407,6 +408,8 @@
     props: tileLayerProps,
     setup(props) {
       const mapInstance = useMapInstance();
+      let requestQueue = [];
+      let batchTimer;
       let layer = null;
       const setZIndex = (zIndex) => {
         layer?.setZIndex(zIndex);
@@ -417,42 +420,117 @@
       const setZIndexTop = (zIndexTop) => {
         layer?.setTop(zIndexTop);
       };
+      const loadImage = (request, img) => {
+        const handleLoad = (image) => {
+          image.tileInfo = request.tileInfo;
+          request.cb(image, request.key);
+        };
+        const handleError = () => request.cb(null, request.key);
+        if (typeof img === "string" || img instanceof HTMLCanvasElement) {
+          const image = new Image();
+          image.crossOrigin = "anonymous";
+          image.onload = () => handleLoad(image);
+          image.onerror = handleError;
+          image.src = typeof img === "string" ? img : img.toDataURL();
+        } else if (img instanceof HTMLImageElement) {
+          handleLoad(img);
+        } else {
+          handleError();
+        }
+      };
+      const processBatch = () => {
+        if (requestQueue.length === 0) return;
+        const {
+          getTilesUrl
+        } = props;
+        const batch = [...requestQueue];
+        requestQueue = [];
+        const tiles = batch.map(({
+          key,
+          tile,
+          boundRange
+        }) => ({
+          key,
+          tile,
+          boundRange
+        }));
+        getTilesUrl(tiles, (values) => {
+          for (const value of values) {
+            const index = batch.findIndex((item) => item.key === value.key);
+            if (index !== -1) {
+              const tiles2 = batch[index];
+              loadImage(tiles2, value.img);
+              batch.splice(index, 1);
+            }
+          }
+          batch.forEach((tiles2) => {
+            tiles2.cb(null, tiles2.key);
+          });
+        });
+      };
+      const enqueue = (data) => {
+        const existing = requestQueue.find((item) => item.key === data.key);
+        if (existing) {
+          existing.cb(null, data.key);
+          existing.cb = data.cb;
+        } else {
+          requestQueue.push(data);
+        }
+        if (batchTimer) {
+          clearTimeout(batchTimer);
+        }
+        batchTimer = setTimeout(() => processBatch(), 50);
+      };
       const addTileLayer = () => {
         const {
+          getTileUrl,
           getTilesUrl
         } = props;
         if (!layer) return;
-        if (getTilesUrl) {
+        if (getTileUrl) {
           mapInstance().addTileLayer(layer);
           layer.loadRasterTileData = function(tileInfo, callback) {
             const key = this.getTileKey(tileInfo);
-            const handleImageLoad = (image) => {
-              image.tileInfo = tileInfo;
-              callback && callback(image, key);
-            };
-            const handleError = () => callback && callback(null, key);
-            const box = BMapGL.Projection.tileToBoundRange({
+            const boundRange = BMapGL.Projection.tileToBoundRange({
               col: tileInfo.col,
               row: tileInfo.row,
               baseTileSize: tileInfo.baseTileSize,
               zoom: tileInfo.zoom
             });
-            getTilesUrl({
+            getTileUrl({
               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";
-                image.onload = () => handleImageLoad(image);
-                image.onerror = handleError;
-                image.src = typeof img === "string" ? img : img.toDataURL();
-              } else if (img instanceof HTMLImageElement) {
-                handleImageLoad(img);
-              } else {
-                handleError();
-              }
+            }, boundRange, (img) => {
+              loadImage({
+                cb: callback,
+                boundRange,
+                key,
+                tileInfo
+              }, img);
+            });
+          };
+        } else if (getTilesUrl) {
+          mapInstance().addTileLayer(layer);
+          layer.loadRasterTileData = function(tileInfo, callback) {
+            const key = this.getTileKey(tileInfo);
+            const tile = {
+              x: tileInfo.col,
+              y: tileInfo.row,
+              z: tileInfo.zoom
+            };
+            const boundRange = BMapGL.Projection.tileToBoundRange({
+              col: tileInfo.col,
+              row: tileInfo.row,
+              baseTileSize: tileInfo.baseTileSize,
+              zoom: tileInfo.zoom
+            });
+            enqueue({
+              key,
+              tile,
+              boundRange,
+              cb: callback,
+              tileInfo
             });
           };
         } else {

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 o=!1;function a(e){return e.some(e=>!t.isVNode(e)||e.type!==Comment&&!(e.type===t.Fragment&&!a(e.children)))?e:null}function n(e,t){return t(e&&a(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:a}){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:a,addCalToWindow:n=!0,timeout:l=1e4}=e;return o&&window.BMapGL?Promise.resolve():new Promise((e,r)=>{const i=document.createElement("script");i.src=a,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: ${a}`))},l),d=()=>{clearTimeout(p),o=!0,s(),e()};n?window[t]=d:i.onload=d,i.onerror=()=>{clearTimeout(p),s(),r(new Error(`Failed to load script: ${a}`))},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(a,"default")}});const s=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 d="map-module_b-map__29r3m",m="map-module_b-map-content__sMaJG",u="map-module_b-map-loading__qc4a8",c="map-module_b-map-failed__-w-tX";!function(e,t){void 0===t&&(t={});var o=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&a.firstChild?a.insertBefore(n,a.firstChild):a.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:o}){const{mergedMapSetRef:a,mergedStatusRef:l}=function(e={}){const o=t.inject(r,null);return{mergedStatusRef:o?.mergedStatusRef,mergedMapSetRef:t.computed(()=>{const{zoom:t,center:a,heading:n,minZoom:l,maxZoom:r,enableScrollWheelZoom:i,enableDragging:s,tilt:p,enableTilt:d,mapType:m,enableAutoResize:u,enableTiltGestures:c,enableRotate:y,enableRotateGestures:f,displayOptions:g}=e;return{zoom:t??o?.mergedMapSetRef.value?.zoom??14,center:a??o?.mergedMapSetRef.value?.center??[116.403901,39.915185],heading:n??o?.mergedMapSetRef.value?.heading??0,minZoom:l??o?.mergedMapSetRef.value?.minZoom??0,maxZoom:r??o?.mergedMapSetRef.value?.maxZoom??21,enableScrollWheelZoom:i??o?.mergedMapSetRef.value?.enableScrollWheelZoom??!1,enableDragging:s??o?.mergedMapSetRef.value?.enableDragging??!0,tilt:p??o?.mergedMapSetRef.value?.tilt??0,enableTilt:d??o?.mergedMapSetRef.value?.enableTilt??!1,mapType:m??o?.mergedMapSetRef.value?.mapType??"BMAP_NORMAL_MAP",enableAutoResize:u??o?.mergedMapSetRef.value?.enableAutoResize??!0,enableTiltGestures:c??o?.mergedMapSetRef.value?.enableTiltGestures??!1,enableRotate:y??o?.mergedMapSetRef.value?.enableRotate??!1,enableRotateGestures:f??o?.mergedMapSetRef.value?.enableRotateGestures??!1,displayOptions:g??o?.mergedMapSetRef.value?.displayOptions}})}}(e),i=t.ref();let p=null;const y=t.ref(!1);t.provide(s,{mapInstance:()=>p});const f=e=>{"string"==typeof e?p?.centerAndZoom(e,a.value.zoom):Array.isArray(e)?p?.centerAndZoom(new BMapGL.Point(e[0],e[1]),a.value.zoom):p?.centerAndZoom(e,a.value.zoom)},g=e=>{e?p.enableScrollWheelZoom():p.disableScrollWheelZoom()},b=e=>{p?.setDisplayOptions(e||{})},T=e=>{p?.setTilt(e??0)},v=e=>{p?.setHeading(e??0)},h=e=>{e?p.enableDragging():p.disableDragging()},S=e=>{void 0!==window[e]&&p.setMapType(window[e])},B=()=>{const{maxZoom:o,minZoom:n,enableTilt:l,mapType:r,enableAutoResize:s,enableTiltGestures:d,enableRotate:m,enableRotateGestures:u,displayOptions:c}=a.value;p=new BMapGL.Map(i.value,{maxZoom:o,minZoom:n,enableTilt:l,mapType:window[r],enableAutoResize:s,enableTiltGestures:d,enableRotate:m,enableRotateGestures:u,displayOptions:c});const{onInitd:B}=e;(()=>{const{center:e,heading:t,enableScrollWheelZoom:o,tilt:n,enableDragging:l}=a.value;v(t),f(e),g(o),T(n),h(l)})(),t.watch(()=>a.value.center,f,{deep:!0}),t.watch(()=>a.value.enableScrollWheelZoom,g),t.watch(()=>a.value.displayOptions,b),t.watch(()=>a.value.tilt,T),t.watch(()=>a.value.heading,v),t.watch(()=>a.value.enableDragging,h),t.watch(()=>a.value.mapType,S),B?.({map:p}),y.value=!0};return t.onMounted(()=>{t.watchEffect(()=>{"loaded"!==l?.value||y.value||t.nextTick(B)})}),t.onUnmounted(()=>{if(p)try{p?.destroy()}catch(e){console.error(`[Vue3 BMapGL]: ${e.message}`)}}),()=>t.createVNode("div",{class:[[d],e.class]},[t.createVNode("div",{ref:i,class:[m,e.contentClass]},["pending"===l?.value&&n(o.loading,()=>t.createVNode("div",{class:[u]},[t.createTextVNode("map loading...")])),"failed"===l?.value&&n(o.failed,()=>t.createVNode("div",{class:[c]},[t.createTextVNode("map failed")]))]),y.value&&o.default?.()])}});function f(){return t.inject(s,null).mapInstance}const g={visible:{type:Boolean,default:!0},transform:Object,png8:Boolean,height:Number,retry:{type:Boolean,default:void 0},retryTime:Number,transparentPng:{type:Boolean,default:!0},dataType:Number,spanLevel:{type:Number,default:0},tileTypeName:String,cacheSize:{type:Number,default:256},customLayer:{type:Boolean,default:void 0},clipTile:{type:Boolean,default:void 0},isTop:Boolean,opacity:{type:Number,default:1},isLowText:Boolean,boundary:Array,showRegion:String,useThumbData:Boolean,zIndex:Number,zIndexTop:Boolean,tileUrlTemplate:String,getTilesUrl:Function};var b=t.defineComponent({name:"TileLayer",props:g,setup(e){const o=f();let a=null;const n=e=>{a?.setZIndex(e)},l=e=>{e?a?.addBoundary(e):a?.clearBoundary()},r=e=>{a?.setTop(e)},i=()=>{const{getTilesUrl:t}=e;a&&(t?(o().addTileLayer(a),a.loadRasterTileData=function(e,o){const a=this.getTileKey(e),n=t=>{t.tileInfo=e,o&&o(t,a)},l=()=>o&&o(null,a),r=BMapGL.Projection.tileToBoundRange({col:e.col,row:e.row,baseTileSize:e.baseTileSize,zoom:e.zoom});t({x:e.col,y:e.row,z:e.zoom},r,e=>{if("string"==typeof e||e instanceof HTMLCanvasElement){const t=new Image;t.crossOrigin="anonymous",t.onload=()=>n(t),t.onerror=l,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?n(e):l()})}):o().addTileLayer(a))};return(()=>{const{visible:s,transform:p,png8:d,height:m,retry:u,retryTime:c,transparentPng:y,dataType:f,spanLevel:g,tileTypeName:b,cacheSize:T,customLayer:v,clipTile:h,isTop:S,opacity:B,isLowText:w,showRegion:R,useThumbData:x,tileUrlTemplate:M}=e;a=new BMapGL.TileLayer({transform:p,png8:d,height:m,retry:u,retryTime:c,transparentPng:y,dataType:f,spanLevel:g,tileTypeName:b,cacheSize:T,customLayer:v,clipTile:h,isTop:S,opacity:B,isLowText:w,showRegion:R,useThumbData:x,tileUrlTemplate:M}),(()=>{const{zIndex:t,boundary:o}=e;l(o),n(t)})(),s&&i(),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l),t.watch(()=>e.zIndexTop,r),t.watch(()=>e.visible,e=>e?i():o().removeTileLayer(a))})(),t.onUnmounted(()=>{a&&o().removeTileLayer(a)}),()=>t.createVNode(t.Fragment,null,null)}});const T={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:T,setup(e){const o=f();let a=null;const n=e=>{a?.setZIndex(e)},l=e=>{e&&!e.length?a?.addBoundary(e):a?.clearBoundary()},r=()=>{const{zIndex:t,zIndexTop:o}=e;n(t),(e=>{e&&a?.setZIndexTop()})(o)};return(()=>{const{visible:i,getTile:s,xTemplate:p,yTemplate:d,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:y,extent:f,extentCRSIsWGS84:g,boundary:b,useThumbData:T,tms:v}=e;a=new BMapGL.XYZLayer({xTemplate:p,yTemplate:d,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:y,extent:f,extentCRSIsWGS84:g,boundary:b,useThumbData:T,tms:v}),r(),i&&(s?(o().addTileLayer(a),a.loadRasterTileData=function(e,t){const o=this.getTileKey(e),a=a=>{a.tileInfo=e,t&&t(a,o)},n=()=>t&&t(null,o),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=()=>a(t),t.onerror=n,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?a(e):n()})}):o().addTileLayer(a)),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l)})(),t.onUnmounted(()=>{a&&o().removeTileLayer(a)}),()=>t.createVNode(t.Fragment,null,null)}});const h={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 S=t.defineComponent({name:"Polygon",props:h,setup:e=>{const o=f();let a=null;const n=e=>{a&&a.setStrokeColor(e)};return(()=>{const{points:l,visible:r,strokeColor:i,fillColor:s,strokeWeight:p,strokeOpacity:d,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:y,enableClicking:f}=e;l&&l.length&&(a=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:d,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:y,enableClicking:f}),r&&o().addOverlay(a),t.watch(()=>e.strokeColor,n),t.watch(()=>e.visible,e=>{o()[e?"addOverlay":"removeOverlay"](a)}))})(),t.onUnmounted(()=>{a&&o().removeOverlay(a)}),()=>t.createVNode(t.Fragment,null,null)}}),B=t.defineComponent({name:"Sector",setup:()=>()=>t.createVNode(t.Fragment,null,null)});e.BConfigProvider=i,e.BMap=y,e.BPolygon=S,e.BSector=B,e.BTileLayer=b,e.BXyzLayer=v,e.configProviderInjectionKey=r,e.configProviderProps=l,e.create=function({componentPrefix:e="B",components:t=[]}={}){const o=[];function a(t,o,a){t.component(e+o)||t.component(e+o,a)}return{componentPrefix:e,install:function(e){o.includes(e)||(o.push(e),t.forEach(t=>{const{name:o,alias:n}=t;a(e,o,t),n&&n.forEach(o=>{a(e,o,t)})}))}}},e.mapInjectionKey=s,e.mapProps=p,e.polygonProps=h,e.tileLayerProps=g,e.xyzLayerProps=T});
+!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 o=!1;function a(e){return e.some(e=>!t.isVNode(e)||e.type!==Comment&&!(e.type===t.Fragment&&!a(e.children)))?e:null}function n(e,t){return t(e&&a(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:a}){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:a,addCalToWindow:n=!0,timeout:l=1e4}=e;return o&&window.BMapGL?Promise.resolve():new Promise((e,r)=>{const i=document.createElement("script");i.src=a,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: ${a}`))},l),d=()=>{clearTimeout(p),o=!0,s(),e()};n?window[t]=d:i.onload=d,i.onerror=()=>{clearTimeout(p),s(),r(new Error(`Failed to load script: ${a}`))},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(a,"default")}});const s=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 d="map-module_b-map__29r3m",m="map-module_b-map-content__sMaJG",u="map-module_b-map-loading__qc4a8",c="map-module_b-map-failed__-w-tX";!function(e,t){void 0===t&&(t={});var o=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&a.firstChild?a.insertBefore(n,a.firstChild):a.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:o}){const{mergedMapSetRef:a,mergedStatusRef:l}=function(e={}){const o=t.inject(r,null);return{mergedStatusRef:o?.mergedStatusRef,mergedMapSetRef:t.computed(()=>{const{zoom:t,center:a,heading:n,minZoom:l,maxZoom:r,enableScrollWheelZoom:i,enableDragging:s,tilt:p,enableTilt:d,mapType:m,enableAutoResize:u,enableTiltGestures:c,enableRotate:y,enableRotateGestures:f,displayOptions:g}=e;return{zoom:t??o?.mergedMapSetRef.value?.zoom??14,center:a??o?.mergedMapSetRef.value?.center??[116.403901,39.915185],heading:n??o?.mergedMapSetRef.value?.heading??0,minZoom:l??o?.mergedMapSetRef.value?.minZoom??0,maxZoom:r??o?.mergedMapSetRef.value?.maxZoom??21,enableScrollWheelZoom:i??o?.mergedMapSetRef.value?.enableScrollWheelZoom??!1,enableDragging:s??o?.mergedMapSetRef.value?.enableDragging??!0,tilt:p??o?.mergedMapSetRef.value?.tilt??0,enableTilt:d??o?.mergedMapSetRef.value?.enableTilt??!1,mapType:m??o?.mergedMapSetRef.value?.mapType??"BMAP_NORMAL_MAP",enableAutoResize:u??o?.mergedMapSetRef.value?.enableAutoResize??!0,enableTiltGestures:c??o?.mergedMapSetRef.value?.enableTiltGestures??!1,enableRotate:y??o?.mergedMapSetRef.value?.enableRotate??!1,enableRotateGestures:f??o?.mergedMapSetRef.value?.enableRotateGestures??!1,displayOptions:g??o?.mergedMapSetRef.value?.displayOptions}})}}(e),i=t.ref();let p=null;const y=t.ref(!1);t.provide(s,{mapInstance:()=>p});const f=e=>{"string"==typeof e?p?.centerAndZoom(e,a.value.zoom):Array.isArray(e)?p?.centerAndZoom(new BMapGL.Point(e[0],e[1]),a.value.zoom):p?.centerAndZoom(e,a.value.zoom)},g=e=>{e?p.enableScrollWheelZoom():p.disableScrollWheelZoom()},b=e=>{p?.setDisplayOptions(e||{})},T=e=>{p?.setTilt(e??0)},v=e=>{p?.setHeading(e??0)},h=e=>{e?p.enableDragging():p.disableDragging()},S=e=>{void 0!==window[e]&&p.setMapType(window[e])},R=()=>{const{maxZoom:o,minZoom:n,enableTilt:l,mapType:r,enableAutoResize:s,enableTiltGestures:d,enableRotate:m,enableRotateGestures:u,displayOptions:c}=a.value;p=new BMapGL.Map(i.value,{maxZoom:o,minZoom:n,enableTilt:l,mapType:window[r],enableAutoResize:s,enableTiltGestures:d,enableRotate:m,enableRotateGestures:u,displayOptions:c});const{onInitd:R}=e;(()=>{const{center:e,heading:t,enableScrollWheelZoom:o,tilt:n,enableDragging:l}=a.value;v(t),f(e),g(o),T(n),h(l)})(),t.watch(()=>a.value.center,f,{deep:!0}),t.watch(()=>a.value.enableScrollWheelZoom,g),t.watch(()=>a.value.displayOptions,b),t.watch(()=>a.value.tilt,T),t.watch(()=>a.value.heading,v),t.watch(()=>a.value.enableDragging,h),t.watch(()=>a.value.mapType,S),R?.({map:p}),y.value=!0};return t.onMounted(()=>{t.watchEffect(()=>{"loaded"!==l?.value||y.value||t.nextTick(R)})}),t.onUnmounted(()=>{if(p)try{p?.destroy()}catch(e){console.error(`[Vue3 BMapGL]: ${e.message}`)}}),()=>t.createVNode("div",{class:[[d],e.class]},[t.createVNode("div",{ref:i,class:[m,e.contentClass]},["pending"===l?.value&&n(o.loading,()=>t.createVNode("div",{class:[u]},[t.createTextVNode("map loading...")])),"failed"===l?.value&&n(o.failed,()=>t.createVNode("div",{class:[c]},[t.createTextVNode("map failed")]))]),y.value&&o.default?.()])}});function f(){return t.inject(s,null).mapInstance}const g={visible:{type:Boolean,default:!0},transform:Object,png8:Boolean,height:Number,retry:{type:Boolean,default:void 0},retryTime:Number,transparentPng:{type:Boolean,default:!0},dataType:Number,spanLevel:{type:Number,default:0},tileTypeName:String,cacheSize:{type:Number,default:256},customLayer:{type:Boolean,default:void 0},clipTile:{type:Boolean,default:void 0},isTop:Boolean,opacity:{type:Number,default:1},isLowText:Boolean,boundary:Array,showRegion:String,useThumbData:Boolean,zIndex:Number,zIndexTop:Boolean,tileUrlTemplate:String,getTileUrl:Function,getTilesUrl:Function};var b=t.defineComponent({name:"TileLayer",props:g,setup(e){const o=f();let a,n=[],l=null;const r=e=>{l?.setZIndex(e)},i=e=>{e?l?.addBoundary(e):l?.clearBoundary()},s=e=>{l?.setTop(e)},p=(e,t)=>{const o=t=>{t.tileInfo=e.tileInfo,e.cb(t,e.key)},a=()=>e.cb(null,e.key);if("string"==typeof t||t instanceof HTMLCanvasElement){const e=new Image;e.crossOrigin="anonymous",e.onload=()=>o(e),e.onerror=a,e.src="string"==typeof t?t:t.toDataURL()}else t instanceof HTMLImageElement?o(t):a()},d=t=>{const o=n.find(e=>e.key===t.key);o?(o.cb(null,t.key),o.cb=t.cb):n.push(t),a&&clearTimeout(a),a=setTimeout(()=>(()=>{if(0===n.length)return;const{getTilesUrl:t}=e,o=[...n];n=[];const a=o.map(({key:e,tile:t,boundRange:o})=>({key:e,tile:t,boundRange:o}));t(a,e=>{for(const t of e){const e=o.findIndex(e=>e.key===t.key);if(-1!==e){const a=o[e];p(a,t.img),o.splice(e,1)}}o.forEach(e=>{e.cb(null,e.key)})})})(),50)},m=()=>{const{getTileUrl:t,getTilesUrl:a}=e;l&&(t?(o().addTileLayer(l),l.loadRasterTileData=function(e,o){const a=this.getTileKey(e),n=BMapGL.Projection.tileToBoundRange({col:e.col,row:e.row,baseTileSize:e.baseTileSize,zoom:e.zoom});t({x:e.col,y:e.row,z:e.zoom},n,t=>{p({cb:o,boundRange:n,key:a,tileInfo:e},t)})}):a?(o().addTileLayer(l),l.loadRasterTileData=function(e,t){const o=this.getTileKey(e),a={x:e.col,y:e.row,z:e.zoom},n=BMapGL.Projection.tileToBoundRange({col:e.col,row:e.row,baseTileSize:e.baseTileSize,zoom:e.zoom});d({key:o,tile:a,boundRange:n,cb:t,tileInfo:e})}):o().addTileLayer(l))};return(()=>{const{visible:a,transform:n,png8:p,height:d,retry:u,retryTime:c,transparentPng:y,dataType:f,spanLevel:g,tileTypeName:b,cacheSize:T,customLayer:v,clipTile:h,isTop:S,opacity:R,isLowText:B,showRegion:w,useThumbData:x,tileUrlTemplate:M}=e;l=new BMapGL.TileLayer({transform:n,png8:p,height:d,retry:u,retryTime:c,transparentPng:y,dataType:f,spanLevel:g,tileTypeName:b,cacheSize:T,customLayer:v,clipTile:h,isTop:S,opacity:R,isLowText:B,showRegion:w,useThumbData:x,tileUrlTemplate:M}),(()=>{const{zIndex:t,boundary:o}=e;i(o),r(t)})(),a&&m(),t.watch(()=>e.zIndex,r),t.watch(()=>e.boundary,i),t.watch(()=>e.zIndexTop,s),t.watch(()=>e.visible,e=>e?m():o().removeTileLayer(l))})(),t.onUnmounted(()=>{l&&o().removeTileLayer(l)}),()=>t.createVNode(t.Fragment,null,null)}});const T={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:T,setup(e){const o=f();let a=null;const n=e=>{a?.setZIndex(e)},l=e=>{e&&!e.length?a?.addBoundary(e):a?.clearBoundary()},r=()=>{const{zIndex:t,zIndexTop:o}=e;n(t),(e=>{e&&a?.setZIndexTop()})(o)};return(()=>{const{visible:i,getTile:s,xTemplate:p,yTemplate:d,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:y,extent:f,extentCRSIsWGS84:g,boundary:b,useThumbData:T,tms:v}=e;a=new BMapGL.XYZLayer({xTemplate:p,yTemplate:d,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:y,extent:f,extentCRSIsWGS84:g,boundary:b,useThumbData:T,tms:v}),r(),i&&(s?(o().addTileLayer(a),a.loadRasterTileData=function(e,t){const o=this.getTileKey(e),a=a=>{a.tileInfo=e,t&&t(a,o)},n=()=>t&&t(null,o),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=()=>a(t),t.onerror=n,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?a(e):n()})}):o().addTileLayer(a)),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l)})(),t.onUnmounted(()=>{a&&o().removeTileLayer(a)}),()=>t.createVNode(t.Fragment,null,null)}});const h={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 S=t.defineComponent({name:"Polygon",props:h,setup:e=>{const o=f();let a=null;const n=e=>{a&&a.setStrokeColor(e)};return(()=>{const{points:l,visible:r,strokeColor:i,fillColor:s,strokeWeight:p,strokeOpacity:d,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:y,enableClicking:f}=e;l&&l.length&&(a=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:d,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:y,enableClicking:f}),r&&o().addOverlay(a),t.watch(()=>e.strokeColor,n),t.watch(()=>e.visible,e=>{o()[e?"addOverlay":"removeOverlay"](a)}))})(),t.onUnmounted(()=>{a&&o().removeOverlay(a)}),()=>t.createVNode(t.Fragment,null,null)}}),R=t.defineComponent({name:"Sector",setup:()=>()=>t.createVNode(t.Fragment,null,null)});e.BConfigProvider=i,e.BMap=y,e.BPolygon=S,e.BSector=R,e.BTileLayer=b,e.BXyzLayer=v,e.configProviderInjectionKey=r,e.configProviderProps=l,e.create=function({componentPrefix:e="B",components:t=[]}={}){const o=[];function a(t,o,a){t.component(e+o)||t.component(e+o,a)}return{componentPrefix:e,install:function(e){o.includes(e)||(o.push(e),t.forEach(t=>{const{name:o,alias:n}=t;a(e,o,t),n&&n.forEach(o=>{a(e,o,t)})}))}}},e.mapInjectionKey=s,e.mapProps=p,e.polygonProps=h,e.tileLayerProps=g,e.xyzLayerProps=T});

package/es/layer/tile/index.d.ts

@@ -1,3 +1,3 @@
 export { default as BTileLayer } from './src/tile';
 export { tileLayerProps } from './src/tile-props';
-export type { GetTilesUrlFn, TileLayerProps } from './src/tile-props';
+export type { GetTilesUrlFn, GetTileUrlFn, TileLayerProps } from './src/tile-props';

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

@@ -1,10 +1,21 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../../_utils';
-export type GetTilesUrlFn = (tile: {
+export interface Tile {
     x: number;
     y: number;
     z: number;
-}, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+}
+export interface TileImg {
+    key: string;
+    img?: string | HTMLImageElement | HTMLCanvasElement;
+}
+export interface Tiles {
+    key: string;
+    tile: Tile;
+    boundRange: any;
+}
+export type GetTileUrlFn = (tile: Tile, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+export type GetTilesUrlFn = (tiles: Tiles[], cb: (values: TileImg[]) => void) => void;
 export declare const tileLayerProps: {
     readonly visible: {
         readonly type: BooleanConstructor;
@@ -55,6 +66,7 @@ export declare const tileLayerProps: {
     readonly zIndex: NumberConstructor;
     readonly zIndexTop: BooleanConstructor;
     readonly tileUrlTemplate: StringConstructor;
+    readonly getTileUrl: PropType<GetTileUrlFn>;
     readonly getTilesUrl: PropType<GetTilesUrlFn>;
 };
 export type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>;

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

@@ -45,6 +45,7 @@ const tileLayerProps = {
   zIndex: Number,
   zIndexTop: Boolean,
   tileUrlTemplate: String,
+  getTileUrl: Function,
   getTilesUrl: Function
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"tile-props.mjs","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport type GetTilesUrlFn = (tile: { x: number, y: number, z: number }, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const tileLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  transform: Object as PropType<{ source: string, target: string }>,\r\n  png8: Boolean,\r\n  height: Number,\r\n  retry: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  retryTime: Number,\r\n  transparentPng: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  dataType: Number,\r\n  spanLevel: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  tileTypeName: String,\r\n  cacheSize: {\r\n    type: Number,\r\n    default: 256,\r\n  },\r\n  customLayer: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  clipTile: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  isTop: Boolean,\r\n  opacity: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  isLowText: Boolean,\r\n  boundary: Array as PropType<string[] | string>,\r\n  showRegion: String,\r\n  useThumbData: Boolean,\r\n  zIndex: Number,\r\n  zIndexTop: Boolean,\r\n  tileUrlTemplate: String,\r\n  getTilesUrl: Function as PropType<GetTilesUrlFn>,\r\n} as const\r\n\r\nexport type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>\r\n"],"names":[],"mappings":"AAKO,MAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc,MAAA;AAAA,EACd,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,OAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,OAAA;AAAA,EACd,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa;;;;;"}
+{"version":3,"file":"tile-props.mjs","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport interface Tile {\r\n  x: number\r\n  y: number\r\n  z: number\r\n}\r\n\r\nexport interface TileImg {\r\n  key: string\r\n  img?: string | HTMLImageElement | HTMLCanvasElement\r\n}\r\n\r\nexport interface Tiles {\r\n  key: string\r\n  tile: Tile\r\n  boundRange: any\r\n}\r\n\r\nexport type GetTileUrlFn = (tile: Tile, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\nexport type GetTilesUrlFn = (tiles: Tiles[], cb: (values: TileImg[]) => void) => void\r\n\r\nexport const tileLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  transform: Object as PropType<{ source: string, target: string }>,\r\n  png8: Boolean,\r\n  height: Number,\r\n  retry: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  retryTime: Number,\r\n  transparentPng: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  dataType: Number,\r\n  spanLevel: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  tileTypeName: String,\r\n  cacheSize: {\r\n    type: Number,\r\n    default: 256,\r\n  },\r\n  customLayer: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  clipTile: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  isTop: Boolean,\r\n  opacity: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  isLowText: Boolean,\r\n  boundary: Array as PropType<string[] | string>,\r\n  showRegion: String,\r\n  useThumbData: Boolean,\r\n  zIndex: Number,\r\n  zIndexTop: Boolean,\r\n  tileUrlTemplate: String,\r\n  getTileUrl: Function as PropType<GetTileUrlFn>,\r\n  getTilesUrl: Function as PropType<GetTilesUrlFn>,\r\n} as const\r\n\r\nexport type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>\r\n"],"names":[],"mappings":"AAuBO,MAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc,MAAA;AAAA,EACd,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,OAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,OAAA;AAAA,EACd,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,MAAA;AAAA,EACjB,UAAA,EAAY,QAAA;AAAA,EACZ,WAAA,EAAa;;;;;"}

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

@@ -48,6 +48,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zIndex: NumberConstructor;
     readonly zIndexTop: BooleanConstructor;
     readonly tileUrlTemplate: StringConstructor;
+    readonly getTileUrl: import("vue").PropType<import("./tile-props").GetTileUrlFn>;
     readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly visible: {
@@ -99,6 +100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zIndex: NumberConstructor;
     readonly zIndexTop: BooleanConstructor;
     readonly tileUrlTemplate: StringConstructor;
+    readonly getTileUrl: import("vue").PropType<import("./tile-props").GetTileUrlFn>;
     readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
 }>> & Readonly<{}>, {
     readonly visible: boolean;

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

@@ -7,6 +7,8 @@ var tile = /* @__PURE__ */ defineComponent({
   props: tileLayerProps,
   setup(props) {
     const mapInstance = useMapInstance();
+    let requestQueue = [];
+    let batchTimer;
     let layer = null;
     const setZIndex = (zIndex) => {
       layer === null || layer === void 0 ? void 0 : layer.setZIndex(zIndex);
@@ -17,42 +19,117 @@ var tile = /* @__PURE__ */ defineComponent({
     const setZIndexTop = (zIndexTop) => {
       layer === null || layer === void 0 ? void 0 : layer.setTop(zIndexTop);
     };
+    const loadImage = (request, img) => {
+      const handleLoad = (image) => {
+        image.tileInfo = request.tileInfo;
+        request.cb(image, request.key);
+      };
+      const handleError = () => request.cb(null, request.key);
+      if (typeof img === "string" || img instanceof HTMLCanvasElement) {
+        const image = new Image();
+        image.crossOrigin = "anonymous";
+        image.onload = () => handleLoad(image);
+        image.onerror = handleError;
+        image.src = typeof img === "string" ? img : img.toDataURL();
+      } else if (img instanceof HTMLImageElement) {
+        handleLoad(img);
+      } else {
+        handleError();
+      }
+    };
+    const processBatch = () => {
+      if (requestQueue.length === 0) return;
+      const {
+        getTilesUrl
+      } = props;
+      const batch = [...requestQueue];
+      requestQueue = [];
+      const tiles = batch.map(({
+        key,
+        tile,
+        boundRange
+      }) => ({
+        key,
+        tile,
+        boundRange
+      }));
+      getTilesUrl(tiles, (values) => {
+        for (const value of values) {
+          const index = batch.findIndex((item) => item.key === value.key);
+          if (index !== -1) {
+            const tiles2 = batch[index];
+            loadImage(tiles2, value.img);
+            batch.splice(index, 1);
+          }
+        }
+        batch.forEach((tiles2) => {
+          tiles2.cb(null, tiles2.key);
+        });
+      });
+    };
+    const enqueue = (data) => {
+      const existing = requestQueue.find((item) => item.key === data.key);
+      if (existing) {
+        existing.cb(null, data.key);
+        existing.cb = data.cb;
+      } else {
+        requestQueue.push(data);
+      }
+      if (batchTimer) {
+        clearTimeout(batchTimer);
+      }
+      batchTimer = setTimeout(() => processBatch(), 50);
+    };
     const addTileLayer = () => {
       const {
+        getTileUrl,
         getTilesUrl
       } = props;
       if (!layer) return;
-      if (getTilesUrl) {
+      if (getTileUrl) {
         mapInstance().addTileLayer(layer);
         layer.loadRasterTileData = function(tileInfo, callback) {
           const key = this.getTileKey(tileInfo);
-          const handleImageLoad = (image) => {
-            image.tileInfo = tileInfo;
-            callback && callback(image, key);
-          };
-          const handleError = () => callback && callback(null, key);
-          const box = BMapGL.Projection.tileToBoundRange({
+          const boundRange = BMapGL.Projection.tileToBoundRange({
             col: tileInfo.col,
             row: tileInfo.row,
             baseTileSize: tileInfo.baseTileSize,
             zoom: tileInfo.zoom
           });
-          getTilesUrl({
+          getTileUrl({
             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";
-              image.onload = () => handleImageLoad(image);
-              image.onerror = handleError;
-              image.src = typeof img === "string" ? img : img.toDataURL();
-            } else if (img instanceof HTMLImageElement) {
-              handleImageLoad(img);
-            } else {
-              handleError();
-            }
+          }, boundRange, (img) => {
+            loadImage({
+              cb: callback,
+              boundRange,
+              key,
+              tileInfo
+            }, img);
+          });
+        };
+      } else if (getTilesUrl) {
+        mapInstance().addTileLayer(layer);
+        layer.loadRasterTileData = function(tileInfo, callback) {
+          const key = this.getTileKey(tileInfo);
+          const tile = {
+            x: tileInfo.col,
+            y: tileInfo.row,
+            z: tileInfo.zoom
+          };
+          const boundRange = BMapGL.Projection.tileToBoundRange({
+            col: tileInfo.col,
+            row: tileInfo.row,
+            baseTileSize: tileInfo.baseTileSize,
+            zoom: tileInfo.zoom
+          });
+          enqueue({
+            key,
+            tile,
+            boundRange,
+            cb: callback,
+            tileInfo
           });
         };
       } else {

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, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { tileLayerProps } from './tile-props'\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  props: tileLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let layer: BMapGL.TileLayer | null = null\r\n\r\n    const setZIndex = (zIndex?: number) => {\r\n      (layer as any)?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[] | string) => {\r\n      boundary ? (layer as any)?.addBoundary(boundary) : (layer as any)?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      (layer as any)?.setTop(zIndexTop)\r\n    }\r\n\r\n    const addTileLayer = () => {\r\n      const { getTilesUrl } = props\r\n      if (!layer)\r\n        return\r\n      if (getTilesUrl) {\r\n        mapInstance().addTileLayer(layer)\r\n        ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n          const key = this.getTileKey(tileInfo)\r\n\r\n          const handleImageLoad = (image: HTMLImageElement) => {\r\n            (image as any).tileInfo = tileInfo\r\n            callback && callback(image, key)\r\n          }\r\n\r\n          const handleError = () => callback && callback(null, key)\r\n\r\n          const box = (BMapGL as any).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          getTilesUrl({ x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }, box, (img) => {\r\n            if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n              const image = new Image()\r\n              image.crossOrigin = 'anonymous'\r\n\r\n              image.onload = () => handleImageLoad(image)\r\n              image.onerror = handleError\r\n\r\n              image.src = typeof img === 'string' ? img : img.toDataURL()\r\n            } else if (img instanceof HTMLImageElement) {\r\n              handleImageLoad(img)\r\n            } else {\r\n              handleError()\r\n            }\r\n          })\r\n        }\r\n      } else {\r\n        mapInstance().addTileLayer(layer)\r\n      }\r\n    }\r\n\r\n    const initLayerOptions = () => {\r\n      const { zIndex, boundary } = props\r\n      setBoundary(boundary)\r\n      setZIndex(zIndex)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n      watch(() => props.zIndexTop, setZIndexTop)\r\n      watch(() => props.visible, n => n ? addTileLayer() : mapInstance().removeTileLayer(layer!))\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, transform, png8, height, retry, retryTime, transparentPng, dataType, spanLevel, tileTypeName, cacheSize, customLayer, clipTile, isTop, opacity, isLowText, showRegion, useThumbData, tileUrlTemplate } = props\r\n      layer = new BMapGL.TileLayer({\r\n        transform,\r\n        png8,\r\n        height,\r\n        retry,\r\n        retryTime,\r\n        transparentPng,\r\n        dataType,\r\n        spanLevel,\r\n        tileTypeName,\r\n        cacheSize,\r\n        customLayer,\r\n        clipTile,\r\n        isTop,\r\n        opacity,\r\n        isLowText,\r\n        showRegion,\r\n        useThumbData,\r\n        tileUrlTemplate,\r\n      } as any)\r\n      initLayerOptions()\r\n      visible && addTileLayer()\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\r\n\r\n    onUnmounted(() => {\r\n      if (layer) {\r\n        mapInstance().removeTileLayer(layer)\r\n      }\r\n    })\r\n\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","props","tileLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","addBoundary","clearBoundary","setZIndexTop","zIndexTop","setTop","addTileLayer","getTilesUrl","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","box","BMapGL","Projection","tileToBoundRange","col","row","baseTileSize","zoom","x","y","z","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","initLayerOptions","startWatchProps","watch","visible","n","removeTileLayer","init","transform","png8","height","retry","retryTime","transparentPng","dataType","spanLevel","tileTypeName","cacheSize","customLayer","clipTile","isTop","opacity","isLowText","showRegion","useThumbData","tileUrlTemplate","TileLayer","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}
+{"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 type { Tiles } from './tile-props'\r\nimport { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { tileLayerProps } from './tile-props'\r\n\r\ninterface TileRequest extends Partial<Tiles> {\r\n  cb: any\r\n  tileInfo: any\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  props: tileLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let requestQueue: TileRequest[] = []\r\n\r\n    let batchTimer: number\r\n\r\n    let layer: BMapGL.TileLayer | null = null\r\n\r\n    const setZIndex = (zIndex?: number) => {\r\n      (layer as any)?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[] | string) => {\r\n      boundary ? (layer as any)?.addBoundary(boundary) : (layer as any)?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      (layer as any)?.setTop(zIndexTop)\r\n    }\r\n\r\n    const loadImage = (request: TileRequest, img?: string | HTMLImageElement | HTMLCanvasElement) => {\r\n      const handleLoad = (image: HTMLImageElement) => {\r\n        (image as any).tileInfo = request.tileInfo\r\n        request.cb(image, request.key)\r\n      }\r\n\r\n      const handleError = () => request.cb(null, request.key)\r\n\r\n      if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n        const image = new Image()\r\n        image.crossOrigin = 'anonymous'\r\n        image.onload = () => handleLoad(image)\r\n        image.onerror = handleError\r\n        image.src = typeof img === 'string' ? img : img.toDataURL()\r\n      } else if (img instanceof HTMLImageElement) {\r\n        handleLoad(img)\r\n      } else {\r\n        handleError()\r\n      }\r\n    }\r\n\r\n    const processBatch = () => {\r\n      if (requestQueue.length === 0)\r\n        return\r\n\r\n      const { getTilesUrl } = props\r\n\r\n      const batch = [...requestQueue]\r\n      requestQueue = []\r\n\r\n      const tiles = batch.map(({ key, tile, boundRange }) => ({ key, tile, boundRange }))\r\n      getTilesUrl!(tiles as any, (values) => {\r\n        for (const value of values) {\r\n          const index = batch.findIndex(item => item.key === value.key)\r\n          if (index !== -1) {\r\n            const tiles = batch[index]\r\n            loadImage(tiles, value.img)\r\n            batch.splice(index, 1)\r\n          }\r\n        }\r\n\r\n        batch.forEach((tiles) => {\r\n          tiles.cb(null, tiles.key)\r\n        })\r\n      })\r\n    }\r\n\r\n    const enqueue = (data: TileRequest) => {\r\n      const existing = requestQueue.find(item => item.key === data.key)\r\n      if (existing) {\r\n        existing.cb(null, data.key)\r\n        existing.cb = data.cb\r\n      } else {\r\n        requestQueue.push(data)\r\n      }\r\n\r\n      if (batchTimer) {\r\n        clearTimeout(batchTimer)\r\n      }\r\n      batchTimer = setTimeout(() => processBatch(), 50)\r\n    }\r\n\r\n    const addTileLayer = () => {\r\n      const { getTileUrl, getTilesUrl } = props\r\n      if (!layer)\r\n        return\r\n      if (getTileUrl) {\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 boundRange = (BMapGL as any).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          getTileUrl({ x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }, boundRange, (img) => {\r\n            loadImage({ cb: callback, boundRange, key, tileInfo }, img)\r\n          })\r\n        }\r\n      } else if (getTilesUrl) {\r\n        mapInstance().addTileLayer(layer)\r\n        ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n          const key = this.getTileKey(tileInfo)\r\n\r\n          const tile = { x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }\r\n          const boundRange = (BMapGL as any).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          enqueue({ key, tile, boundRange, cb: callback, tileInfo })\r\n        }\r\n      } else {\r\n        mapInstance().addTileLayer(layer)\r\n      }\r\n    }\r\n\r\n    const initLayerOptions = () => {\r\n      const { zIndex, boundary } = props\r\n      setBoundary(boundary)\r\n      setZIndex(zIndex)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n      watch(() => props.zIndexTop, setZIndexTop)\r\n      watch(() => props.visible, n => n ? addTileLayer() : mapInstance().removeTileLayer(layer!))\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, transform, png8, height, retry, retryTime, transparentPng, dataType, spanLevel, tileTypeName, cacheSize, customLayer, clipTile, isTop, opacity, isLowText, showRegion, useThumbData, tileUrlTemplate } = props\r\n      layer = new BMapGL.TileLayer({\r\n        transform,\r\n        png8,\r\n        height,\r\n        retry,\r\n        retryTime,\r\n        transparentPng,\r\n        dataType,\r\n        spanLevel,\r\n        tileTypeName,\r\n        cacheSize,\r\n        customLayer,\r\n        clipTile,\r\n        isTop,\r\n        opacity,\r\n        isLowText,\r\n        showRegion,\r\n        useThumbData,\r\n        tileUrlTemplate,\r\n      } as any)\r\n      initLayerOptions()\r\n      visible && addTileLayer()\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\r\n\r\n    onUnmounted(() => {\r\n      if (layer) {\r\n        mapInstance().removeTileLayer(layer)\r\n      }\r\n    })\r\n\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","props","tileLayerProps","setup","mapInstance","useMapInstance","requestQueue","batchTimer","layer","setZIndex","zIndex","setBoundary","boundary","addBoundary","clearBoundary","setZIndexTop","zIndexTop","setTop","loadImage","request","img","handleLoad","image","tileInfo","cb","key","handleError","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","processBatch","length","getTilesUrl","batch","tiles","map","tile","boundRange","values","value","index","findIndex","item","splice","forEach","enqueue","data","existing","find","push","clearTimeout","setTimeout","addTileLayer","getTileUrl","loadRasterTileData","callback","getTileKey","BMapGL","Projection","tileToBoundRange","col","row","baseTileSize","zoom","x","y","z","initLayerOptions","startWatchProps","watch","visible","n","removeTileLayer","init","transform","png8","height","retry","retryTime","transparentPng","dataType","spanLevel","tileTypeName","cacheSize","customLayer","clipTile","isTop","opacity","isLowText","showRegion","useThumbData","tileUrlTemplate","TileLayer","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}

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

@@ -107,12 +107,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: false;
     };
 }>> & Readonly<{}>, {
-    readonly minZoom: number;
-    readonly maxZoom: number;
     readonly visible: boolean;
     readonly useThumbData: boolean;
     readonly zIndex: number;
     readonly zIndexTop: boolean;
+    readonly minZoom: number;
+    readonly maxZoom: number;
     readonly extentCRSIsWGS84: boolean;
     readonly tms: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/layer/tile/index.d.ts

@@ -1,3 +1,3 @@
 export { default as BTileLayer } from './src/tile';
 export { tileLayerProps } from './src/tile-props';
-export type { GetTilesUrlFn, TileLayerProps } from './src/tile-props';
+export type { GetTilesUrlFn, GetTileUrlFn, TileLayerProps } from './src/tile-props';

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

@@ -1,10 +1,21 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../../_utils';
-export type GetTilesUrlFn = (tile: {
+export interface Tile {
     x: number;
     y: number;
     z: number;
-}, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+}
+export interface TileImg {
+    key: string;
+    img?: string | HTMLImageElement | HTMLCanvasElement;
+}
+export interface Tiles {
+    key: string;
+    tile: Tile;
+    boundRange: any;
+}
+export type GetTileUrlFn = (tile: Tile, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+export type GetTilesUrlFn = (tiles: Tiles[], cb: (values: TileImg[]) => void) => void;
 export declare const tileLayerProps: {
     readonly visible: {
         readonly type: BooleanConstructor;
@@ -55,6 +66,7 @@ export declare const tileLayerProps: {
     readonly zIndex: NumberConstructor;
     readonly zIndexTop: BooleanConstructor;
     readonly tileUrlTemplate: StringConstructor;
+    readonly getTileUrl: PropType<GetTileUrlFn>;
     readonly getTilesUrl: PropType<GetTilesUrlFn>;
 };
 export type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>;

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

@@ -47,6 +47,7 @@ const tileLayerProps = {
   zIndex: Number,
   zIndexTop: Boolean,
   tileUrlTemplate: String,
+  getTileUrl: Function,
   getTilesUrl: Function
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"tile-props.js","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport type GetTilesUrlFn = (tile: { x: number, y: number, z: number }, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const tileLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  transform: Object as PropType<{ source: string, target: string }>,\r\n  png8: Boolean,\r\n  height: Number,\r\n  retry: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  retryTime: Number,\r\n  transparentPng: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  dataType: Number,\r\n  spanLevel: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  tileTypeName: String,\r\n  cacheSize: {\r\n    type: Number,\r\n    default: 256,\r\n  },\r\n  customLayer: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  clipTile: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  isTop: Boolean,\r\n  opacity: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  isLowText: Boolean,\r\n  boundary: Array as PropType<string[] | string>,\r\n  showRegion: String,\r\n  useThumbData: Boolean,\r\n  zIndex: Number,\r\n  zIndexTop: Boolean,\r\n  tileUrlTemplate: String,\r\n  getTilesUrl: Function as PropType<GetTilesUrlFn>,\r\n} as const\r\n\r\nexport type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>\r\n"],"names":[],"mappings":";;AAKO,MAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc,MAAA;AAAA,EACd,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,OAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,OAAA;AAAA,EACd,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa;;;;;"}
+{"version":3,"file":"tile-props.js","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport interface Tile {\r\n  x: number\r\n  y: number\r\n  z: number\r\n}\r\n\r\nexport interface TileImg {\r\n  key: string\r\n  img?: string | HTMLImageElement | HTMLCanvasElement\r\n}\r\n\r\nexport interface Tiles {\r\n  key: string\r\n  tile: Tile\r\n  boundRange: any\r\n}\r\n\r\nexport type GetTileUrlFn = (tile: Tile, boundRange: any, cb: (image?: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\nexport type GetTilesUrlFn = (tiles: Tiles[], cb: (values: TileImg[]) => void) => void\r\n\r\nexport const tileLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  transform: Object as PropType<{ source: string, target: string }>,\r\n  png8: Boolean,\r\n  height: Number,\r\n  retry: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  retryTime: Number,\r\n  transparentPng: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  dataType: Number,\r\n  spanLevel: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  tileTypeName: String,\r\n  cacheSize: {\r\n    type: Number,\r\n    default: 256,\r\n  },\r\n  customLayer: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  clipTile: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  isTop: Boolean,\r\n  opacity: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  isLowText: Boolean,\r\n  boundary: Array as PropType<string[] | string>,\r\n  showRegion: String,\r\n  useThumbData: Boolean,\r\n  zIndex: Number,\r\n  zIndexTop: Boolean,\r\n  tileUrlTemplate: String,\r\n  getTileUrl: Function as PropType<GetTileUrlFn>,\r\n  getTilesUrl: Function as PropType<GetTilesUrlFn>,\r\n} as const\r\n\r\nexport type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>\r\n"],"names":[],"mappings":";;AAuBO,MAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc,MAAA;AAAA,EACd,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,OAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,OAAA;AAAA,EACd,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,MAAA;AAAA,EACjB,UAAA,EAAY,QAAA;AAAA,EACZ,WAAA,EAAa;;;;;"}

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

@@ -48,6 +48,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zIndex: NumberConstructor;
     readonly zIndexTop: BooleanConstructor;
     readonly tileUrlTemplate: StringConstructor;
+    readonly getTileUrl: import("vue").PropType<import("./tile-props").GetTileUrlFn>;
     readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly visible: {
@@ -99,6 +100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly zIndex: NumberConstructor;
     readonly zIndexTop: BooleanConstructor;
     readonly tileUrlTemplate: StringConstructor;
+    readonly getTileUrl: import("vue").PropType<import("./tile-props").GetTileUrlFn>;
     readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
 }>> & Readonly<{}>, {
     readonly visible: boolean;

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

@@ -9,6 +9,8 @@ var tile = /* @__PURE__ */ vue.defineComponent({
   props: tileProps.tileLayerProps,
   setup(props) {
     const mapInstance = useMapInstance();
+    let requestQueue = [];
+    let batchTimer;
     let layer = null;
     const setZIndex = (zIndex) => {
       layer === null || layer === void 0 ? void 0 : layer.setZIndex(zIndex);
@@ -19,42 +21,117 @@ var tile = /* @__PURE__ */ vue.defineComponent({
     const setZIndexTop = (zIndexTop) => {
       layer === null || layer === void 0 ? void 0 : layer.setTop(zIndexTop);
     };
+    const loadImage = (request, img) => {
+      const handleLoad = (image) => {
+        image.tileInfo = request.tileInfo;
+        request.cb(image, request.key);
+      };
+      const handleError = () => request.cb(null, request.key);
+      if (typeof img === "string" || img instanceof HTMLCanvasElement) {
+        const image = new Image();
+        image.crossOrigin = "anonymous";
+        image.onload = () => handleLoad(image);
+        image.onerror = handleError;
+        image.src = typeof img === "string" ? img : img.toDataURL();
+      } else if (img instanceof HTMLImageElement) {
+        handleLoad(img);
+      } else {
+        handleError();
+      }
+    };
+    const processBatch = () => {
+      if (requestQueue.length === 0) return;
+      const {
+        getTilesUrl
+      } = props;
+      const batch = [...requestQueue];
+      requestQueue = [];
+      const tiles = batch.map(({
+        key,
+        tile,
+        boundRange
+      }) => ({
+        key,
+        tile,
+        boundRange
+      }));
+      getTilesUrl(tiles, (values) => {
+        for (const value of values) {
+          const index = batch.findIndex((item) => item.key === value.key);
+          if (index !== -1) {
+            const tiles2 = batch[index];
+            loadImage(tiles2, value.img);
+            batch.splice(index, 1);
+          }
+        }
+        batch.forEach((tiles2) => {
+          tiles2.cb(null, tiles2.key);
+        });
+      });
+    };
+    const enqueue = (data) => {
+      const existing = requestQueue.find((item) => item.key === data.key);
+      if (existing) {
+        existing.cb(null, data.key);
+        existing.cb = data.cb;
+      } else {
+        requestQueue.push(data);
+      }
+      if (batchTimer) {
+        clearTimeout(batchTimer);
+      }
+      batchTimer = setTimeout(() => processBatch(), 50);
+    };
     const addTileLayer = () => {
       const {
+        getTileUrl,
         getTilesUrl
       } = props;
       if (!layer) return;
-      if (getTilesUrl) {
+      if (getTileUrl) {
         mapInstance().addTileLayer(layer);
         layer.loadRasterTileData = function(tileInfo, callback) {
           const key = this.getTileKey(tileInfo);
-          const handleImageLoad = (image) => {
-            image.tileInfo = tileInfo;
-            callback && callback(image, key);
-          };
-          const handleError = () => callback && callback(null, key);
-          const box = BMapGL.Projection.tileToBoundRange({
+          const boundRange = BMapGL.Projection.tileToBoundRange({
             col: tileInfo.col,
             row: tileInfo.row,
             baseTileSize: tileInfo.baseTileSize,
             zoom: tileInfo.zoom
           });
-          getTilesUrl({
+          getTileUrl({
             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";
-              image.onload = () => handleImageLoad(image);
-              image.onerror = handleError;
-              image.src = typeof img === "string" ? img : img.toDataURL();
-            } else if (img instanceof HTMLImageElement) {
-              handleImageLoad(img);
-            } else {
-              handleError();
-            }
+          }, boundRange, (img) => {
+            loadImage({
+              cb: callback,
+              boundRange,
+              key,
+              tileInfo
+            }, img);
+          });
+        };
+      } else if (getTilesUrl) {
+        mapInstance().addTileLayer(layer);
+        layer.loadRasterTileData = function(tileInfo, callback) {
+          const key = this.getTileKey(tileInfo);
+          const tile = {
+            x: tileInfo.col,
+            y: tileInfo.row,
+            z: tileInfo.zoom
+          };
+          const boundRange = BMapGL.Projection.tileToBoundRange({
+            col: tileInfo.col,
+            row: tileInfo.row,
+            baseTileSize: tileInfo.baseTileSize,
+            zoom: tileInfo.zoom
+          });
+          enqueue({
+            key,
+            tile,
+            boundRange,
+            cb: callback,
+            tileInfo
           });
         };
       } else {

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, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { tileLayerProps } from './tile-props'\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  props: tileLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let layer: BMapGL.TileLayer | null = null\r\n\r\n    const setZIndex = (zIndex?: number) => {\r\n      (layer as any)?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[] | string) => {\r\n      boundary ? (layer as any)?.addBoundary(boundary) : (layer as any)?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      (layer as any)?.setTop(zIndexTop)\r\n    }\r\n\r\n    const addTileLayer = () => {\r\n      const { getTilesUrl } = props\r\n      if (!layer)\r\n        return\r\n      if (getTilesUrl) {\r\n        mapInstance().addTileLayer(layer)\r\n        ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n          const key = this.getTileKey(tileInfo)\r\n\r\n          const handleImageLoad = (image: HTMLImageElement) => {\r\n            (image as any).tileInfo = tileInfo\r\n            callback && callback(image, key)\r\n          }\r\n\r\n          const handleError = () => callback && callback(null, key)\r\n\r\n          const box = (BMapGL as any).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          getTilesUrl({ x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }, box, (img) => {\r\n            if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n              const image = new Image()\r\n              image.crossOrigin = 'anonymous'\r\n\r\n              image.onload = () => handleImageLoad(image)\r\n              image.onerror = handleError\r\n\r\n              image.src = typeof img === 'string' ? img : img.toDataURL()\r\n            } else if (img instanceof HTMLImageElement) {\r\n              handleImageLoad(img)\r\n            } else {\r\n              handleError()\r\n            }\r\n          })\r\n        }\r\n      } else {\r\n        mapInstance().addTileLayer(layer)\r\n      }\r\n    }\r\n\r\n    const initLayerOptions = () => {\r\n      const { zIndex, boundary } = props\r\n      setBoundary(boundary)\r\n      setZIndex(zIndex)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n      watch(() => props.zIndexTop, setZIndexTop)\r\n      watch(() => props.visible, n => n ? addTileLayer() : mapInstance().removeTileLayer(layer!))\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, transform, png8, height, retry, retryTime, transparentPng, dataType, spanLevel, tileTypeName, cacheSize, customLayer, clipTile, isTop, opacity, isLowText, showRegion, useThumbData, tileUrlTemplate } = props\r\n      layer = new BMapGL.TileLayer({\r\n        transform,\r\n        png8,\r\n        height,\r\n        retry,\r\n        retryTime,\r\n        transparentPng,\r\n        dataType,\r\n        spanLevel,\r\n        tileTypeName,\r\n        cacheSize,\r\n        customLayer,\r\n        clipTile,\r\n        isTop,\r\n        opacity,\r\n        isLowText,\r\n        showRegion,\r\n        useThumbData,\r\n        tileUrlTemplate,\r\n      } as any)\r\n      initLayerOptions()\r\n      visible && addTileLayer()\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\r\n\r\n    onUnmounted(() => {\r\n      if (layer) {\r\n        mapInstance().removeTileLayer(layer)\r\n      }\r\n    })\r\n\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","props","tileLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","addBoundary","clearBoundary","setZIndexTop","zIndexTop","setTop","addTileLayer","getTilesUrl","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","box","BMapGL","Projection","tileToBoundRange","col","row","baseTileSize","zoom","x","y","z","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","initLayerOptions","startWatchProps","watch","visible","n","removeTileLayer","init","transform","png8","height","retry","retryTime","transparentPng","dataType","spanLevel","tileTypeName","cacheSize","customLayer","clipTile","isTop","opacity","isLowText","showRegion","useThumbData","tileUrlTemplate","TileLayer","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}
+{"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 type { Tiles } from './tile-props'\r\nimport { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { tileLayerProps } from './tile-props'\r\n\r\ninterface TileRequest extends Partial<Tiles> {\r\n  cb: any\r\n  tileInfo: any\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  props: tileLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let requestQueue: TileRequest[] = []\r\n\r\n    let batchTimer: number\r\n\r\n    let layer: BMapGL.TileLayer | null = null\r\n\r\n    const setZIndex = (zIndex?: number) => {\r\n      (layer as any)?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[] | string) => {\r\n      boundary ? (layer as any)?.addBoundary(boundary) : (layer as any)?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      (layer as any)?.setTop(zIndexTop)\r\n    }\r\n\r\n    const loadImage = (request: TileRequest, img?: string | HTMLImageElement | HTMLCanvasElement) => {\r\n      const handleLoad = (image: HTMLImageElement) => {\r\n        (image as any).tileInfo = request.tileInfo\r\n        request.cb(image, request.key)\r\n      }\r\n\r\n      const handleError = () => request.cb(null, request.key)\r\n\r\n      if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n        const image = new Image()\r\n        image.crossOrigin = 'anonymous'\r\n        image.onload = () => handleLoad(image)\r\n        image.onerror = handleError\r\n        image.src = typeof img === 'string' ? img : img.toDataURL()\r\n      } else if (img instanceof HTMLImageElement) {\r\n        handleLoad(img)\r\n      } else {\r\n        handleError()\r\n      }\r\n    }\r\n\r\n    const processBatch = () => {\r\n      if (requestQueue.length === 0)\r\n        return\r\n\r\n      const { getTilesUrl } = props\r\n\r\n      const batch = [...requestQueue]\r\n      requestQueue = []\r\n\r\n      const tiles = batch.map(({ key, tile, boundRange }) => ({ key, tile, boundRange }))\r\n      getTilesUrl!(tiles as any, (values) => {\r\n        for (const value of values) {\r\n          const index = batch.findIndex(item => item.key === value.key)\r\n          if (index !== -1) {\r\n            const tiles = batch[index]\r\n            loadImage(tiles, value.img)\r\n            batch.splice(index, 1)\r\n          }\r\n        }\r\n\r\n        batch.forEach((tiles) => {\r\n          tiles.cb(null, tiles.key)\r\n        })\r\n      })\r\n    }\r\n\r\n    const enqueue = (data: TileRequest) => {\r\n      const existing = requestQueue.find(item => item.key === data.key)\r\n      if (existing) {\r\n        existing.cb(null, data.key)\r\n        existing.cb = data.cb\r\n      } else {\r\n        requestQueue.push(data)\r\n      }\r\n\r\n      if (batchTimer) {\r\n        clearTimeout(batchTimer)\r\n      }\r\n      batchTimer = setTimeout(() => processBatch(), 50)\r\n    }\r\n\r\n    const addTileLayer = () => {\r\n      const { getTileUrl, getTilesUrl } = props\r\n      if (!layer)\r\n        return\r\n      if (getTileUrl) {\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 boundRange = (BMapGL as any).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          getTileUrl({ x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }, boundRange, (img) => {\r\n            loadImage({ cb: callback, boundRange, key, tileInfo }, img)\r\n          })\r\n        }\r\n      } else if (getTilesUrl) {\r\n        mapInstance().addTileLayer(layer)\r\n        ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n          const key = this.getTileKey(tileInfo)\r\n\r\n          const tile = { x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }\r\n          const boundRange = (BMapGL as any).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          enqueue({ key, tile, boundRange, cb: callback, tileInfo })\r\n        }\r\n      } else {\r\n        mapInstance().addTileLayer(layer)\r\n      }\r\n    }\r\n\r\n    const initLayerOptions = () => {\r\n      const { zIndex, boundary } = props\r\n      setBoundary(boundary)\r\n      setZIndex(zIndex)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n      watch(() => props.zIndexTop, setZIndexTop)\r\n      watch(() => props.visible, n => n ? addTileLayer() : mapInstance().removeTileLayer(layer!))\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, transform, png8, height, retry, retryTime, transparentPng, dataType, spanLevel, tileTypeName, cacheSize, customLayer, clipTile, isTop, opacity, isLowText, showRegion, useThumbData, tileUrlTemplate } = props\r\n      layer = new BMapGL.TileLayer({\r\n        transform,\r\n        png8,\r\n        height,\r\n        retry,\r\n        retryTime,\r\n        transparentPng,\r\n        dataType,\r\n        spanLevel,\r\n        tileTypeName,\r\n        cacheSize,\r\n        customLayer,\r\n        clipTile,\r\n        isTop,\r\n        opacity,\r\n        isLowText,\r\n        showRegion,\r\n        useThumbData,\r\n        tileUrlTemplate,\r\n      } as any)\r\n      initLayerOptions()\r\n      visible && addTileLayer()\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\r\n\r\n    onUnmounted(() => {\r\n      if (layer) {\r\n        mapInstance().removeTileLayer(layer)\r\n      }\r\n    })\r\n\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","props","tileLayerProps","setup","mapInstance","useMapInstance","requestQueue","batchTimer","layer","setZIndex","zIndex","setBoundary","boundary","addBoundary","clearBoundary","setZIndexTop","zIndexTop","setTop","loadImage","request","img","handleLoad","image","tileInfo","cb","key","handleError","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","processBatch","length","getTilesUrl","batch","tiles","map","tile","boundRange","values","value","index","findIndex","item","splice","forEach","enqueue","data","existing","find","push","clearTimeout","setTimeout","addTileLayer","getTileUrl","loadRasterTileData","callback","getTileKey","BMapGL","Projection","tileToBoundRange","col","row","baseTileSize","zoom","x","y","z","initLayerOptions","startWatchProps","watch","visible","n","removeTileLayer","init","transform","png8","height","retry","retryTime","transparentPng","dataType","spanLevel","tileTypeName","cacheSize","customLayer","clipTile","isTop","opacity","isLowText","showRegion","useThumbData","tileUrlTemplate","TileLayer","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}

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

@@ -107,12 +107,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: false;
     };
 }>> & Readonly<{}>, {
-    readonly minZoom: number;
-    readonly maxZoom: number;
     readonly visible: boolean;
     readonly useThumbData: boolean;
     readonly zIndex: number;
     readonly zIndexTop: boolean;
+    readonly minZoom: number;
+    readonly maxZoom: number;
     readonly extentCRSIsWGS84: boolean;
     readonly tms: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

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