1、vue引入百度地图
npm install vue-baidu-map --save
在main.js中全局注册,一次性引入百度地图组件库的所有组件。
import Vue from 'vue'import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, {// ak 是在百度地图开发者平台申请的密钥 详见 /apiconsole/key */ak: 'YOUR_APP_KEY'})
获取当前地址方法:getlocation() {let me = thisnew 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);}})