千家信息网

微信小程序出现wx.getLocation再次授权怎么解决

发表于:2025-01-24 作者:千家信息网编辑
千家信息网最后更新 2025年01月24日,本篇内容主要讲解"微信小程序出现wx.getLocation再次授权怎么解决",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"微信小程序出现wx.getLoc
千家信息网最后更新 2025年01月24日微信小程序出现wx.getLocation再次授权怎么解决

本篇内容主要讲解"微信小程序出现wx.getLocation再次授权怎么解决",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"微信小程序出现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框点击取消则关闭,若点击确定则打开手机的地址授权设置,如图

最后,若直接点击左上方的返回箭头则取消授权,若先选中地理位置按钮,然后在点击左上方的返回箭头则授权成功,如图

到此,相信大家对"微信小程序出现wx.getLocation再次授权怎么解决"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

0