微信小程序-经纬度逆解析详细地址

最新推荐文章于 2025-05-18 14:35:53 发布

Presbyterian

最新推荐文章于 2025-05-18 14:35:53 发布

阅读量8.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序随手记论文

本文链接：https://blog.csdn.net/weixin_38023551/article/details/80736563

随手记论文同时被 2 个专栏收录

51 篇文章

订阅专栏

微信小程序

14 篇文章

订阅专栏

本文介绍如何使用腾讯地图API实现经纬度解析为详细地址的功能，并提供微信小程序环境下具体的应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

业务需求需要将经纬度解析为详细地址，去年使用的是百度地图，今年发现腾旭地图也更新了微信小程序的地图的接口；
1. http://lbs.qq.com/guides/startup.html
申请腾讯地图的key;
这里写图片描述
这里需要注意：

记得勾选微信小程序并填写正确的appid；其他的空着即可
2. 使用方法
文档地址http://lbs.qq.com/qqmap_wx_jssdk/index.html
使用方法

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)
      }
    })
  },