@spuermomonga/vue3-bmapgl 0.0.4 → 0.0.6

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

@@ -0,0 +1,15 @@
+'use strict';
+
+const xyzLayerProps = {
+  visible: {
+    type: Boolean,
+    default: true
+  },
+  options: {
+    type: Object,
+    default: {}
+  }
+};
+
+exports.xyzLayerProps = xyzLayerProps;
+//# sourceMappingURL=xyz-props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xyz-props.js","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\n// type TemplateFn = (x: number, y: number, z: number) => number\r\n\r\nexport interface XyzLayerOptions extends BMapGL.XYZLayerOptions {\r\n  getTile?: (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n}\r\n\r\nexport const xyzLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  options: {\r\n    type: Object as PropType<XyzLayerOptions>,\r\n    default: {},\r\n  },\r\n} as const\r\n\r\nexport type XyzLayerProps = ExtractPublicPropTypes<typeof xyzLayerProps>\r\n"],"names":[],"mappings":";;AASO,MAAM,aAAA,GAAgB;AAAA,EAC3B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,SAAS;AAAA;;;;;"}

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

@@ -1,2 +1,23 @@
-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 options: {
+        readonly type: import("vue").PropType<import("./xyz-props").XyzLayerOptions>;
+        readonly default: {};
+    };
+}>, () => 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 options: {
+        readonly type: import("vue").PropType<import("./xyz-props").XyzLayerOptions>;
+        readonly default: {};
+    };
+}>> & Readonly<{}>, {
+    readonly visible: boolean;
+    readonly options: import("./xyz-props").XyzLayerOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,11 +1,69 @@
 'use strict';
 
 var vue = require('vue');
+var tslib_es6 = require('../../../node_modules/.pnpm/@rollup_plugin-typescript@1_b93953ac7ab797e62adf5212a782f0d9/node_modules/tslib/tslib.es6.js');
+var xyzProps = require('./xyz-props.js');
+var useMapInstance = require('../../../_mixins/use-map-instance.js');
 
 var xyz = /* @__PURE__ */ vue.defineComponent({
-  name: "XYZ",
-  setup() {
-    return () => vue.createVNode("div", null, [vue.createTextVNode("XYZ")]);
+  name: "XyzLayer",
+  props: xyzProps.xyzLayerProps,
+  setup(props) {
+    const mapInstance = useMapInstance();
+    let layer = null;
+    const addTileLayer = (layer2) => {
+      const {
+        getTile
+      } = props.options;
+      if (getTile) {
+        mapInstance().addTileLayer(layer2);
+        layer2.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);
+          getTile(tileInfo, (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(layer2);
+      }
+    };
+    const removeTileLayer = (layer2) => {
+      mapInstance().removeTileLayer(layer2);
+    };
+    const createLayer = () => {
+      if (layer) {
+        removeTileLayer(layer);
+      }
+      const _a = props.options, {
+        getTile
+      } = _a, retProps = tslib_es6.__rest(_a, ["getTile"]);
+      layer = new BMapGL.XYZLayer(retProps);
+      addTileLayer(layer);
+    };
+    props.visible && createLayer();
+    vue.watch(() => props.visible, (n) => layer && (n ? addTileLayer(layer) : removeTileLayer(layer)));
+    vue.watch(() => props.options, () => createLayer());
+    vue.onUnmounted(() => {
+      if (layer) {
+        mapInstance().removeTileLayer(layer);
+      }
+    });
+    return () => vue.createVNode(vue.Fragment, null, null);
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"xyz.js","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: 'XYZ',\r\n  setup() {\r\n    return () => <div>XYZ</div>\r\n  }\r\n})"],"names":["name","setup","_createVNode","_createTextVNode"],"mappings":";;;;AAEA,8CAA+B;AAAA,EAC7BA,IAAAA,EAAM,KAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,gBAAA,KAAA,EAAA,IAAA,EAAA,CAAAC,mBAAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}
+{"version":3,"file":"xyz.js","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz.tsx"],"sourcesContent":["import { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { xyzLayerProps } from './xyz-props'\r\n\r\nexport default defineComponent({\r\n  name: 'XyzLayer',\r\n  props: xyzLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let layer: BMapGL.XYZLayer | null = null\r\n\r\n    const addTileLayer = (layer: BMapGL.XYZLayer) => {\r\n      const { getTile } = props.options\r\n      if (getTile) {\r\n        mapInstance().addTileLayer(layer)\r\n        ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n          const key = this.getTileKey(tileInfo)\r\n\r\n          const handleImageLoad = (image: HTMLImageElement) => {\r\n            (image as any).tileInfo = tileInfo\r\n            callback && callback(image, key)\r\n          }\r\n\r\n          const handleError = () => callback && callback(null, key)\r\n\r\n          getTile(tileInfo, (img) => {\r\n            if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n              const image = new Image()\r\n              image.crossOrigin = 'anonymous'\r\n\r\n              image.onload = () => handleImageLoad(image)\r\n              image.onerror = handleError\r\n\r\n              image.src = typeof img === 'string' ? img : img.toDataURL()\r\n            } else if (img instanceof HTMLImageElement) {\r\n              handleImageLoad(img)\r\n            } else {\r\n              handleError()\r\n            }\r\n          })\r\n        }\r\n      } else {\r\n        mapInstance().addTileLayer(layer)\r\n      }\r\n    }\r\n\r\n    const removeTileLayer = (layer: BMapGL.XYZLayer) => {\r\n      mapInstance().removeTileLayer(layer)\r\n    }\r\n\r\n    const createLayer = () => {\r\n      if (layer) {\r\n        removeTileLayer(layer)\r\n      }\r\n      const { getTile, ...retProps } = props.options\r\n      layer = new BMapGL.XYZLayer(retProps)\r\n      addTileLayer(layer)\r\n    }\r\n\r\n    props.visible && createLayer()\r\n\r\n    watch(() => props.visible, n => layer && (n ? addTileLayer(layer) : removeTileLayer(layer)))\r\n    watch(() => props.options, () => createLayer())\r\n\r\n    onUnmounted(() => {\r\n      if (layer) {\r\n        mapInstance().removeTileLayer(layer)\r\n      }\r\n    })\r\n\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","props","xyzLayerProps","setup","mapInstance","useMapInstance","layer","addTileLayer","getTile","options","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","removeTileLayer","createLayer","_a","retProps","__rest","BMapGL","XYZLayer","visible","watch","n","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}

package/lib/map/index.d.ts

@@ -1,3 +1,4 @@
+export { mapInjectionKey } from './src/constants';
 export { default as BMap } from './src/map';
 export type { MapProps } from './src/map-props';
 export { mapProps } from './src/map-props';

package/lib/map/index.js

@@ -1,10 +1,12 @@
 'use strict';
 
+var constants = require('./src/constants.js');
 var map = require('./src/map.js');
 var mapProps = require('./src/map-props.js');
 
 
 
+exports.mapInjectionKey = constants.mapInjectionKey;
 exports.BMap = map;
 exports.mapProps = mapProps.mapProps;
 //# sourceMappingURL=index.js.map

package/lib/map/index.js.map

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

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

@@ -0,0 +1,3 @@
+import type { InjectionKey } from 'vue';
+import type { MapInjection } from './interface';
+export declare const mapInjectionKey: InjectionKey<MapInjection>;

package/lib/map/src/constants.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const mapInjectionKey = /* @__PURE__ */ Symbol("b-map");
+
+exports.mapInjectionKey = mapInjectionKey;
+//# sourceMappingURL=constants.js.map

package/lib/map/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/map/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/map/src/constants.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\r\nimport type { MapInjection } from './interface'\r\n\r\nexport const mapInjectionKey: InjectionKey<MapInjection> = Symbol('b-map')\r\n"],"names":[],"mappings":";;AAGO,MAAM,eAAA,0BAAqD,OAAO;;;;"}

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

@@ -0,0 +1,6 @@
+export type onInitd = (value: {
+    map: BMapGL.Map;
+}) => void;
+export interface MapInjection {
+    mapInstance: () => BMapGL.Map;
+}

package/lib/map/src/interface.js

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

package/lib/map/src/interface.js.map

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

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

@@ -1,5 +1,6 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { onInitd } from './interface';
 export declare const mapProps: {
     readonly maxZoom: {
         readonly type: NumberConstructor;
@@ -9,6 +10,10 @@ export declare const mapProps: {
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly heading: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly center: {
         readonly type: PropType<BMapGL.Point | string | [number, number]>;
         readonly default: readonly [116.403901, 39.915185];
@@ -18,9 +23,46 @@ export declare const mapProps: {
         readonly default: 14;
     };
     readonly class: StringConstructor;
+    readonly contentClass: StringConstructor;
     readonly enableScrollWheelZoom: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly tilt: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly mapType: {
+        readonly type: PropType<BMapGL.MapTypeId>;
+        readonly default: "BMAP_NORMAL_MAP";
+    };
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly displayOptions: {
+        readonly type: PropType<BMapGL.displayOptions>;
+    };
+    readonly onInitd: PropType<onInitd>;
 };
 export type MapProps = ExtractPublicPropTypes<typeof mapProps>;

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

@@ -9,6 +9,10 @@ const mapProps = {
     type: Number,
     default: 0
   },
+  heading: {
+    type: Number,
+    default: 0
+  },
   center: {
     type: Object,
     default: [116.403901, 39.915185]
@@ -18,10 +22,47 @@ const mapProps = {
     default: 14
   },
   class: String,
+  contentClass: String,
   enableScrollWheelZoom: {
     type: Boolean,
     default: false
-  }
+  },
+  enableDragging: {
+    type: Boolean,
+    default: true
+  },
+  tilt: {
+    type: Number,
+    default: 0
+  },
+  enableTilt: {
+    type: Boolean,
+    default: false
+  },
+  mapType: {
+    type: String,
+    default: "BMAP_NORMAL_MAP"
+  },
+  enableAutoResize: {
+    type: Boolean,
+    default: true
+  },
+  enableTiltGestures: {
+    type: Boolean,
+    default: false
+  },
+  enableRotate: {
+    type: Boolean,
+    default: false
+  },
+  enableRotateGestures: {
+    type: Boolean,
+    default: false
+  },
+  displayOptions: {
+    type: Object
+  },
+  onInitd: Function
 };
 
 exports.mapProps = mapProps;

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

@@ -1 +1 @@
-{"version":3,"file":"map-props.js","sources":["../../../src/map/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/map/src/map-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../_utils'\r\n\r\nexport const mapProps = {\r\n  maxZoom: {\r\n    type: Number,\r\n    default: 21,\r\n  },\r\n  minZoom: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  center: {\r\n    type: Object as PropType<BMapGL.Point | string | [number, number]>,\r\n    default: [116.403901, 39.915185],\r\n  },\r\n  zoom: {\r\n    type: Number,\r\n    default: 14,\r\n  },\r\n  class: String,\r\n  enableScrollWheelZoom: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const\r\n\r\nexport type MapProps = ExtractPublicPropTypes<typeof mapProps>\r\n"],"names":[],"mappings":";;AAGO,MAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,CAAC,UAAA,EAAY,SAAS;AAAA,GAChC;AAAA,EACD,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,MAAA;AAAA,EACP,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;;;;;"}
+{"version":3,"file":"map-props.js","sources":["../../../src/map/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/map/src/map-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../_utils'\r\nimport type { onInitd } from './interface'\r\n\r\nexport const mapProps = {\r\n  maxZoom: {\r\n    type: Number,\r\n    default: 21,\r\n  },\r\n  minZoom: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  heading: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  center: {\r\n    type: Object as PropType<BMapGL.Point | string | [number, number]>,\r\n    default: [116.403901, 39.915185],\r\n  },\r\n  zoom: {\r\n    type: Number,\r\n    default: 14,\r\n  },\r\n  class: String,\r\n  contentClass: String,\r\n  enableScrollWheelZoom: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  enableDragging: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  tilt: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  enableTilt: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  mapType: {\r\n    type: String as PropType<BMapGL.MapTypeId>,\r\n    default: 'BMAP_NORMAL_MAP',\r\n  },\r\n  enableAutoResize: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  enableTiltGestures: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  enableRotate: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  enableRotateGestures: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  displayOptions: {\r\n    type: Object as PropType<BMapGL.displayOptions>,\r\n  },\r\n  onInitd: Function as PropType<onInitd>,\r\n} as const\r\n\r\nexport type MapProps = ExtractPublicPropTypes<typeof mapProps>\r\n"],"names":[],"mappings":";;AAIO,MAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,CAAC,UAAA,EAAY,SAAS;AAAA,GAChC;AAAA,EACD,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,MAAA;AAAA,EACP,YAAA,EAAc,MAAA;AAAA,EACd,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,oBAAA,EAAsB;AAAA,IACpB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM;AAAA,GACP;AAAA,EACD,OAAA,EAAS;;;;;"}

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

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly heading: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly center: {
         readonly type: import("vue").PropType<BMapGL.Point | string | [number, number]>;
         readonly default: readonly [116.403901, 39.915185];
@@ -22,10 +26,47 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 14;
     };
     readonly class: StringConstructor;
+    readonly contentClass: StringConstructor;
     readonly enableScrollWheelZoom: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly tilt: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly mapType: {
+        readonly type: import("vue").PropType<BMapGL.MapTypeId>;
+        readonly default: "BMAP_NORMAL_MAP";
+    };
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly displayOptions: {
+        readonly type: import("vue").PropType<BMapGL.displayOptions>;
+    };
+    readonly onInitd: import("vue").PropType<import("./interface").onInitd>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly maxZoom: {
         readonly type: NumberConstructor;
@@ -35,6 +76,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly heading: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly center: {
         readonly type: import("vue").PropType<BMapGL.Point | string | [number, number]>;
         readonly default: readonly [116.403901, 39.915185];
@@ -44,15 +89,61 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 14;
     };
     readonly class: StringConstructor;
+    readonly contentClass: StringConstructor;
     readonly enableScrollWheelZoom: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly enableDragging: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly tilt: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly enableTilt: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly mapType: {
+        readonly type: import("vue").PropType<BMapGL.MapTypeId>;
+        readonly default: "BMAP_NORMAL_MAP";
+    };
+    readonly enableAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly enableTiltGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly enableRotate: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly enableRotateGestures: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly displayOptions: {
+        readonly type: import("vue").PropType<BMapGL.displayOptions>;
+    };
+    readonly onInitd: import("vue").PropType<import("./interface").onInitd>;
 }>> & Readonly<{}>, {
     readonly zoom: number;
     readonly center: string | BMapGL.Point | [number, number];
+    readonly heading: number;
     readonly minZoom: number;
     readonly maxZoom: number;
     readonly enableScrollWheelZoom: boolean;
+    readonly enableDragging: boolean;
+    readonly tilt: number;
+    readonly enableTilt: boolean;
+    readonly mapType: string;
+    readonly enableAutoResize: boolean;
+    readonly enableTiltGestures: boolean;
+    readonly enableRotate: boolean;
+    readonly enableRotateGestures: boolean;
 }, SlotsType<MapSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/map/src/map.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var constants = require('./constants.js');
 var mapProps = require('./map-props.js');
 var map_module = require('./style/map.module.css.js');
 var useConfig = require('../../_mixins/use-config.js');
@@ -19,50 +20,106 @@ var map = /* @__PURE__ */ vue.defineComponent({
     } = useConfig(props);
     const contentRef = vue.ref();
     let map = null;
+    const initd = vue.ref(false);
+    vue.provide(constants.mapInjectionKey, {
+      mapInstance: () => map
+    });
     const setCenterAndZoom = (center) => {
       if (typeof center === "string") {
-        map.centerAndZoom(center, mergedMapSetRef.value.zoom);
+        map === null || map === void 0 ? void 0 : map.centerAndZoom(center, mergedMapSetRef.value.zoom);
       } else if (Array.isArray(center)) {
-        map.centerAndZoom(new BMapGL.Point(center[0], center[1]), mergedMapSetRef.value.zoom);
+        map === null || map === void 0 ? void 0 : map.centerAndZoom(new BMapGL.Point(center[0], center[1]), mergedMapSetRef.value.zoom);
       } else {
-        map.centerAndZoom(new BMapGL.Point(center.lng, center.lat), mergedMapSetRef.value.zoom);
+        map === null || map === void 0 ? void 0 : map.centerAndZoom(center, mergedMapSetRef.value.zoom);
       }
     };
     const setScrollWheelZoom = (enableScrollWheelZoom) => {
       enableScrollWheelZoom ? map.enableScrollWheelZoom() : map.disableScrollWheelZoom();
     };
-    const init = () => {
+    const setDisplayOptions = (displayOptions) => {
+      map === null || map === void 0 ? void 0 : map.setDisplayOptions(displayOptions || {});
+    };
+    const setTilt = (tilt) => {
+      map === null || map === void 0 ? void 0 : map.setTilt(tilt !== null && tilt !== void 0 ? tilt : 0);
+    };
+    const setHeading = (heading) => {
+      map === null || map === void 0 ? void 0 : map.setHeading(heading !== null && heading !== void 0 ? heading : 0);
+    };
+    const setDragging = (enableDragging) => {
+      enableDragging ? map.enableDragging() : map.disableDragging();
+    };
+    const setMapType = (mapType) => {
+      window[mapType] !== void 0 && map.setMapType(window[mapType]);
+    };
+    const initMapOptions = () => {
       const {
         center,
-        maxZoom,
-        minZoom,
-        enableScrollWheelZoom
+        heading,
+        enableScrollWheelZoom,
+        tilt,
+        enableDragging
       } = mergedMapSetRef.value;
-      map = new BMapGL.Map(contentRef.value, {
-        maxZoom,
-        minZoom
-      });
+      setHeading(heading);
       setCenterAndZoom(center);
       setScrollWheelZoom(enableScrollWheelZoom);
+      setTilt(tilt);
+      setDragging(enableDragging);
     };
     const startWatchProps = () => {
       vue.watch(() => mergedMapSetRef.value.center, setCenterAndZoom, {
         deep: true
       });
       vue.watch(() => mergedMapSetRef.value.enableScrollWheelZoom, setScrollWheelZoom);
+      vue.watch(() => mergedMapSetRef.value.displayOptions, setDisplayOptions);
+      vue.watch(() => mergedMapSetRef.value.tilt, setTilt);
+      vue.watch(() => mergedMapSetRef.value.heading, setHeading);
+      vue.watch(() => mergedMapSetRef.value.enableDragging, setDragging);
+      vue.watch(() => mergedMapSetRef.value.mapType, setMapType);
     };
-    vue.watch(() => mergedStatusRef === null || mergedStatusRef === void 0 ? void 0 : mergedStatusRef.value, (value) => {
-      if (value === "loaded" && !map) {
-        vue.nextTick(init);
-        startWatchProps();
-      }
-    }, {
-      immediate: true
+    const init = () => {
+      const {
+        maxZoom,
+        minZoom,
+        enableTilt,
+        mapType,
+        enableAutoResize,
+        enableTiltGestures,
+        enableRotate,
+        enableRotateGestures,
+        displayOptions
+      } = mergedMapSetRef.value;
+      map = new BMapGL.Map(contentRef.value, {
+        maxZoom,
+        minZoom,
+        enableTilt,
+        mapType: window[mapType],
+        enableAutoResize,
+        enableTiltGestures,
+        enableRotate,
+        enableRotateGestures,
+        displayOptions
+      });
+      const {
+        onInitd
+      } = props;
+      initMapOptions();
+      startWatchProps();
+      onInitd === null || onInitd === void 0 ? void 0 : onInitd({
+        map
+      });
+      initd.value = true;
+    };
+    vue.onMounted(() => {
+      vue.watchEffect(() => {
+        if ((mergedStatusRef === null || mergedStatusRef === void 0 ? void 0 : mergedStatusRef.value) === "loaded" && !initd.value) {
+          vue.nextTick(init);
+        }
+      });
     });
     vue.onUnmounted(() => {
       if (map) {
         try {
-          map.destroy();
+          map === null || map === void 0 ? void 0 : map.destroy();
         } catch (error) {
           console.error(`[Vue3 BMapGL]: ${error.message}`);
         }
@@ -71,13 +128,15 @@ var map = /* @__PURE__ */ vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
+        "class": [[map_module["b-map"]], props.class]
+      }, [vue.createVNode("div", {
         "ref": contentRef,
-        "class": [map_module["b-map-content"], props.class]
+        "class": [map_module["b-map-content"], props.contentClass]
       }, [(mergedStatusRef === null || mergedStatusRef === void 0 ? void 0 : mergedStatusRef.value) === "pending" && resolveSlot.resolveWrappedSlot(slots.loading, () => vue.createVNode("div", {
         "class": [map_module["b-map-loading"]]
       }, [vue.createTextVNode("map loading...")])), (mergedStatusRef === null || mergedStatusRef === void 0 ? void 0 : mergedStatusRef.value) === "failed" && resolveSlot.resolveWrappedSlot(slots.failed, () => vue.createVNode("div", {
         "class": [map_module["b-map-failed"]]
-      }, [vue.createTextVNode("map failed")])), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]);
+      }, [vue.createTextVNode("map failed")]))]), initd.value && ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))]);
     };
   }
 });