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

蚀纹容器
• 阅读 8014

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

点赞
收藏
评论区
推荐文章
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
4年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Easter79 Easter79
4年前
tableau地图源之高德地图
Tableau必知必会之如何导入其它地图源地图分析是我们常用的分析之一,虽然Tableau已经有很不错的地图,但很多人还是希望有更多的选择。那么,在Tableau里可以导入别的地图源吗?答案是肯定的:当然可以。下面我们以高德地图为例,看看如何把高德地图导入Tableau中使用。具体步骤如下:
Easter79 Easter79
4年前
vue 中使用高德地图, 地图选点
功能简述:网页版高德地图开发,主要支持地图选点(没做导航),搜索选点.(功能类似微信与好友聊天中的选择位置,发送位置,如下图)!(https://img2018.cnblogs.com/blog/1195136/201904/119513620190423112130558812176871.png)第一步:先成为高德地图的开发
Stella981 Stella981
4年前
Android Native 内存泄漏系统化解决方案
导读:C内存泄漏问题的分析、定位一直是Android平台上困扰开发人员的难题。因为地图渲染、导航等核心功能对性能要求很高,高德地图APP中存在大量的C代码。解决这个问题对于产品质量尤为重要和关键,高德技术团队在实践中形成了一套自己的解决方案。分析和定位内存泄漏问题的核心在于分配函数的统计和栈回溯。如果只知道内存分配点不知道调用栈会
Stella981 Stella981
4年前
OpenCV检测轮廓极点(Python C++)
    今天分享一个OpenCV检测轮廓极点实例,原图如下,我们需要检测出地图中最大轮廓的上下左右四个极点,并进行标注显示。!(https://oscimg.oschina.net/oscnet/ae374a72c5404b00b0e976e499eedf36.png)    第一步:阈值处理分割出地图轮廓!(ht
Stella981 Stella981
4年前
Android中直接打开高德APP进行导航
1、判断是否安装有高德APP//高德APPprivatePackageManagermPackageManager;privatestaticList<StringmPackageNamesnewArrayList<();privatestaticfinalStringGAODE_PACKAGE_NAME"co
Wesley13 Wesley13
4年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
4年前
JAVA项目实战
本节分享高德地图API实现web服务端导航和定位等功能packagecom.example.combat.gaodemapUtils;importcn.hutool.core.io.FileUtil;importcom.alibaba.fastjson.JSON;importcom.alibaba.
Stella981 Stella981
4年前
Google Map 开发(三):Google Map 地点搜索功能
开发国内应用当我们需要使用到地图时,首选肯定是高德地图或者百度地图,这是因为它们的地图功能足够强大,对于开发人员来说,更是因为API封装的完善和简单的调用实现,扩展功能强大。如果要开发全球通用的APP,需要集成地图,我们难免会对需要使用的地图SDK进行一番调研,百度和高德并没有全世界范围的地图数据,在亚洲或许还能使用以下,对于需要全球范围内都要
上海张律师 上海张律师
8个月前
鸿蒙地图功能开发【1. 开发准备】##地图开发##
​对于地图功能的开发,有以下三种思路1.使用鸿蒙官方的MapKit进行开发2.使用第三方地图的SDK(例如高德地图、百度地图)3.做一个基于h5的地图页面,通过Web组件去引入对于这三种方案,每一种都有自己的特点原生的MapKit,目前来看文档是最全面的也
蚀纹容器
蚀纹容器
Lv1
慊慊思归恋故乡,君为淹留寄他方。
文章
6
粉丝
0
获赞
0