Angularjs GoogleマップAPIの描画ポリライン

Question

はと私に出力を提供します（基本的にそれぞれの新しいマーカーが追加され、私はそれは緯度だと長い値フェッチしていますクリックしてください）：

0: Latitude: 40.207196906764054 Longitude: -99.68994140625 
1: Latitude: 40.202477129519124 Longitude: -99.60823059082031 

コードスニペット：

$scope.map.markers.push(marker); 
// console.log($scope.map.markers); 

for (var item in $scope.map.markers) { 
    console.log(item +': '+ "Latitude: " + $scope.map.markers[item].coords.latitude + " " + "Longitude: " + $scope.map.markers[item].coords.longitude); 
} 

私は、このような形式の配列必要ポリライン描画するには：私は基本的にアルラインを描きたい

var flightPlanCoordinates = [ 
{lat: 37.772, lng: -122.214}, 
{lat: 21.291, lng: -157.821}, 
{lat: -18.142, lng: 178.431}, 
{lat: -27.467, lng: 153.027} 
]; 

をこれらのマーカーをつけてください。私のforループの内部にこのような構造を構築して、ポリラインの 'Path'変数に与えることができるこれらの緯度と経度の値を追加するにはどうすればいいですか？

var myCoordinates = []; 
for (var item in $scope.map.markers) { 
    myCoordinates.push({lat: $scope.map.markers[item].coords.latitude, lng: $scope.map.markers[item].coords.longitude}); 
} 

をしてからmyCoordinates配列あなたはflightPlanCoordinatesを使用するのと同じ方法を使用します。

Answer 1

あなたはループがマーカーを谷と空の配列にそれらの座標を追加することができるはずです（サイクルのためにあなたが示した作品を提供）

var myPolyline = new google.maps.Polyline({ 
    path: myCoordinates, 
    geodesic: true, 
    strokeColor: '#FF0000', 
    strokeOpacity: 1.0, 
    strokeWeight: 2, 
    map: map 
});