微信小程序——获取地址描述数据(逆地理编码)

本文介绍如何在微信小程序中使用高德地图API进行逆地理编码,获取用户当前位置的详细地址信息,并展示如何调用API及处理返回数据。

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

获取地址描述数据【逆地理编码】

最近开发项目中,通过扫码可购买商品。其次获取当前位置经纬度 并 显示当前地址数据, 查看附近的网点。这里使用高德地图实现 逆地理编码


前提:

  1. 申请 高德地图 key
  2. 在微信公众平台小程序中配置域名: 如下图

tips: 根据当前定位获取附近网点: 请查看此文章

在这里插入图片描述

文档参考

效果图:

在这里插入图片描述

步骤如下:

第一步:引入
  • 在需要使用的.js中引入 amap-wx.js下载
var amapFile = require('../../../utils/amap-wx.js');
第二步: 调用
  • 传入参数: 高德Key
  • 根据需求取相关数据
/**
* 定位解析地址
*/
getLocationParsingAdress: function() {
    var myAmapFun = new amapFile.AMapWX({ key: '高德key' });
    myAmapFun.getRegeo({
        success: function (data) {
            // console.log(data)
			
            
            // 以下可忽略
            let datas = data[0].regeocodeData.addressComponent;
            //成功回调
            that.setData({
                province: datas.province,
                city: datas.city,
                district: datas.district,
                formatted_address: data[0].desc
            })

            let tempProvinces = datas.province + ',' + datas.city + ',' + datas.district + ',' + datas.township;
            wx.setStorageSync('provinces', tempProvinces);

            if (datas.city != undefined) {
                // 获取附近商家列表
                that.getnearbyList(false);
            }

        },
        fail: function (info) {
            //失败回调
            console.log(info)

            that.setData({
                formatted_address: '请点击授权获取位置'
            })
        }
    })
},
API返回数据格式

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值