老规矩，先看效果图
授权.gif
一，我们使用位置信息，就需要授权
//校验位置权限是否打开 checkLocation() { let that = this; //选择位置，需要用户授权 wx.getSetting({ success(res) { if (!res.authSetting['scope.userLocation']) { wx.authorize({ scope: 'scope.userLocation', success() { wx.showToast({ //这里提示失败原因 title: '授权成功！', duration: 1500 }) }, fail() { that.showSettingToast('需要授权位置信息'); } }) } } }) },
弹窗.png
首先检验用户是否授权位置信息的权限“scope.userLocation”，如果有授权，我们就可以直接去获取用户的位置经纬度了。如果没有授权，我们就弹窗引导用户去设置页。去设置页的方法如下
// 打开权限设置页提示框 showSettingToast: function (e) { wx.showModal({ title: '提示！', confirmText: '去设置', showCancel: false, content: e, success: function (res) { if (res.confirm) { wx.navigateTo({ url: '../setting/setting', }) } } }) },
弹窗引导用户去设置页
由于去设置页，需要用户手动触发，这里我们就用一个setting.wxml页作为过过渡页。
过渡页
我们这个过渡页的按钮，用户点击后就会去真正的授权页了。
授权页
当用户开启地理位置授权后。我们再点击获取位置，就可以获取到用户当前的经纬度了。
获取到了经纬度
完整代码如下
//index.jsPage({ getLocation() { this.checkLocation(); let that = this; wx.chooseLocation({ success: function(res) { var latitude = res.latitude var longitude = res.longitude; that.setData({ address: "经纬度：" + longitude + ", " + latitude, }) } }); }, //校验位置权限是否打开 checkLocation() { let that = this; //选择位置，需要用户授权 wx.getSetting({ success(res) { if (!res.authSetting['scope.userLocation']) { wx.authorize({ scope: 'scope.userLocation', success() { wx.showToast({ //这里提示失败原因 title: '授权成功！', duration: 1500 }) }, fail() { that.showSettingToast('需要授权位置信息'); } }) } } }) }, // 打开权限设置页提示框 showSettingToast: function (e) { wx.showModal({ title: '提示！', confirmText: '去设置', showCancel: false, content: e, success: function (res) { if (res.confirm) { wx.navigateTo({ url: '../setting/setting', }) } } }) }, })
到此我们就实现了小程序引导授权的全部功能，并且可以获取到用户的位置经纬度了。是不是很简单。
