1、vue引入百度地图
npm install vue-baidu-map --save
在main.js中全局注册,一次性引入百度地图组件库的所有组件。
import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: 'YOUR_APP_KEY'
})
获取当前地址方法: getlocation() { let me = this new BMap.LocalCity().get(function(r) { //定位城市 alert('当前定位城市:' + r.name) if (r.name !== '') { me.form.location = r.name.replace(/市/g, '').replace(/区/g, '').replace(/县/g, '') } }) },
主要是new BMap.LocalCity().get(function(r)这个方法。
获取当前位置经纬度,街道信息
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function (r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
var position = {
lng: r.point.lng,
lat: r.point.lat
}
console.log('---------', r)//打印r,从r中取所需信息
alert('您的位置:' + r.point.lng + ',' + r.point.lat);
}
})