react-native(android) 使用高德地图
在react-native
中使用高德地图(android 端)
功能实现:
- 显示地图
- 定位
- 查询周边的 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 }
相关推荐
zhuyonge 2015-12-03
paypalmts 2019-06-28
liushun 2020-04-24
ivabrother 2019-12-26
lihouyi00 2019-12-24
dxmkkk 2019-12-17
zhoutaifeng 2019-12-09
athrenzala 2019-11-27
凌燕 2019-11-19
mengxinghuiku 2019-11-18
cherics 2019-11-01
playis 2019-11-01
zhaidpjava 2019-09-06
清风的Blog 2019-04-30
FlyLeo 2019-07-23
ywjackchan 2019-07-12