vue3引入百度地图API组件的办法：

第一种

全局引入

VueCli3引入百度地图Api详细步骤+宽高自动页面自适应（踩坑+源代码）_BBBling的博客-CSDN博客

第二种

 组件化引入：

                第一步 安装百度地图依赖包     

                             npm i vue-baidu-map --save

                第二步  在需要写的组件写入

<template>
   <baidu-map class="bm-view" ak="GGXrow2p8VuA8ScGdAgrA5z8NdfiVvBs" center="大同">
  </baidu-map>
</template>

<script>
import BaiduMap from 'vue-baidu-map/components/map/Map.vue'
export default {
  name: 'Index',
		components: {
      BaiduMap
		}
}
</script>

<style>
.bm-view {
  width: 100%;
  height: 500px;
}
</style>