Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Using google map GDirections with address

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?

like image 944
Prasad Avatar asked Jan 21 '23 18:01

Prasad


1 Answers

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:

Using google map GDirections with address


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);
  }
});
like image 183
Daniel Vassallo Avatar answered Jan 24 '23 08:01

Daniel Vassallo