微信小程序经纬度转化为具体位置(逆地址解析)
2024-09-03 22:21:49
小程序wx.getLocation只能获取经纬度, 这时候想要具体地址就需要借助第三方sdk(逆地址解析) 我这边第三方以腾讯位置服务举例
一. 首先小程序需要申请wx.getLocation接口权限
1. 登录小程序后台 https://mp.weixin.qq.com/ 开发=>开发管理=>接口设置
2. app.json中配置下
{ "permission": {
"scope.userLocation": {
"desc": "授权定位有助于提高蓝牙水表的连接成功率"
}
},
"requiredPrivateInfos": [
"getLocation"
]
}
3. 现在先注册腾讯地图,获取key
https://lbs.qq.com/dev/console/key/manage
然后创建应用=>申请key
4. 下载SDK
https://lbs.qq.com/qqmap_wx_jssdk/index.html
https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
最后详细代码:
// index.js
// 引入SDK核心类,js文件根据自己业务,位置可自行放置
var QQMapWX = require('../../utils/tools/qqmap-wx-jssdk.min');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
key: '申请的key'
}); Page({
data: { }, // 微信获取位置信息=>腾讯位置服务解析
getLocationQqmapsdk(){
wx.getLocation({
type: "gcj02",
success(res) {
console.log(res);
qqmapsdk.reverseGeocoder({
location:{
latitude: res.latitude,
longitude: res.longitude
},
success: function (res1) {
console.log(res1.result); },
fail: function (res) {
console.log(res);
}
})
},
fail(err) { }
});
}, });
效果:
字段描述 :
腾讯服务文档: https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
更多参考: https://blog.csdn.net/z3287852/article/details/122145355
最新文章
- ubuntu Unity Tweak Tool
- Django:使用PyCharm创建django项目并发布到apache2.4
- postgresql如何实现group_concat功能
- 关于getClass().getClassLoader()
- air ios 输入遮挡问题
- c++宏源证券编程
- Digital Square 搜索
- JVM的总结
- (PMP)解题技巧和典型题目分析(0903-3班)
- 发布逸出 java this 逸出【转】
- AltiumDesigner印制导线的走向及形状
- typescript接口(学习笔记非干货)
- java获取视频的第一帧
- SiteCore Experience Analytics-体验分析
- 17、enum简介
- Unity3D面试——真实的面试,unity3d面试
- HDU1698:Just a Hook(线段树区域更新模板题)
- Linux命令详解-install
- C++ 重载操作符- 02 重载输入输出操作符
- 514. Freedom Trail
热门文章
- DES|3DES|AES|RSA|DH | CA | SSL(HTTPS)
- K8S服务滚动升级
- [开源精品] C#.NET im 聊天通讯架构设计 -- FreeIM 支持集群、职责分明、高性能
- elasticsearch设置密码及Java密码连接
- 大数据Hadoop平台安装及Linux操作系统环境配置
- 使用 MAUI 在 Windows 和 Linux 上绘制 PPT 的图表
- 【学习笔记】 第05章 pandas入门
- 为MinIO Server设置Nginx代理
- Beats:使用Elastic Stack对Nginx Web服务器监控
- Solutions:网站搜索 - Elastic Site Search