微信小程序-当用户拒绝了位置信息的请求时,提醒用户去设置地理位置授权
生活随笔
收集整理的這篇文章主要介紹了
微信小程序-当用户拒绝了位置信息的请求时,提醒用户去设置地理位置授权
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
如圖
當用戶點擊了取消,拒絕了位置信息的請求。如下圖所示,提醒用戶去設置地理位置授權,如下圖所示,
如果用戶沒去設置的話,每次只要用戶點擊進入該頁面都會有這個彈窗出現。
相關代碼如下所示:
wxml:
<!-- 彈出層 --><!--頁面遮罩層 --><view class="modal-mask" bindtap="hideModal" wx:if="{{showFlag}}"></view><!--頁面提示彈窗 --><view class="modal-dialog" wx:if="{{showFlag}}"><view class="t-title">您拒絕了地理位置授權,需要重新設置</view><button class="showF" open-type="openSetting" bindopensetting="handler">去設置</button> </view>wxss:
/* 彈出層 *//* 遮罩層*/ .modal-mask {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: 0.5;z-index:670; }/* 頁面提示彈窗*/ .modal-dialog {overflow: hidden;position: fixed;top: 20%;background: #f9f9f9;border-radius: 30rpx; right: 5%;width: 90%;z-index: 680;color:#000; } .view-image{width: 580rpx;height: 580rpx;margin-left: 50rpx; } .guanbi{position:absolute;width: 40rpx;height:40rpx;background-size:100%;text-align: center; top: 10px; right: 10px;font-size: 14px;line-height: 50rpx; } .t-title{font-size:30rpx;text-align: center;margin: 30rpx 0;font-weight: bold; } .b-title{font-size:26rpx;text-align:center;margin-top:20rpx; }js:
data{showFlag:false },onLoad: function (options) { let _this=thiswx.getLocation({// type: 'wgs84',//返回可以用于wx.openLocation的經緯度//獲取地理位置成功時success: function (res) {// 此處經緯度加減是根據實際情況處理的,處理之后在手機上比較準確let latitude = res.latitude + 0.001276let longitude = res.longitude + 0.006256_this.setData({latitude: latitude,longitude: longitude})},//獲取地理位置失敗(用戶點擊不允許)時執行fail: function () {wx.hideToast();_this.setData({showFlag: true})}}) },//用戶不允許時的提示,點擊時去設置handler: function (e) {if (e.detail.authSetting["scope.userLocation"]) {this.setData({showFlag: false})//返回時重新刷新當前頁面wx.reLaunch({url: '../index/index'})}},參考自:https://blog.csdn.net/weixin_41625322/article/details/83312354
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的微信小程序-当用户拒绝了位置信息的请求时,提醒用户去设置地理位置授权的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 我姓程他姓郑的谐音梗是什么我姓程他姓我姓
- 下一篇: Oracle Minus 取差集