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详细文档