UNPKG

@vuemap/vue-amap

Version:

高德地图vue3版本封装

73 lines (68 loc) 2.08 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var vue = require('vue'); require('../../../../mixins/index.js'); require('../../../../utils/index.js'); var buildHelper = require('../../../../utils/buildHelper.js'); var useRegister = require('../../../../mixins/useRegister.js'); var script = /* @__PURE__ */ vue.defineComponent({ ...{ name: "ElAmapLayerMapboxVectorTile", inheritAttrs: false }, __name: "MapboxVectorTileLayer", props: buildHelper.buildProps({ url: { type: String }, // MVT 数据的链接地址 zooms: { type: Array }, // 支持的缩放级别范围,默认范围 [2,22] dataZooms: { type: Array }, // 瓦片数据等级范围,超过范围会使用最大/最小等级的数据,默认 [2,18] opacity: { type: Number }, // 透明度,默认 1 styles: { type: Object } // 样式 }), emits: ["init"], setup(__props, { expose: __expose, emit: __emit }) { const emits = __emit; let $amapComponent; const { $$getInstance, parentInstance } = useRegister.useRegister((options, parentComponent) => { return new Promise((resolve) => { AMap.plugin(["AMap.MapboxVectorTileLayer"], () => { $amapComponent = new AMap.MapboxVectorTileLayer(options); parentComponent.addLayer($amapComponent); resolve($amapComponent); }); }); }, { emits, destroyComponent() { if ($amapComponent && (parentInstance == null ? void 0 : parentInstance.$amapComponent)) { if (!(parentInstance == null ? void 0 : parentInstance.isDestroy)) { parentInstance == null ? void 0 : parentInstance.$amapComponent.removeLayer($amapComponent); } $amapComponent = null; } } }); __expose({ $$getInstance }); return (_ctx, _cache) => { return vue.openBlock(), vue.createElementBlock("div"); }; } }); exports.default = script; //# sourceMappingURL=MapboxVectorTileLayer.vue2.js.map