欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

微信小程序出现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弹出自己的授权框,如图

微信小程序出现wx.getLocation再次授权问题的解决方法分析

然后,点击确定即可授权,若点击取消则取消授权,当再次需要授权时,会调用我们自定义的modal框,如图

微信小程序出现wx.getLocation再次授权问题的解决方法分析

其次,针对上述的modal框点击取消则关闭,若点击确定则打开手机的地址授权设置,如图

微信小程序出现wx.getLocation再次授权问题的解决方法分析

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

微信小程序出现wx.getLocation再次授权问题的解决方法分析

希望本文所述对大家微信小程序开发有所帮助。