baidumap vue 判断范围_百度地图 vue-baidu-map

//main.js

import BaiduMap from 'common/components/vue-baidu-map'

Vue.use(BaiduMap, {

// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */

ak: 'CpmeIdqjNe7lNu74ZGEv6UO2IGQrVcqT'

});

//页面vue

@ready="handler" class="map"

v-if="refresh" :ak="ak"

/>

//centers:视角中心点

//zoom:视角范围大小

//@ready：地图加载完成回调函数

//class="map"： 需要设置height值

//refresh： 用于强制刷新地图

//ak：页面ak,如全局ak已写，则此处可不需要这个属性

//地图回调

handler({BMap, map}) {

let vm = this;

vm.BMap = BMap;

vm.map = map;

......

// 添加鼠标滚动缩放

map.enableScrollWheelZoom();

//添加比例尺控件

map.addControl(new BMap.ScaleControl());

//添加地图类型控件