方式一
1 申請百度地圖密鑰,引入地圖數據
2 在page中引入地圖數據腳本
3 在webpack中配置地圖數據腳本的基本信息,封裝為對象結構---地圖對象
4 在項目引入地圖對象
方式二
- npm i vue-baidu-map --save
- 設置為 全局組件 或者 局部組件,
- 注意設置ak屬性
- Vue.use(BaiduMap, {
ak: '你的ak'
});
組件中使用
- <baidu-map class="bm-view" :center="center" :zoom="zoom" @ready="handler">
- baidu-map 是地圖顯示的 容器
- 必須設置寬高
- center, zoom ready是組件內的內部屬性,