然后注入依赖:
components: {
BaiduMap,
BmGeolocation,
BmScale
},
HTML代码,在需要引入百度地图的地方加入下面代码
<baidu-map style=" height: 600px;" :center=“map_center” :zoom=“my_zoom”
:scroll-wheel-zoom=“my_scroll_wheel_zoom”
class=“baidu-map-view”
@ready=“map_handler” ak=“分配给你的百度key”>
如果没有百度地图key就去申请一个,申请网址:http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey
如果需要对地图进行事件处理,必须要在ready事件之后,否者取不到BMap对象!
ready 是在地图组件渲染完毕时触发,返回一个百度地图的核心类和地图实例——{BMap, map}。百度地图组件是异步加载,不要在组件的生命周期中访问 BMap 核心类和 map 实例,如有需要,请在所需组件的 ready 事件回调函数的参数中获取。
看代码:
// 地图初始化回调
map_handler({ BMap, map }) {
this.BMap = BMap
this.map = map
},
其中,BMap是百度地图的对象,直接new出来