@spuermomonga/vue3-bmapgl 0.0.8 → 0.0.10

package/dist/index.js

@@ -114,13 +114,6 @@
     }
   });
 
-  var tile = /* @__PURE__ */ vue.defineComponent({
-    name: "TileLayer",
-    setup() {
-      return () => vue.createVNode("div", null, [vue.createTextVNode("Tile")]);
-    }
-  });
-
   function useConfig(props = {}) {
     const BConfigProvider = vue.inject(configProviderInjectionKey, null);
     return {
@@ -158,15 +151,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
   };
@@ -338,6 +352,183 @@
     return BMap.mapInstance;
   }
 
+  const tileLayerProps = {
+    visible: {
+      type: Boolean,
+      default: true
+    },
+    transform: Object,
+    png8: Boolean,
+    height: Number,
+    retry: {
+      type: Boolean,
+      default: void 0
+    },
+    retryTime: Number,
+    transparentPng: {
+      type: Boolean,
+      default: true
+    },
+    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 tile = /* @__PURE__ */ vue.defineComponent({
+    name: "TileLayer",
+    props: tileLayerProps,
+    setup(props) {
+      const mapInstance = useMapInstance();
+      let layer = null;
+      const setZIndex = (zIndex) => {
+        layer?.setZIndex(zIndex);
+      };
+      const setBoundary = (boundary) => {
+        boundary ? layer?.addBoundary(boundary) : layer?.clearBoundary();
+      };
+      const setZIndexTop = (zIndexTop) => {
+        layer?.setTop(zIndexTop);
+      };
+      const addTileLayer = () => {
+        const {
+          getTilesUrl
+        } = props;
+        if (!layer) return;
+        if (getTilesUrl) {
+          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({
+              col: tileInfo.col,
+              row: tileInfo.row,
+              baseTileSize: tileInfo.baseTileSize,
+              zoom: tileInfo.zoom
+            });
+            getTilesUrl({
+              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();
+              }
+            });
+          };
+        } else {
+          mapInstance().addTileLayer(layer);
+        }
+      };
+      const initLayerOptions = () => {
+        const {
+          zIndex,
+          boundary
+        } = props;
+        setBoundary(boundary);
+        setZIndex(zIndex);
+      };
+      const startWatchProps = () => {
+        vue.watch(() => props.zIndex, setZIndex);
+        vue.watch(() => props.boundary, setBoundary);
+        vue.watch(() => props.zIndexTop, setZIndexTop);
+        vue.watch(() => props.visible, (n) => n ? addTileLayer() : mapInstance().removeTileLayer(layer));
+      };
+      const init = () => {
+        const {
+          visible,
+          transform,
+          png8,
+          height,
+          retry,
+          retryTime,
+          transparentPng,
+          dataType,
+          spanLevel,
+          tileTypeName,
+          cacheSize,
+          customLayer,
+          clipTile,
+          isTop,
+          opacity,
+          isLowText,
+          showRegion,
+          useThumbData,
+          tileUrlTemplate
+        } = props;
+        layer = new BMapGL.TileLayer({
+          transform,
+          png8,
+          height,
+          retry,
+          retryTime,
+          transparentPng,
+          dataType,
+          spanLevel,
+          tileTypeName,
+          cacheSize,
+          customLayer,
+          clipTile,
+          isTop,
+          opacity,
+          isLowText,
+          showRegion,
+          useThumbData,
+          tileUrlTemplate
+        });
+        initLayerOptions();
+        visible && addTileLayer();
+        startWatchProps();
+      };
+      init();
+      vue.onUnmounted(() => {
+        if (layer) {
+          mapInstance().removeTileLayer(layer);
+        }
+      });
+      return () => vue.createVNode(vue.Fragment, null, null);
+    }
+  });
+
   const xyzLayerProps = {
     visible: {
       type: Boolean,
@@ -461,7 +652,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";
@@ -649,6 +845,7 @@
   exports.mapInjectionKey = mapInjectionKey;
   exports.mapProps = mapProps;
   exports.polygonProps = polygonProps;
+  exports.tileLayerProps = tileLayerProps;
   exports.xyzLayerProps = xyzLayerProps;
 
 }));

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 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});

package/es/components.mjs

@@ -2,6 +2,7 @@ export { default as BConfigProvider } from './config-provider/src/config-provide
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderInjectionKey } from './config-provider/src/constants.mjs';
 export { default as BTileLayer } from './layer/tile/src/tile.mjs';
+export { tileLayerProps } from './layer/tile/src/tile-props.mjs';
 export { default as BXyzLayer } from './layer/xyz/src/xyz.mjs';
 export { xyzLayerProps } from './layer/xyz/src/xyz-props.mjs';
 export { mapInjectionKey } from './map/src/constants.mjs';

package/es/components.mjs.map

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

package/es/index.mjs

@@ -3,6 +3,7 @@ export { default as BConfigProvider } from './config-provider/src/config-provide
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderInjectionKey } from './config-provider/src/constants.mjs';
 export { default as BTileLayer } from './layer/tile/src/tile.mjs';
+export { tileLayerProps } from './layer/tile/src/tile-props.mjs';
 export { default as BXyzLayer } from './layer/xyz/src/xyz.mjs';
 export { xyzLayerProps } from './layer/xyz/src/xyz-props.mjs';
 export { mapInjectionKey } from './map/src/constants.mjs';

package/es/index.mjs.map

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

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

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

package/es/layer/tile/index.mjs

@@ -1,2 +1,3 @@
 export { default as BTileLayer } from './src/tile.mjs';
+export { tileLayerProps } from './src/tile-props.mjs';
 //# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,60 @@
+import type { PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+export type GetTilesUrlFn = (tile: {
+    x: number;
+    y: number;
+    z: number;
+}, boundRange: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+export declare const tileLayerProps: {
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: PropType<GetTilesUrlFn>;
+};
+export type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>;

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

@@ -0,0 +1,52 @@
+const tileLayerProps = {
+  visible: {
+    type: Boolean,
+    default: true
+  },
+  transform: Object,
+  png8: Boolean,
+  height: Number,
+  retry: {
+    type: Boolean,
+    default: void 0
+  },
+  retryTime: Number,
+  transparentPng: {
+    type: Boolean,
+    default: true
+  },
+  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
+};
+
+export { tileLayerProps };
+//# sourceMappingURL=tile-props.mjs.map

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

@@ -0,0 +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;;;;;"}

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

@@ -1,2 +1,118 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: import("vue").PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: import("vue").PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    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: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: import("vue").PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: import("vue").PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
+}>> & Readonly<{}>, {
+    readonly visible: boolean;
+    readonly png8: boolean;
+    readonly retry: boolean;
+    readonly transparentPng: boolean;
+    readonly spanLevel: number;
+    readonly cacheSize: number;
+    readonly customLayer: boolean;
+    readonly clipTile: boolean;
+    readonly isTop: boolean;
+    readonly opacity: number;
+    readonly isLowText: boolean;
+    readonly useThumbData: boolean;
+    readonly zIndexTop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;