Google मानचित्र पर कई मार्ग प्रदर्शित करना

Question

मैं उसी मानचित्र पर कई मार्ग प्रदर्शित करने की कोशिश कर रहा हूं लेकिन ऐसा करने में असमर्थ हूं।

कोई फर्क नहीं पड़ता कि मैं क्या करता हूं मुझे केवल एक ही रास्ता मिलता है।

function calcRoute() { 
     var start = document.getElementById('start').value; 
     var end = document.getElementById('end').value; 
     var request = { 
      origin: start, 
      destination: end, 
      travelMode: google.maps.DirectionsTravelMode.DRIVING 
     }; 
     directionsService.route(request, function(response, status) { 
      if (status == google.maps.DirectionsStatus.OK) { 
      directionsDisplay.setDirections(response); 
      } 
     }); 
     } 

कोई भी पॉइंटर्स सहायक होगा।

Answer 1

क्या आपने निम्नानुसार प्रयास किया?
यहां मैंने एक पथ पर कब्जा कर लिया है और इसे प्रदर्शित किया है। आप इसके अलावा pointsArray = result.routes[1].overview_path; लिखकर ऐसा कर सकते हैं और इसे एक नए पाश में प्रदर्शित कर सकते हैं।

directionsService.route (request, function (result, status) 
     { 
      if (status == google.maps.DirectionsStatus.OK) 
      { 
       directionsDisplay.setDirections (result); 
       pointsArray = result.routes[0].overview_path; 

       var i = 0; 
       var j = 0; 

       for (j = 0; j < pointsArray.length; j++) 
       { 
        var point1 = new google.maps.Marker ({ 
                position:pointsArray [j], 
                draggable:false, 
                map:map, 
                flat:true 
                }); 
       } 
      } 
     }); 

Answer 2

मुझे एक ही समस्या थी। Google मानचित्र के लिए Google समूह पर This thread दिखाता है कि यह कैसे करें।

लेखक (एक Google कर्मचारी) ने लिखा है इस:

आप दो DirectionsRenderer वस्तुओं, प्रत्येक कि एक ही नक्शे और विभिन्न DirectionsResults का उपयोग बनाने के लिए सक्षम होना चाहिए।

var map = new google.maps.Map(document.getElementById("map_canvas")); 
function renderDirections(result) { 
    var directionsRenderer = new google.maps.DirectionsRenderer; 
    directionsRenderer.setMap(map); 
    directionsRenderer.setDirections(result); 
} 

var directionsService = new google.maps.DirectionsService; 
function requestDirections(start, end) { 
    directionsService.route({ 
    origin: start, 
    destination: end, 
    travelMode: google.maps.DirectionsTravelMode.DRIVING 
    }, function(result) { 
    renderDirections(result); 
    }); 
} 
requestDirections('Huntsville, AL', 'Boston, MA'); 
requestDirections('Bakersfield, CA', 'Vancouver, BC'); 

मैं इसे करने की कोशिश की और यह काम करता है।