uniapp中微信小程序定位当前城市

2,405 阅读1分钟

我们知道uniapp中提供uni.getLocation(object)的方式获取的是当前位置的经纬度而已,并未反转为geocode后的中文地址,且目前只支持app端获取中文地址,那么小程序就没有其他方式直接获取中文地址么,当然不是啦,官方文档介绍了一种直接使用高德地图微信小程序版的sdk,具体怎么操作,接下来一一道来。


一.打开高德地图sdk页面  https://lbs.amap.com/api/

找到微信小程序sdk 进入开发指南  lbs.amap.com/api/wx/summ…

二.根据高德地图指南第一次用需要创建工程获取key

1.进入控制台,创建一个新应用。如果您之前已经创建过应用,可直接跳过这个步骤。


3.创建工程

下载微信小程序sdk 链接lbs.amap.com/api/wx/down…

4.将下载好的sdk放入你项目的类库文件下或者common文件下,具体看你项目的公共配置在哪就放置到哪个文件下

5.页面具体使用

  将刚才放置到公共文件下(common)的sdk引入到页面上并实例化
import amap from '@/common/SDK/amap-wx.js';

 this.amapPlugin = new amap.AMapWX({ 

        key: '7c235a9ac4e25e482614c6b8eac6fd8e'//高德地图KEY

 });

获取具体地址(POI数据)  lbs.amap.com/api/wx/guid…

this.amapPlugin.getRegeo({ 

 success: data => { console.log('data',data) ;

 });