谷歌地圖API：找到一個主要路線/兩點之間的備用路線

Question

我想獲得兩個地點之間的主要路線。我已經找到了距離和持續時間，但我想要獲得像下面的圖像中的主要路線，我想通過1-57 S獲得。我試着按照代碼獲取路線，但我得到了太多的路線;我只想要一個建議的方向在圖像中畫圈。

例如：

directionsService.route(request, function(result, status) { 
    if (status == google.maps.DirectionsStatus.OK) 
    { 
     alert("Root length: "+result.routes.length); 
     for (var i = 0; i < result.routes.length; i++) 
     {  
      var dur = result.routes[i].legs[0].distance.value/1000;  
      var steps = result.routes[i].legs[0].steps; 
      for (j = 0; j < steps.length; j++) { 
       var nextSegment = steps[j].instructions; 
       alert("nextSegment: " + nextSegment + " path latlong: "+steps[j].path); 
      } 

      var hours = Math.floor((result.routes[i].legs[0].duration.value)/3600); 
      var minutes = Math.ceil(((result.routes[i].legs[0].duration.value) - (hours * 3600))/60); 
     }   
    } 
}); 

圖片：

Example image to find main route(circled in image) to reach destination

Answer 1

「經由路線x」 是在每個路由對象summary（無字 「通過」，而是可以添加通過你自己）。

directionsService.route(request, function (response, status) { 

    if (status == google.maps.DirectionsStatus.OK) { 

     var routes = response.routes; 

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

      // Display the routes summary in a div 
      document.getElementById('routes').innerHTML += 'Via ' + routes[i].summary + '<br />'; 
     } 
    } 
}); 

下面是一個（相當複雜的）如何獲取每個路線細節並在地圖上顯示它們的例子。

JSFiddle demo