Google지도 API - 도로 폴리선에 여러 스냅

Question

도로에 폴리 라인 스냅을 삽입했습니다. 그것은 잘 작동합니다. 이제 동일한 맵에서 도로에 다른 분리 된 폴리 라인 스냅을 삽입하고 싶습니다. 그리고 그것은 잘 작동하지 않습니다. 첫 번째 폴리 라인의 끝점과 두 번째 폴리 라인의 시작점을 체계적으로 조인합니다.

도움 주셔서 감사합니다.

여기하려면 DirectionsService가 비동기 내 코드

function initialize() { 

var pos = new google.maps.LatLng(-26.431228,-69.572755); 

var myOptions = { 
    zoom: 5, 
    center: pos, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

var map = new google.maps.Map(document.getElementById('map'), myOptions); 

map.setCenter(pos); 


//FIRST POLYLINE SNAP TO ROAD 

ChileTrip1 = [ 
    new google.maps.LatLng(-33.417723,-70.605018), 
    new google.maps.LatLng(-33.022446,-71.551688) 
    ]; 

var traceChileTrip1 = new google.maps.Polyline({ 
    path: ChileTrip1, 
    strokeColor: "red", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
}); 

var service1 = new google.maps.DirectionsService(),traceChileTrip1,snap_path=[]; 
traceChileTrip1.setMap(map); 
for(j=0;j<ChileTrip1.length-1;j++){ 
    service1.route({origin: ChileTrip1[j],destination: ChileTrip1[j+1],travelMode: google.maps.DirectionsTravelMode.DRIVING},function(result, status) { 
     if(status == google.maps.DirectionsStatus.OK) { 
      snap_path = snap_path.concat(result.routes[0].overview_path); 
      traceChileTrip1.setPath(snap_path); 
     } 
    }); 
} 

//SECOND POLYLINE SNAP TO ROAD 

ChileTrip2 = [ 
    new google.maps.LatLng(-29.959694,-71.30825), 
    new google.maps.LatLng(-32.778038,-71.181908) 
]; 

var traceChileTrip2 = new google.maps.Polyline({ 
    path: ChileTrip2, 
    strokeColor: "blue", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
}); 

var service2 = new google.maps.DirectionsService(),traceChileTrip2,snap_path=[]; 
traceChileTrip2.setMap(map); 
for(j=0;j<ChileTrip2.length-1;j++){ 
    service2.route({origin: ChileTrip2[j],destination: ChileTrip2[j+1],travelMode: google.maps.DirectionsTravelMode.DRIVING},function(result, status) { 
     if(status == google.maps.DirectionsStatus.OK) { 
      snap_path = snap_path.concat(result.routes[0].overview_path); 
      traceChileTrip2.setPath(snap_path); 
     } 
    }); 
} 

    }; 
    window.onload = function() { initialize();}; 

Answer 1

입니다. 어느 쪽을 사용하기 전에 콜백 루틴 내부의 snap_path 배열을 지우거나 2 개 개의 분리 snap_path의 배열을 만들 :

function initialize() { 

var pos = new google.maps.LatLng(-26.431228,-69.572755); 

var myOptions = { 
    zoom: 5, 
    center: pos, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

var map = new google.maps.Map(document.getElementById('map'), myOptions); 

map.setCenter(pos); 


//FIRST POLYLINE SNAP TO ROAD 

ChileTrip1 = [ 
    new google.maps.LatLng(-33.417723,-70.605018), 
    new google.maps.LatLng(-33.022446,-71.551688) 
    ]; 

var traceChileTrip1 = new google.maps.Polyline({ 
    path: ChileTrip1, 
    strokeColor: "red", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
}); 

var service1 = new google.maps.DirectionsService(),traceChileTrip1,snap_path1=[]; 
traceChileTrip1.setMap(map); 
for(j=0;j<ChileTrip1.length-1;j++){ 
    service1.route({origin: ChileTrip1[j],destination: ChileTrip1[j+1],travelMode: google.maps.DirectionsTravelMode.DRIVING},function(result, status) { 
     if(status == google.maps.DirectionsStatus.OK) { 
      snap_path1 = snap_path1.concat(result.routes[0].overview_path); 
      traceChileTrip1.setPath(snap_path1); 
     } else alert("Directions request failed: "+status);   
    }); 
} 

//SECOND POLYLINE SNAP TO ROAD 

ChileTrip2 = [ 
    new google.maps.LatLng(-29.959694,-71.30825), 
    new google.maps.LatLng(-32.778038,-71.181908) 
]; 

var traceChileTrip2 = new google.maps.Polyline({ 
    path: ChileTrip2, 
    strokeColor: "blue", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
}); 

var service2 = new google.maps.DirectionsService(),traceChileTrip2,snap_path2=[]; 
traceChileTrip2.setMap(map); 
for(j=0;j<ChileTrip2.length-1;j++){ 
    service2.route({origin: ChileTrip2[j],destination: ChileTrip2[j+1],travelMode: google.maps.DirectionsTravelMode.DRIVING},function(result, status) { 
     if(status == google.maps.DirectionsStatus.OK) { 
      snap_path2 = snap_path2.concat(result.routes[0].overview_path); 
      traceChileTrip2.setPath(snap_path2); 
     } else alert("Directions request failed: "+status);   
    }); 
} 

    }; 
    window.onload = function() { initialize();}; 

working example

주를 overview_path - 길가 "단순화"이며, 반드시 도로를 따라하지 않습니다. 정확한 경로가 필요한 경우 모든 다리를 처리해야합니다.