微信小程序出现wx.getLocation再次授权问题的解决方法分析
程序员文章站
2023-11-24 12:25:22
本文实例讲述了微信小程序出现wx.getlocation再次授权问题的解决方法。分享给大家供大家参考,具体如下:
首先,在page外定义一个公共函数用于发送获取位置的请求...
本文实例讲述了微信小程序出现wx.getlocation再次授权问题的解决方法。分享给大家供大家参考,具体如下:
首先,在page外定义一个公共函数用于发送获取位置的请求
var getlocation = function (that) { wx.getlocation({ type: 'wgs84', success: function (res) { // 经纬度 var latitude = res.latitude var longitude = res.longitude var ak = that.data.ak wx.request({ url: 'https://api.map.baidu.com/geocoder/v2/?ak=' + ak + '&location=' + latitude + ',' + longitude + '&output=json', data: {}, header: { 'content-type': 'application/json' }, success: function (res) { var city = res.data.result.addresscomponent.city; that.setdata({ currentcity: city }) wx.request({ url: 'xxx' + city, data: {}, header: { 'content-type': 'application/json' }, success: function (res) { that.setdata({ county: res.data, }) }, }) } }) }, fail: function () { wx.showtoast({ title: '授权失败', icon: 'success', duration: 1000 }) } }) }
然后,在page中需要位置调用page外部的getlocation
函数
wx.getsetting({ success: (res) => { if (res.authsetting['scope.userlocation'] != undefined && res.authsetting['scope.userlocation'] != true) {//非初始化进入该页面,且未授权 wx.showmodal({ title: '是否授权当前位置', content: '需要获取您的地理位置,请确认授权,否则无法获取您所需数据', success: function (res) { if (res.cancel) { that.setdata({ isshowcity: false }) wx.showtoast({ title: '授权失败', icon: 'success', duration: 1000 }) } else if (res.confirm) { wx.opensetting({ success: function (dataau) { if (dataau.authsetting["scope.userlocation"] == true) { wx.showtoast({ title: '授权成功', icon: 'success', duration: 1000 }) //再次授权,调用getlocationt的api getlocation(that); } else { wx.showtoast({ title: '授权失败', icon: 'success', duration: 1000 }) } } }) } } }) } else if (res.authsetting['scope.userlocation'] == undefined) {//初始化进入 getlocation(that); } else { //授权后默认加载 getlocation(that); } } })
上述过程执行顺序为:
1.先加载wx.getlocation
弹出自己的授权框,如图
然后,点击确定即可授权,若点击取消则取消授权,当再次需要授权时,会调用我们自定义的modal框,如图
其次,针对上述的modal框点击取消则关闭,若点击确定则打开手机的地址授权设置,如图
最后,若直接点击左上方的返回箭头则取消授权,若先选中地理位置按钮,然后在点击左上方的返回箭头则授权成功,如图
希望本文所述对大家微信小程序开发有所帮助。