最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

微信小程序位置授权处理方法

来源:懂视网 责编:小采 时间:2020-11-27 21:55:19
文档

微信小程序位置授权处理方法

微信小程序位置授权处理方法:这两天在做小程序调取地图的时候遇到一个问题,如果用户第一次拒绝了位置权限请求。那么就不会再次唤起授权弹出。需要我们引导用户去开启。 具体做法如下。 在 aap.json中加入授权配置 permission: { scope.userLocation: { desc:
推荐度:
导读微信小程序位置授权处理方法:这两天在做小程序调取地图的时候遇到一个问题,如果用户第一次拒绝了位置权限请求。那么就不会再次唤起授权弹出。需要我们引导用户去开启。 具体做法如下。 在 aap.json中加入授权配置 permission: { scope.userLocation: { desc:

这两天在做小程序调取地图的时候遇到一个问题,如果用户第一次拒绝了位置权限请求。那么就不会再次唤起授权弹出。需要我们引导用户去开启。

具体做法如下。 在 aap.json中加入授权配置

"permission": {
 "scope.userLocation": {
 "desc": "你的位置信息将用于小程序位置接口的效果展示"
 }
 }

在 page页面中使用,需要有几个注意的地方,初次使用的时候,去申请权限。这里我是放在onShow 方法里面。

 onShow: function () {
 //初始获取定位权限
 wx.authorize({
 scope: 'scope.userLocation',
 success: (res) => {

 },
 })
 },

然后在调用地图地位。或者获取用户权限的函数去判断是否有定位权限,如果没有那么引导用户开启权限。 如下:我有一个Input去触发选择地图事件。

<input bindfocus="openMap" value='{{address}}' placeholder="点击选择详细地址"></input>

事件处理

 openMap:function(e){
 var that = this
 wx.getSetting({
 success(res){
 //这里判断是否有地位权限
 if (!res.authSetting['scope.userLocation']) {
 wx.showModal({
 title: '提示',
 content: '请求获取位置权限',
 success:function(res){
 if(res.confirm==false){
 return false;
 }
 wx.openSetting({
 success(res) {
 //如果再次拒绝则返回页面并提示
 if (!res.authSetting['scope.userLocation']) {
 wx.showToast({
 title: '此功能需获取位置信息,请重新设置',
 duration: 3000,
 icon: 'none'
 })
 } else {
 //允许授权,调用地图
 that.chooseMap()
 }
 }
 })
 }
 }) 
 } else {
 //如果有定位权限,调用地图
 that.chooseMap()
 }

 }

 })
 },

 chooseMap(){
 var that = this
 wx.chooseLocation({
 success: function (res) {
 that.setData({
 address: res.address,
 latitude: res.latitude,
 longitude: res.longitude
 })
 },
 fail: function (res) {
 console.log(res)
 }
 })
 },

总结

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

微信小程序位置授权处理方法

微信小程序位置授权处理方法:这两天在做小程序调取地图的时候遇到一个问题,如果用户第一次拒绝了位置权限请求。那么就不会再次唤起授权弹出。需要我们引导用户去开启。 具体做法如下。 在 aap.json中加入授权配置 permission: { scope.userLocation: { desc:
推荐度:
标签: 微信 位置 小程序
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top