vue3集成百度地图

要在Vue3中集成百度地图，可以使用Vue Baidu Map插件。以下是实现此功能的步骤：

1. 安装Vue Baidu Map插件：在终端中运行以下命令：`npm install vue-baidu-map --save`

2. 在main.js文件中导入Vue Baidu Map插件并注册：

import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {
  /* 这里是您申请的百度地图AK */
  ak: '您的AK'
})

3. 在组件中使用Vue Baidu Map插件：

<template>
  <div>
    <baidu-map class="map" :center="center" :zoom="zoom">
      <bm-marker :position="center"></bm-marker>
    </baidu-map>
  </div>
</template>

<script>
export default {
  data() {
    return {
      center: {lng: 116.404, lat: 39.915},
      zoom: 15
    }
  }
}
</script>

<style>
.map {
  height: 400px;
}
</style>

以上代码将在页面上显示一个百度地图，并在地图中心添加一个标记。