微信小程序出现wx.getLocation再次授权问题的解决方
网络编程 2021-07-04 15:50www.168986.cn编程入门
这篇文章主要介绍了微信小程序出现wx.getLocation授权问题的解决方法,结合实例形式分析了解决wx.getLocation授权问题的相关操作步骤,需要的朋友可以参考下
本文实例讲述了微信小程序出现wx.getLocation授权问题的解决方法。分享给大家供大家参考,具体如下
,在page外定义一个公共函数用于发送获取位置的请求
var getLocation = function (that) { wx.getLocation({ type: 'wgs84', suess: function (res) { // 经纬度 var latitude = res.latitude var longitude = res.longitude var aK = that.data.aK wx.request({ url: 'https://api.map.baidu./geocoder/v2/?ak=' + aK + '&location=' + latitude + ',' + longitude + '&output=json', data: {}, header: { 'content-type': 'application/json' }, suess: function (res) { var city = res.data.result.addressComponent.city; that.setData({ currentCity: city }) wx.request({ url: 'xxx' + city, data: {}, header: { 'content-type': 'application/json' }, suess: function (res) { that.setData({ county: res.data, }) }, }) } }) }, fail: function () { wx.showToast({ title: '授权失败', icon: 'suess', duration: 1000 }) } }) }
然后,在page中需要位置调用page外部的getLocation
函数
wx.getSetting({ suess: (res) => { if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {//非初始化进入该页面,且未授权 wx.showModal({ title: '是否授权当前位置', content: '需要获取您的地理位置,请确认授权,否则无法获取您所需数据', suess: function (res) { if (res.cancel) { that.setData({ isshowCIty: false }) wx.showToast({ title: '授权失败', icon: 'suess', duration: 1000 }) } else if (res.confirm) { wx.openSetting({ suess: function (dataAu) { if (dataAu.authSetting["scope.userLocation"] == true) { wx.showToast({ title: '授权成功', icon: 'suess', duration: 1000 }) //授权,调用getLocationt的API getLocation(that); } else { wx.showToast({ title: '授权失败', icon: 'suess', duration: 1000 }) } } }) } } }) } else if (res.authSetting['scope.userLocation'] == undefined) {//初始化进入 getLocation(that); } else { //授权后默认加载 getLocation(that); } } })
上述过程执行顺序为
1.先加载wx.getLocation
弹出自己的授权框,如图
然后,点击确定即可授权,若点击取消则取消授权,当需要授权时,会调用我们自定义的Modal框,如图
,针对上述的Modal框点击取消则关闭,若点击确定则打开手机的地址授权设置,如图
,若直接点击左上方的返回箭头则取消授权,若先选中地理位置按钮,然后在点击左上方的返回箭头则授权成功,如图
希望本文所述对大家微信小程序开发有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程