微信小程序之地理位置授权 wx.getLocation

1. 授权地理位置

  • 点击按钮,弹出授权弹窗,点击允许后,在以后的操作中可以随时获取到用户地理位置
  • 点击拒绝后,将无法获取到地理位置,也无法再次点击弹出弹窗。
<button bindtap='onAuthLocation' >授权位置</button>
onAuthLocation() {
    wx.authorize({
        scope: 'scope.userLocation',
        success: (res) => {
            console.log('成功:' , res)
        },
        fail: (res) => {
            console.log('失败:', res)
        },
    })
},

2. 获取地理位置

  • 如果用户之前已经授权地理位置,那么可以通过如下方法获取到地理位置信息
<button bindtap='onGetLocation' >获取位置</button>
onGetLocation() {
    wx.getLocation({
        success: (res) => {
            console.log('成功:', res)
        },
        fail: (res) => {
            console.log('失败:', res)
        },
    })
},

3. 拒绝后再次授权,打开授权面板

  • 如果用户有过拒绝授权地理位置的操作,是无法再次打开弹窗授权的,只能通过以下方法,打开所有授权信息的控制面板,进行再次授权
  • 对于已经允许授权的信息,如果用户想拒绝使用,也可通过下面方法,取消授权
<button bindtap='gotoSetting' >打开授权信息面板</button>
gotoSetting() {
    wx.openSetting({
        success: (res) => {
            console.log(res)
        }
    })
},

原文地址:https://www.cnblogs.com/cckui/p/10002435.html

时间: 2024-07-30 13:17:13

微信小程序之地理位置授权 wx.getLocation的相关文章

微信小程序获取地理位置授权

getUserLocation: function () { let vm = this wx.getSetting({ success: (res) => { console.log('getUserLocation', res) // res.authSetting['scope.userLocation'] == undefined 表示 初始化进入该页面 // res.authSetting['scope.userLocation'] == false 表示 非初始化进入该页面,且未授权

微信小程序数据请求方法wx.request小测试

微信小程序数据请求方法 wx.request wxml文件: <view> <textarea value="{{textdata}}"/> </view> <button bindtap="RequestData" value="Button">Button</button> 主要是一个按钮,点击后将请求的数据写入到textarea中 js文件: Page({ data:{ textd

微信小程序开发 - 用户授权登陆

准备:微信开发者工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 微信小程序开发文档:https://developers.weixin.qq.com/miniprogram/dev/index.html 开发:在开发之初,我们需要先明确微信方已经制定好的授权登陆流程,参看 官方API - 登陆接口. 你会看到微信方为开发者制定好的登陆授权流程: 如图,即为一个顺向的用户登陆授权的流程.

微信小程序API~地理位置location

(1)使用微信内置地图查看位置 wx.openLocation(Object object) 使用微信内置地图查看位置 参数 Object object 属性 类型 默认值 必填 说明 latitude number   是 纬度,范围为-90~90,负数表示南纬.使用 gcj02 国测局坐标系 longitude number   是 经度,范围为-180~180,负数表示西经.使用 gcj02 国测局坐标系 scale number 18 否 缩放比例,范围5~18 name string

微信小程序用户拒绝授权的官方推荐处理方法

小程序开发中,现在一般都需要获取微信用户信息,如头像/名字等.这样在用户第一次进入小程序时,微信端会弹出一个是否同意授权的消息提示框.但是如果用户第一时间点击了拒绝,或者用户手误点击了拒绝,如果没有了后续的操作,可能你的小程序就不能使用了,也就会失去这样一位用户.所以,微信官方推荐了一个方法,就是在用户第一次拒绝授权的时候,再给用户一个选择的机会.这样能很好的解决上诉问题.下面以用户需要授权两个权限为例,方法如下: 在 APP.JS 先设置两个全局变量 .用作记录用户是否授权 //判断地理位置是

微信小程序----用户拒绝授权,重新调起授权

获取用户信息 wx.getUserInfo({ withCredentials: true, success: function (res) { var nickName = res.userInfo.nickName; var avatarUrl = res.userInfo.avatarUrl; var gender = res.userInfo.gender; wx.login({ success: function (res) { if (res.code) { var rsaData

微信小程序的坑之wx.miniProgram.postMessage

工作中有个需求是小程序的网页在关闭的时候,需要回传给小程序一个参数 查阅小程序官方文档,有这样一个接口 wx.miniProgram.postMessage ,可以用来从网页向小程序发送消息,然后通过 bindmessage 事件来监听消息,如下是官方文档描述 以下是代码: // 网页代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="vi

微信小程序关闭WebSocket连接wx.closeSocket()

wx.closeSocket() ? 关闭WebSocket连接 wx.onSocketClose(CALLBACK) ? 监听WebSocket关闭 wx.connectSocket({ url:"qkxue.net" }); //注意这里有时序问题, //如果wx.connectSocket还没回调wx.onSocketOpen,而先调用wx.closeSocket,那么就做不到关闭WebSocket的目的 //必须在WebSocket打开期间调用wx.closeSocket才能关

【微信小程序】详解wx:if elif else的用法(搭配view、block)

1.搭配view <view wx:if="{{boolean==true}}"> <view class="bg_black"></view> </view> <view wx:elif="{{boolean==false}}"> <view class="bg_red"></view> </view> <view wx:e