vue-baidu-map-3x vue3中获取地图实例

在Vue3中，可以通过ref属性来获取地图实例。下面是一个获取地图实例的示例代码：

<template>
  <div>
    <vue-baidu-map ref="map" :ak="yourBaiduMapAK"></vue-baidu-map>
  </div>
</template>

<script>
import VueBaiduMap from 'vue-baidu-map-3x';

export default {
  components: {
    VueBaiduMap,
  },
  mounted() {
    // 获取地图实例
    const mapInstance = this.$refs.map.mapInstance;
    console.log(mapInstance);
  },
  data() {
    return {
      yourBaiduMapAK: 'yourBaiduMapAK',
    };
  },
};
</script>

首先，需要引入vue-baidu-map-3x组件，并在components中注册。

然后，在mounted生命周期钩子中，通过this.$refs.map.mapInstance获取地图实例，并进行操作。

请确保在VueBaiduMap组件上添加了ref属性，这样才能通过this.$refs.map来获取地图实例。另外，需要将yourBaiduMapAK替换为你自己的百度地图AK