1.安装百度地图依赖包
npm i vue-baidu-map --save
2.在src/main.js导入依赖包
import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap, { ak: 'YOUR_APP_KEY' //这个地方是官方提供的ak** })
3.配置地图的基本信息,在我们需要的组件中引用
<div class="baidumap" id="allmap"></div>
效果如图:
可在没有外网的环境下使用,无需联网,方便快捷