微信小程序-获取用户位置

简介: 然后本人根据官方文档的介绍直接去页面编写了一个按钮,并且监听了这个按钮的点击事件,在事件方法当中调用了微信提供的获取用户位置的API,然后发现不好用啊!

首先我要提供几个文档的链接地址:


首先是官方文档的获取用户位置的API文档地址:


官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html


然后本人根据官方文档的介绍直接去页面编写了一个按钮,并且监听了这个按钮的点击事件,在事件方法当中调用了微信提供的获取用户位置的API,然后发现不好用啊!


代码如下:

<!--index.wxml-->
<button bindtap="getUserLocation">获取用户位置</button>


// index.js
Page({
  getUserLocation() {
    wx.getLocation({
      success (res) {
        const latitude = res.latitude
        const longitude = res.longitude
        const speed = res.speed
        const accuracy = res.accuracy
        console.log(res);
      }
     })
  }
})


点击按钮报如下图的错误:



然后我点击了查看详情:


按照文档的提示我在 app.json 添加了 permission,发现已经可以了。


如果不可以我建议在按照我下图的方式去进行在配置下 app.json:



文档地址:https://developers.weixin.qq.com/community/develop/doc/000a02f2c5026891650e7f40351c01


总结


通过微信 wx.getLocation() API 获取,必须在 app.json 中添加如下配置:

"requiredPrivateInfos": ["getLocation"],
"permission": {
  "scope.userLocation": {
    "desc": "你的位置信息将用于给你推荐小姐姐小哥哥"
  }
}
目录
相关文章
|
7月前
|
小程序
微信小程序的初始数据
微信小程序的初始数据
98 0
|
7月前
|
小程序 前端开发 API
微信小程序保存海报的过程
微信小程序保存海报的过程
114 0
|
小程序 JavaScript 前端开发
微信小程序-导航方式
微信小程序-导航方式
127 0
|
4月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
小程序 JavaScript
【微信小程序】三分钟学会小程序的列表渲染
【微信小程序】三分钟学会小程序的列表渲染
951 0
|
JSON 小程序 前端开发
【微信小程序】初始微信小程序
微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用 (张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程 )
88 1
|
7月前
|
小程序 开发者
微信小程序保存二维码的过程
微信小程序保存二维码的过程
186 0
|
小程序 前端开发 JavaScript
微信小程序简单的用户页面模板
微信小程序简单的用户页面模板
64 0
|
小程序 前端开发 数据安全/隐私保护
微信小程序开发笔记—设置页面密码
本文主要介绍了微信小程序实现设置页面密码的功能实现
226 0
|
小程序 开发者
微信小程序跳转微信小程序,使用微信开发者工具的测试记录
本文是博主学习微信小程序的记录,希望对大家有所帮助。
556 0
微信小程序跳转微信小程序,使用微信开发者工具的测试记录