Hi all,
I have implemented the directions in google maps v3. The steps also
gets displayed but the problem I am facing is that when I get the
directions for the second time between two points the old directions
and the polylines are not getting replaced by the new polyline and
directions. I have 2 text boxes where I enter the start and end
address:
function getDirections()
{
console.log('in getDir');
var directionsService = new google.maps.DirectionsService();
var directionDisplay;
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(null)
directionsDisplay.setPanel(null);
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) {
google.maps.event.addListener(directionsDisplay,
'directions_changed', function() {
computeTotalDistance(directionsDisplay.directions);
});
directionsDisplay.setDirections(response);
}
});
directionsDisplay.setMap(map)
directionsDisplay.setPanel(document.getElementById('dir'));
}
<div id="map_canvas" style="width:100%; height:100%"></div>
<div id="dir" style="width:100%; height:100%"></div>
Can someone please let me know if anything is wrong here.
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
