安装 vue-baidu-map vue-jsonp
第一步
npm install vue-baidu-map --save
main.js
import BaiduMap from 'vue-baidu-map'
// 百度地图
Vue.use(BaiduMap, {
ak: '' // 自己的百度地图ak
})
第二步
<baidu-map class="map" :center="center" :zoom="zoom" @ready="handler">
<bm-map-type
:map-types="['BMAP_NORMAL_MAP', 'BMAP_HYBRID_MAP']"
anchor="BMAP_ANCHOR_TOP_LEFT"
></bm-map-type>
<bm-panorama></bm-panorama>
<bm-navigation anchor="BMAP_ANCHOR_BOTTOM_RIGHT"></bm-navigation>
<bm-marker
:position="center"
:dragging="true"
animation="BMAP_ANIMATION_BOU