React Native绘制绘图方向

时间:2016-06-16 11:30:29

标签: android react-native

我在React Native应用程序中找到了很多使用Gmaps(地图,标记,动画,地理定位)的解决方案。但我找不到任何使用Gmaps Directions的指南。 如何使用React Native在地图上使用Google地图Directions API和绘图方向?我可以通过默认的MapView解决这个问题,还是需要自定义包?

2 个答案:

答案 0 :(得分:5)

我们需要使用airbnb中的Mapview.Polyline组件绘制路线。 要绘制折线,我们需要获取两个位置之间的路线坐标,我们可以通过https://developers.google.com/maps/documentation/directions/intro#DirectionsRequests中提到的API调用获得 然后通过API调用获取JSON对象,我们应该使用overview_polyline字符串并对其进行解码以获取LatLang对象列表,并将其作为prop传递给Mapview.Polyline以获取在地图上显示的路径。

示例API调用 https://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&key=YOUR_API_KEY

在网址

中插入Google API密钥

答案 1 :(得分:2)

小心通过GoogleMaps API将导航整合到您的应用中,因为它可能违反了Google的条款和条款。条件。我们最近碰到了这个。

以下是链接Google Maps API T&Cs

查看10.4.c.iii"无导航"

我可能正在阅读或不正确地理解它,但我认为这意味着不要使用API​​进行导航。