微信小程序-经纬度逆解析详细地址
-
申请开发者密钥(key):申请密钥
-
开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存
(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)
-
下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2
-
安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
-
小程序示例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <br> const QQMapWX = require( '../../libs/qqmap-wx-jssdk.min.js' ); const wxMap = new QQMapWX({ key: '****-GP***-RB***-B**US-****-RZ**Y' // 必填 }); onShow () { /**经纬度逆解析 */ this .reverseGeocoder() }, /**经纬度逆解析 */ reverseGeocoder() { const that = this ; wx.getLocation({ type: 'gcj02' , success: function (res) { var latitude = res.latitude var longitude = res.longitude wxMap.reverseGeocoder({ location: { latitude: latitude, longitude: longitude }, success: function (res) { const { city } = res.result.address_component console.log(city); that.setData({ city, }) }, }); }, fail(res) { console.log(res) } }) }, |
1 2 3 | 2 . 使用方法 文档地址http: //lbs.qq.com/qqmap_wx_jssdk/index.html 使用方法 |
微信小程序-经纬度逆解析详细地址
https://blog.csdn.net/weixin_38023551/article/details/80736563
https://blog.csdn.net/zzwwjjdj1/article/details/79412634
https://lbs.qq.com/service/webService/webServiceGuide/webServiceOverview
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~