2016-10-13 10 views
1

を描画する方法を私はhttps://github.com/airbnb/react-native-mapsを使用して開始し、配列の配列から運描画ポリラインを有していないと、マップ上の座標ました。リアクト - ネイティブ・マップのポリライン

私は私が正しく座標の配列で渡しているかどうかわからないです。

これは私がポリラインをレンダリングしています方法です:がどのように見える

 {this.state.polylines.map(polyline => (
     <MapView.Polyline 
      key={polyline.id} 
      coordinates={polyline.coordinates} 
      strokeColor="#000" 
      fillColor="rgba(255,0,0,0.5)" 
      strokeWidth={1}/> 
    ))} 

polyline.coordinates:

 [[lat,lng],[lat,lng],[lat,lng]] 

は、任意のヘルプ/アドバイスをありがとう:D

+0

どのように緯度とLNGの配列を手に入れました? [[lat、lng]、[lat、lng]]。 。?? \ –

答えて

1

は、私は思いますそれはAPIに記載されているように座標がタイプLatLngの配列でなければなりません。

LatLngオブジェクトがどのように作成されたかは、たとえばMapMarkerのコンポーネントにあります。ここでは、(該当する行にリンクされている)source codecomponent APIを見つけることができます。これはあなたを助ける

希望、
マリウス

+0

あなたが正しい、MapView.Polyline成分は、緯度/経度ペアオブジェクト座標の配列でなければならない小道具座標をとります。 – douglaswissett

+0

ありがとうございました! – douglaswissett

+0

どういたしまして。これはあなたの問題を解決できることを聞いて幸せ:) – mrunde

関連する問題