Googleマップのすべてのマーカーとパスを結合するにはどうすればよいですか？

Question

私はGoogleマップ（API）に新たなんだと、私は次のような結果を取得する必要があります、私はそれにマップと場所のマーカーをレンダリングする方法を知っている瞬間

を（経度に基づいておよび緯度）。

var map; 

map = new google.maps.Map(document.getElementById('map_canvas'), { 
    zoom: 7, 
    center: new google.maps.LatLng(response[0].latitude, response[0].longitude), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

for (var i = 0; i < response.length; ++i) { 

    new google.maps.Marker({ 
     'map' : map, 
     'position' : new google.maps.LatLng(response[i].latitude, response[i].longitude), 
     'title' : response[i].address 
    }); 

} 

変数response構造が似ている：

[ 
Object 
address: "Krišjāņa Barona iela 25, Riga, LV-1011, Latvia" 
latitude: "24.1245290" 
longitude: "56.9528510" 
__proto__: Object 
, 
Object 
address: "Rīgas iela 1, Tukums, Tukuma novads, LV-3101, Latvia" 
latitude: "23.1630590" 
longitude: "56.9663880" 
__proto__: Object 
] 

マーカーの多くがあるかもしれません。私はプレビュー画像のようなパスとマーカーを結合する方法を探しています。

私は何を検索すべきか分かりません。私はあなたの助けが必要です。アドバイスありがとう！

Answer 1

例Google's tutorialから：また

var flightPlanCoordinates = [ 
    new google.maps.LatLng(37.772323, -122.214897), 
    new google.maps.LatLng(21.291982, -157.821856), 
    new google.maps.LatLng(-18.142599, 178.431), 
    new google.maps.LatLng(-27.46758, 153.027892) 
    ]; 
    var flightPath = new google.maps.Polyline({ 
    path: flightPlanCoordinates, 
    strokeColor: "#FF0000", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
    }); 

、the reference entry for Polylinesを参照してください。

あなたがLatLngオブジェクトの配列に応答オブジェクトをマッピングする方法がわからない場合は、ここでは例です：

var flightPath = responseArray.map(function (item) { 
    return new google.maps.LatLng(item.latitude, item.longitude); 
});