Vue3怎么使用百度地图

要在Vue3中使用百度地图，你需要按照以下步骤进行操作：

1. 在 `index.html` 文件中引入百度地图的 JavaScript API：

   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_app_key"></script>

其中 `your_app_key` 需要替换成你自己的百度地图应用密钥。

2. 在 Vue3 的组件中，使用 `mounted` 钩子函数初始化地图：

   mounted() {
     this.initMap();
   },
   methods: {
     initMap() {
       // 创建地图实例
       const map = new BMap.Map("map-container");
       // 初始化地图，设置中心点坐标和地图级别
       map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
       // 添加地图控件
       map.addControl(new BMap.NavigationControl());
     },
   },

在上面的代码中，`map-container` 是一个用于显示地图的元素的 ID，你需要在组件的模板中添加这个元素。

3. 在模板中添加显示地图的元素：

   <template>
     <div>
       <div id="map-container" style="height: 400px;"></div>
     </div>
   </template>

在上面的代码中，`map-container` 就是用于显示地图的元素的 ID。

这样你就可以在 Vue3 中使用百度地图了。当然，你也可以根据自己的需求对地图进行更多的操作，比如添加标注、绘制图形等等。