微信小程序之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框点击取消则关闭，若点击确定则打开手机的地址授权设置，如图

 

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

 

posted on 2018-04-03 11:15 WFaceBoss 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/wfaceboss/p/8707330.html