react-native(android) 使用高德地图

react-native中使用高德地图(android 端)

功能实现:

  1. 显示地图
  2. 定位
  3. 查询周边的 poi

1.安装依赖

npm install react-native-amap3d

2.构建配置

react-native link react-native-amap3d

3.申请高德地图 api 的 key

这里使用到的 key 有两个:1.android sdk key,用于使用高德 api 组件,和获取定位。2.webapi key,用于请求附近 poi 列表。

4.配置 key

/android/app/src/main/AndroidManifest.xml里面application中添加:

<meta-data
    android:name="com.amap.api.v2.apikey"
    android:value="你的key"
/>

5.使用

接下来就可以直接使用相应的组件了,react-native-amap3d 文档

6.使用高德地图-逆地理编码

通过上述的地图组件可以获取定位经纬度坐标。根据经纬度直接请求高德 api 的接口即可获得 poi。
请求 api

https://restapi.amap.com/v3/geocode/regeo

参数:

{
    key:'你的key (注意是web服务的key)',
    location:`${longitude},${latitude}`, //经纬度,用逗号隔开
    extensions:'all' //添加该参数才可以获得poi
}

高德地图api详细文档

相关推荐