第一种
全局引入
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>
第三步: 找到包依赖中的vue-baidu-map->components->map->map.vue