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

简介: 然后本人根据官方文档的介绍直接去页面编写了一个按钮,并且监听了这个按钮的点击事件,在事件方法当中调用了微信提供的获取用户位置的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": "你的位置信息将用于给你推荐小姐姐小哥哥"
  }
}
目录
相关文章
|
存储 文字识别 C#
一个基于百度飞桨封装的.NET版本OCR工具类库 - PaddleOCRSharp
一个基于百度飞桨封装的.NET版本OCR工具类库 - PaddleOCRSharp
701 0
|
JavaScript Java 测试技术
基于Java的学术团队管理系统的设计与实现(源码+lw+部署文档+讲解等)
基于Java的学术团队管理系统的设计与实现(源码+lw+部署文档+讲解等)
82 1
Ubuntu20.04下折腾ROS
Ubuntu20.04下折腾ROS
129 0
|
数据建模 应用服务中间件 nginx
Docker - 解决创建 nginx 容器尝试挂载 nginx.conf 文件时报错: mounting "/root/nginx.conf" to rootfs at "/etc/nginx/nginx.conf" caused: mount through procfd: not a directory:
Docker - 解决创建 nginx 容器尝试挂载 nginx.conf 文件时报错: mounting "/root/nginx.conf" to rootfs at "/etc/nginx/nginx.conf" caused: mount through procfd: not a directory:
3433 0
|
存储 分布式计算 前端开发
Zookper集群搭建
Zookper集群搭建
|
监控 负载均衡 Java
初识SpringCloud(2)集群/分布式/微服务/SOA的相关概念
这篇主要来讲讲 Spring Cloud 的一些基础知识。 一、集群/分布式/微服务/SOA是什么? 技术小白看到这些词(集群/分布式/微服务/SOA)时,感觉遥不可及。但真正接触到&quot;面向切面编程&quot;的时候,发现原来如此啊,只不过当时被它的名字给唬住了。
11033 0
|
NoSQL Python C语言