React Native 映射绘图方向

Posted 2023-03-15

【中文标题】React Native 映射绘图方向

【英文标题】：React Native maps drawing directions

【发布时间】：2016-06-16 11:30:28

【问题描述】：

我找到了很多在 React Native 应用程序中使用 Gmap（地图、标记、动画、地理定位）的解决方案。但我找不到任何使用 Gmaps Directions 的指南。 我如何使用谷歌地图方向 API 和 React Native 在地图上绘制方向？我可以默认 MapView 解决这个问题，还是需要自定义包？

【参考方案1】：

我们需要使用 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 密钥

【参考方案2】：

请小心通过 GoogleMaps API 将导航集成到您的应用中，因为这可能违反 Google 的条款和条件。我们最近遇到了这个问题。

这里是链接Google Maps API T&Cs

查看 10.4.c.iii“无导航”

我可能在阅读或理解不正确，但我认为它的意思是不要使用 API 进行导航。

【讨论】：

好电话，但我相信它仅适用于实际导航场景，如逐向导航等。仅显示方向（表示如何从 A 到 B 的概述的折线）on地图应该没问题。

@riper A-B 折线不是被认为是“路线引导”吗？我觉得有点奇怪的是，Google 提供了一个公共 Directions API，但禁止将其用于路线辅助。