方式一
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是组件内的内部属性,