微信小程序位置授权处理方法
网络编程 2021-07-04 15:51www.168986.cn编程入门
这篇文章主要给大家介绍了关于微信小程序位置授权处理的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们狼蚁网站SEO优化来一起学习学习吧
这两天在做小程序调取地图的时候遇到一个问题,如果用户第一次拒绝了位置权限请求。那么就不会唤起授权弹出。需要我们引导用户去开启。
具体做法如下。 在 aap.json中加入授权配置
"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }
在 page页面中使用,需要有几个注意的地方,初次使用的时候,去申请权限。这里我是放在onShow 方法里面。
onShow: function () { //初始获取定位权限 wx.authorize({ scope: 'scope.userLocation', suess: (res) => { }, }) },
然后在调用地图地位。或者获取用户权限的函数去判断是否有定位权限,如果没有那么引导用户开启权限。 如下我有一个Input去触发选择地图事件。
<input bindfocus="openMap" value='{{address}}' placeholder="点击选择详细地址"></input>
事件处理
openMap:function(e){ var that = this wx.getSetting({ suess(res){ //这里判断是否有地位权限 if (!res.authSetting['scope.userLocation']) { wx.showModal({ title: '提示', content: '请求获取位置权限', suess:function(res){ if(res.confirm==false){ return false; } wx.openSetting({ suess(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({ suess: function (res) { that.setData({ address: res.address, latitude: res.latitude, longitude: res.longitude }) }, fail: function (res) { console.log(res) } }) },
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对狼蚁SEO的支持。
上一篇:微信小程序页面间跳转传参方式总结
下一篇:json数据格式常见操作示例
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程