百度地图定位当前城市名称、经纬度等信息

Humor_L

已于 2023-03-11 16:45:19 修改

阅读量1.1k

点赞数

文章标签： java 开发语言

于 2022-10-12 15:21:21 首次发布

本文链接：https://blog.csdn.net/Humor_L/article/details/127283597

版权

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);
                    }
                })