微信小程序之获取用户位置权限（拒绝后提醒）

微信小程序获取用户当前位置有三个方式：

1. wx.getLocation（多与wx.openLocation一块儿用）
　　获取当前的精度、纬度、速度。不须要受权。当type设置为gcj02 返回可用于wx.openLocation的坐标
2. wx.chooseLocation
　　须要受权，打开地图选择位置

　　第一次调用方法时先出现

　　

　　容许权限以后以后再出现

　　

　　若是第一次就不容许，则一直调用wx.chooseLocation的fail方法

 3. wx.openLocation

　　须要受权，使用微信内置地图查看位置。多半用于查看起点到终点的路线怎么走

　　

 受权方法有三种：

1. wx.getSetting
　　获取用户的当前设置，返回值中只会出现小程序已经向用户请求过的权限，相似下面的样子

　　

2. wx.openSetting

　　调起权限设置选择界面，设置界面只会出现小程序已经向用户请求过的权限，相似下面的样子

　　

 3. wx.authorize

　　提早向用户发起受权请求。调用后会马上弹窗询问用户是否赞成受权小程序使用某项功能或获取用户的某些数据，但不会实际调用对应接口。若是用户以前已经赞成受权，则不会出现弹窗，直接返回成功。，相似下面的样子

　　

　　这就是wx.authorize出现的内容

 

问题来了：假如我第一次使用wx.chooseLocation（）获取权限被拒绝，而后使用wx.getSetting（）来从新获取权限该怎么作呢？

思路：wx.chooseLocation（）有fail方法，若是第一次拒绝以后，之后调用选择地图都是触发的这个，那么我能够在fail方法里面，使用wx.getSetting（），这样就每次都能判断是否已经给与了权限了。

第一步：因为有可能会屡次使用定位的方法，因此我把定位的方法写到App.js中，方便调用

App({
    //获取用户地理位置权限
    getPermission:function(obj){
      wx.chooseLocation({
        success: function (res) {    
            obj.setData({
                addr: res.address      //调用成功直接设置地址
            })                
        },
        fail:function(){
            wx.getSetting({
                success: function (res) {
                    var statu = res.authSetting;
                    if (!statu['scope.userLocation']) {
                        wx.showModal({
                            title: '是否受权当前位置',
                            content: '须要获取您的地理位置，请确认受权，不然地图功能将没法使用',
                            success: function (tip) {
                                if (tip.confirm) {
                                    wx.openSetting({
                                        success: function (data) {
                                            if (data.authSetting["scope.userLocation"] === true) {
                                                wx.showToast({
                                                    title: '受权成功',
                                                    icon: 'success',
                                                    duration: 1000
                                                })
                                                //受权成功以后，再调用chooseLocation选择地方
                                                wx.chooseLocation({
                                                    success: function(res) {
                                                        obj.setData({
                                                            addr: res.address
                                                        })
                                                    },
                                                })
                                            } else {
                                                wx.showToast({
                                                    title: '受权失败',
                                                    icon: 'success',
                                                    duration: 1000
                                                })
                                            }
                                        }
                                    })
                                }
                            }
                        })
                    }
                },
                fail: function (res) {
                    wx.showToast({
                        title: '调用受权窗口失败',
                        icon: 'success',
                        duration: 1000
                    })
                }
            })
        }
    })        
   },
})    

  第二步：在须要获取地址的页面中：

var app = getApp();
Page({
   data:{
        addr:'请选择位置'         
    },
    //选择获取地理位置
    getAddress:function(){
          var that=this;
      app.getPermission(that);    //传入that值能够在app.js页面直接设置内容    
    }, 
})

 最终效果图：

 最终在手机上获取到的位置误差不太大。

 

---

更新     wx.openSetting   的注意事项。

2.3.0 版本开始，用户发生点击行为后，才能够跳转打开设置页，管理受权信息

即2.3.0版本以后，我经过上面的wx.showModal的回调函数来调用wx.openSetting 会发生下面的错误：

openSetting:fail can only be invoked by user TAP gesture.

可是我测试 2.2.4 开始 到2.3.1 都会出现上面这种错误。

2.3.2及以上又不会出现这种问题。。。。。。。。

 

并且当我测试2.0.8 到  2.2.3  会出现下面的错误。。。。。。

其它的就没有这问题了。搞不懂。。。