Vue3 中使用 vue-baidu-map-3x 获取地图实例 - 示例教程

"在 Vue3 中，可以通过 ref 属性来获取地图实例。\n下面是一个获取地图实例的示例代码：\n\nvue\n<template>\n <div>\n <vue-baidu-map ref=\"map\" :ak=\"yourBaiduMapAK\">\n </vue-baidu-map>\n </div>\n</template>\n\n<script>\nimport VueBaiduMap from 'vue-baidu-map-3x';\n\nexport default {\n components: {\n VueBaiduMap,\n },\n mounted() {\n // 获取地图实例\n const mapInstance = this.$refs.map.mapInstance;\n console.log(mapInstance);\n },\n data() {\n return {\n yourBaiduMapAK: 'yourBaiduMapAK',\n };\n },\n};\n</script>\n\n\n首先，需要引入 vue-baidu-map-3x 组件，并在 components 中注册。\n\n然后，在 mounted 生命周期钩子中，通过 this.$refs.map.mapInstance 获取地图实例，并进行操作。\n\n请确保在 VueBaiduMap 组件上添加了 ref 属性，这样才能通过 this.$refs.map 来获取地图实例。另外，需要将 yourBaiduMapAK 替换为你自己的百度地图 AK。