AngularJS와 구글지도 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 
});