У меня есть требование показать несколько маршрутов между источником и пунктом назначения. Например: если я выбираю источник и пункт назначения, я могу найти один единственный маршрут. Но, как и в Google Maps, у нас есть предложенный вариант маршрутов, который мне нужно реализовать, но я потерпел неудачу со всеми своими попытками. Пожалуйста, найдите ниже код (работает, например, который показывает один маршрут между источником и пунктом назначения). Пожалуйста, руководство, если я что-то пропустил. заранее спасибо

Chart

html,body,#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px
}

#panel {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -180px;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
}


 var directionsDisplay; var directionsService = new google.maps.DirectionsService(); var map;  
function initialize() 
{   
    directionsDisplay = new google.maps.DirectionsRenderer();   
    var delhi = new google.maps.LatLng(28.6168, 77.2434);  
     var mapOptions = 
         {     
             zoom: 6,     
             mapTypeId: google.maps.MapTypeId.ROADMAP,     
             center: delhi   
         }  
      map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);   
      directionsDisplay.setMap(map); }  function calcRoute() {  
      var start = document.getElementById('start').value;   
      var end = document.getElementById('end').value;  
       var waypts = [];   
       var checkboxArray = document.getElementById('waypoints');   
       for (var i = 0; i < checkboxArray.length; i++) 
           {     if (checkboxArray.options[i].selected == true) 
               {       
               waypts.push({           
               location:checkboxArray[i].value,           
               stopover:true});     
               }   
           }    
       var request = 
           {       
               origin: start,       
               destination: end,       
               waypoints: waypts,       
               optimizeWaypoints: true,       
               travelMode: google.maps.TravelMode.DRIVING   
            };   
        directionsService.route(request, function(response, status) 
                {     
                    if (status == google.maps.DirectionsStatus.OK) 
                        {       
                            directionsDisplay.setDirections(response);       
                            var route = response.routes[0];      
                            var summaryPanel = document.getElementById('directions_panel');       
                            summaryPanel.innerHTML = '';       // For each route, display summary information.      
                            for (var i = 0; i < route.legs.length; i++) 
                            {        
                                var routeSegment = i + 1;        
                                summaryPanel.innerHTML += 'Route Segment: ' + routeSegment + '<br>';        
                                summaryPanel.innerHTML += route.legs[i].start_address + ' to ';        
                                summaryPanel.innerHTML += route.legs[i].end_address + '<br>';         
                                summaryPanel.innerHTML += route.legs[i].distance.text + '<br><br>';      
                            }     
}   }); 
}  google.maps.event.addDomListener(window, 'load', initialize);      




Loco Journey Start Station: 
    Panvel
    Lucknow
    Firozpur
    Ghaziabad
 <br>
Journey: <br>
(Ctrl-Click for multiple selection) <br>

    Bhopal
    Raipur
    Farukkhabad
    Jhansi
 <br>
Loco Journey End Station: 
    Lucknow
    Firozpur
    Ghaziabad
    Tughlakabad
 <br>