vue+vue-baidu-map

本篇博客主要写一下百度地图插件
1.安装插件

yarn add vue-baidu-map

2.main.js中注册

import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
  ak: 申请的百度地图ak
})

3.在需要百度地图的页面使用

<baidu-map></baidu-map>

仅仅引入标签，百度地图并不会展示在页面，需要设置中心点等基础属性，如

      <baidu-map class="map" :center="{lng: 119.222119, lat: 36.717958}" :zoom="12" :scroll-wheel-zoom="true"
                 @ready="handler" @click="getClickInfo" :min-zoom="11" :max-zoom="18" :continuous-zoom="true">
      </baidu-map>

其余的可参考api
https://dafrok.github.io/vue-baidu-map/#/zh/map/baidu-map