一、使用 wx.getLocation 获取经纬度信息

1.1 在 app.json 中加入如下配置

"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}},

1.2 使用 wx.getLocation 获取地理信息

代码:

wx.getLocation({type:"wgs84",       // type:默认值为 wgs84,返回 GPS 坐标success(res) {         // success:当调用成功时,会有一个回调函数,那么回调函数返回的参数就可以做一些东西了console.log(res)}})

结果示例:

接下来我们需要经度(longitude)和纬度(latitude)两个属性

二、使用腾讯位置服务来获取具体地址信息

2.1 首先,大家需要去注册一个账号号,绑定邮箱。【点击此处进入腾讯位置服务


2.2 进入官网按下列步骤操作

1.依次点击 控制台——应用管理——我的应用

2. 创建应用

3. 添加key


4. 点击开发文档——WebServiceapi

5. 点击 逆地址解析(坐标位置描述)查看具体开发文档

2.3 根据上方开发文档使用接口,即可获取具体位置信息

代码:

created() {// 获取当前的经纬度坐标wx.getLocation({success(res) {// 纬度const latitude = res.latitude// 经度const longitude = res.longitude// 请求腾讯地图逆地址解析接口wx.request({url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=密钥`,success(res) {console.log(res)}})}})
}

输出结果:

微信小程序—获取用户位置信息相关推荐

  1. 微信小程序获取用户位置信息并显示到地图上

    1.配置地理位置用途说明 在app.json中的大括号内输入 "permission": {"scope.userLocation": {"desc& ...

  2. 微信小程序获取用户位置信息

    1.在 app.json 里面增加 permission 属性配置小程序配置 | 微信开放文档 "permission": {"scope.userLocation&qu ...

  3. 微信小程序-获取用户位置(经纬度+所在城市)

    微信小程序-获取用户位置(经纬度+所在城市) 文章目录 微信小程序-获取用户位置(经纬度+所在城市) 一.目标 二.实现思路 三.实现步骤 3.1 用到的接口函数 3.2 具体步骤 3.2.1 创建界 ...

  4. 微信小程序获取用户真实信息

    微信在2020年4月13日到4月28日调整了获取用户信息的接口,4月28日24时后发布的新版本小程序就获取不到用户的真实信息了 附上原文链接:微信用户信息接口调整 注意事项: 调用wx.getUser ...

  5. uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现

    1.调用接口,官网文档是这样写的 uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度:' + re ...

  6. uni-app 对接微信小程序获取用户个人信息和获取用户手机号码

    第一次对接小程序授权的时候以为能一进入这个项目就要调用获取授权信息,后面写好逻辑之后提交审核,一直审核不通过,后面查了原因之后才发现不能一进入页面就调用授权,而且项目需要个人信息和手机号码两个都要获取 ...

  7. 微信小程序——获取用户个人信息

    从2021.4.13日起,微信将原本获取用户的API接口由getUserInfo变更为了getUserProfile(从原来的开发者可以直接获取用户信息变成了开发者只能获取匿名的用户信息,只有用户点击 ...

  8. 微信小程序获取用户简要信息

    因为项目的需要,研究了一下微信获取用户的简单信息,在过程中耗费了许多的时间,想发出来与大家一起分享学习,有大牛看到不足的地方也希望大家指教! 小程序: var utils = require(&quo ...

  9. 微信小程序-获取用户头像信息以及修改用户头像

    这里主要用到button的open-type功能,官网已有说明: 给button设置open-type="chooseAvatar",来使bindchooseavatar方法生效, ...

最新文章

  1. java unsafe获取指针_【实战Java高并发程序设计 1】Java中的指针:Unsafe类
  2. 深度强化学习为什么在实际当中用的比较少 ?
  3. 盖茨、奥巴马、马斯克账号被黑,推特遭大规模黑客攻击
  4. 成功解决TypeError int object is not iterable
  5. 多线程与高并发(二):解析自旋锁CAS操作与volatile
  6. 微信获取位置 转化为 高德地图 位置 地址
  7. LeetCode 2156. 查找给定哈希值的子串(字符串哈希)
  8. 深入Linux grep指令的详解(实用型)
  9. winform 自定义控件属性在属性面板中显示的问题
  10. pytorch---之指定GPU
  11. 阿里架构师首次畅谈余额宝背后的故事
  12. 原创 | 职场二十年(一)电话风波
  13. Android美化插件,KWGT桌面插件美化
  14. 基于LSTM的IMDB电影评论情感分析
  15. 物联网产品的发展简介(一)【产品篇01】
  16. win7计算机无法连接投影仪,联想笔记本win7系统连接投影仪的方法【图文详解】...
  17. oracle中有没有distance,oracle_关于extended distance cluster  rac的介绍
  18. JavaWeb图书管理系统
  19. java swing开发窗体程序开发(四)MVC结构
  20. ubuntu下好用的视频播放器

热门文章

  1. Win7中laragon安装教程
  2. 手把手教你免费搭建一个功能强大的小程序商城
  3. 计算机教室的防潮防尘措施,中学电脑教室管理制度办法
  4. 【Lua正则表达式】解析匹配优酷电视剧集的下载地址用来批量下载
  5. 人工智能之机器学习与数据挖据之WEKA使用与实践
  6. 宽带连接要求用户名和密码是灰色的
  7. 景联文科技提供全方位图像标注服务
  8. 非托管C++程序中调用C#的dll
  9. python爬取京东python书籍信息
  10. 前沿综述 | Nature子刊:空间转录组学的临床和转化价值