vue 项目 引入百度地图

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> 

效果如图：