获取地址描述数据

支持获取定位位置或指定位置的详细地址信息,便于您快速的找到准确该地点。

https://lbs.amap.com/api/wx/guide/get-data/regeo

2、使用指南

2.1、在 vue 文件 引入 amap-wx.js

在页面的 js 文件中,实例化 AMapWX 对象,处理搜索数据。

首先,引入 amap-wx.js 文件(amap-wx.js 从相关下载页面下载的 zip 文件解压后得到)。

import amap from '@/js_sdk/js-amap/amap-wx.js';
2.2、然后,构造 AMapWX 对象,并调用 getPoiAround 方法,代码如下:
    var myAmapFun = new amapFile.AMapWX({key:'高德Key'});
    myAmapFun.getRegeo({
      success: res => {
          console.log(res);
          //成功回调
          uni.hideLoading();
      },
      fail: err => {
          //失败回调
          console.log(err)
      }
    })
2.3、编写页面的 wxml 文件,搭建页面结构。
<view class="map_container">
  <!--定义页面结构,可以使用地图组件也能使用其他组件 -->
</view>
2.4、编写页面的 wxss 文件,设置页面样式。
.map_container{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

示例将当前位置以 marker 的形式显示在地图上,并通过逆地理编码请求,获取该位置的详细的地址信息,以文本形式显示。运行程序,效果如下:

3、示例代码

作者:Jeebiz  创建时间:2023-02-25 01:34
最后编辑:Jeebiz  更新时间:2023-02-25 01:45