I need to use the google map directions to show the directions between two addresses.
How can i show the google map using addresses?
Also, I have the source and destination addresses (no latitude and longitude), how can I show the directions between the address using jquery?
That's very easy:
var map = new GMap2(document.getElementById('map_canvas'));
var directions = new GDirections(map);
directions.load('from: London, UK to: Glasgow, UK');
Screenshot:
UPDATE:
Using the v3 API is a bit more verbose, but still straightforward:
var map = new google.maps.Map(document.getElementById('map_canvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
var request = {
origin: 'London, UK',
destination: 'Glasgow, UK',
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With