2016-06-16 14 views
2

React NativeアプリでGmaps(マップ、マーカー、アニメーション、ジオロケーション)を使用するための解決策が見つかりました。しかし、私はGmaps指示を使用するためのガイドを見つけることができません。 GoogleマップDirections APIと描画方向をReact Nativeの地図上でどのように使用できますか?デフォルトでMapViewでこの問題を解決できますか、カスタムパッケージが必要ですか?Reactネイティブマップの描画方向

答えて

2

Googleの利用規約&の条件に違反している可能性があるため、GoogleマップAPIを使用してアプリにナビゲーションを組み込むように注意してください。私たちは最近これに遭遇しました。ここで

はリンク Google Maps API T&Cs

チェックアウト10.4.c.iii「いいえナビ」である

私はそれを読んだり、誤ってそれを理解することが、私はへのAPIを使用していないを意味し、それを取ったかもしれませんナビゲートする。

+2

グッドコールでGoogleのAPIキーを挿入しますが、私はそれだけでだけで方向を示すターンバイターンナビゲーションなどのような実際のナビゲーションscenariousに対して有効であると考えています(AからBへの移動方法の概要を表すポリライン)を地図上に表示してください。 – riper

+0

@riper A-Bポリラインは「ルートガイダンス」とは考えられないのですか?私は、Googleが公開Directions APIを提供しているがルートアシスタンスの使用を禁止していることはやや奇妙であることがわかります。 – Palisand

+0

はい、あなたが正しいかもしれません。残念ながら。 – riper

4

airbnbのMapview.Polylineコンポーネントを使用して経路を描画する必要があります。 ポリラインを描画するには、https://developers.google.com/maps/documentation/directions/intro#DirectionsRequests でAPI呼び出しを行い、overview_polyline文字列を使用してAPI呼び出しを行ってJSONオブジェクトを取得し、それをデコードすることで得ることができる2つの場所の間のルートの座標を取得する必要があります。 LatLangオブジェクトのリストを取得し、mapview.Polylineにpropとして渡して地図に表示されるルートを取得します。

サンプルAPI呼び出し https://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&key=YOUR_API_KEY

URL

関連する問題