Skip to content

Instantly share code, notes, and snippets.

@levymetal
Last active November 1, 2022 02:38
Show Gist options
  • Star 11 You must be signed in to star a gist
  • Fork 11 You must be signed in to fork a gist
  • Save levymetal/5083949 to your computer and use it in GitHub Desktop.
Save levymetal/5083949 to your computer and use it in GitHub Desktop.
Tutorial on how to calculate driving distance using Google maps API, full post available @ http://christianvarga.com/how-to-calculate-driving-distance-between-2-locations-with-google-maps-api/
var directionsService = new google.maps.DirectionsService();
var request = {
origin : 'Melbourne VIC', // a city, full address, landmark etc
destination : 'Sydney NSW',
travelMode : google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if ( status == google.maps.DirectionsStatus.OK ) {
alert( response.routes[0].legs[0].distance.value ); // the distance in metres
}
else {
// oops, there's no route between these two locations
// every time this happens, a kitten dies
// so please, ensure your address is formatted properly
}
});
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
@prineshaz
Copy link

Thank you!!

@sibghatullahshah
Copy link

Thank you sir, can we write this distance over marker on that map ?

@BrianWekesa
Copy link

verry usefull just like @sibghatullahshah requested I will be gratefull to see how that can be done also thanks

Copy link

ghost commented Feb 26, 2018

Thank you, works fine !

@meetgerry
Copy link

Can we do this with multiple points? Do you have a script like this?

@NaiyaShah-BTC
Copy link

Thank you!!

@GavinWatts
Copy link

GavinWatts commented Dec 5, 2019

Hi Levymetal, With the API now requiring a key how would I modify the code to include that? I dig the username BTW.
I am not much of a programmer but would like to include this functionality in my website.

@levymetal
Copy link
Author

@GavinWatts you should be able to do something like this with the script tag:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=YOUR_API_KEY"></script>

Give that a try and let me know how you go!

@DevArpan7
Copy link

Thank you, sir !!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment