vue中获取获取当前城市地址_微信小程序获取当前位置和城市名

1， 获取当前地理位置，首先要拿到用户的授权wx.openSetting；

2，微信的getLocation接口，获取当前用户的地理位置(微信返回的是经纬度，速度等参数)；

3，微信没有将经纬度直接转换为地理位置，借用腾讯位置服务中关于微信小程序的地理转换JS SDK 的API(返回信息中包括国家，省，市，区，经纬度等地理位置)

步骤描述清楚以后，下面就开始按步骤操作了；(本文仅仅讲述如何获取用户地理位置的授权)

图示为获取用户地理位置授权弹窗

在用户首次进入某页面(需要地理位置授权)时候，在页面进行onLoad，onShow时候，进行调用wx.getLocation要求用户进行授权；以后每次进入该页面时，通过wx.getSetting接口，返回用户授权具体信息。

wx.getSetting接口具体API地址链接为点击打开链接

上图中scope.userLocation就是地理授权的标志；

当该标志是underfind，表示用户初次进入该页面，当该标志是false，表示用户初次进入该页面拒绝了地理授权，应进行重新要求获取授权。

wx.getSetting({

success: (res) => {

console.log(JSON.stringify(res))

// res.authSetting['scope.userLocation'] == undefined 表示 初始化进入该页面

// res.authSetting['scope.userLocation'] == false 表示 非初始化进入该页面,且未授权

// res.authSetting['scope.userLocation'] == true 表示 地理位置授权

if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {

wx.showModal({

title: '请求授权当前位置&#