DirectionsDistance in google maps API v3

Posted by Yawn on Stack Overflow See other posts from Stack Overflow or by Yawn
Published on 2010-03-18T18:45:34Z Indexed on 2010/03/18 19:31 UTC
Read the original article Hit count: 1068

Hey, I'm trying to work out how to use this to get the distance from the successful directions:

This is the code I have so far:

var googleMaps = {
  // HTML Nodes
  fromInput: google_maps_from,
  toInput: google_maps_to,

  // API Objects
  dirService: new google.maps.DirectionsService(),
  dirRenderer: new google.maps.DirectionsRenderer(),
  map: null,

  showDirections: function(dirResult, dirStatus) {
    if (dirStatus != google.maps.DirectionsStatus.OK) 
     //Here we'll handle the errors a bit better :P
      alert('Directions failed: ' + dirStatus);
     //Get the distance here

    // Show directions

  getSelectedTravelMode: function() {
    return google.maps.DirectionsTravelMode.DRIVING;

  getSelectedUnitSystem: function() {
    return google.maps.DirectionsUnitSystem.METRIC;

  getDirections: function() {
    var fromStr = googleMaps.fromInput;
    var toStr = googleMaps.toInput;
    var dirRequest = {
      origin: fromStr,
      destination: toStr,
      travelMode: googleMaps.getSelectedTravelMode(),
      unitSystem: googleMaps.getSelectedUnitSystem(),
      provideTripAlternatives: true
    googleMaps.dirService.route(dirRequest, googleMaps.showDirections);

  init: function() { = new google.maps.Map(document.getElementById("map_canvas"), {
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    // Show directions onload

// Onload handler to fire off the app.
google.maps.event.addDomListener(window, 'load', googleMaps.init);

I could do this just fine in v2, just having trouble working out the v3 equivalent :x

© Stack Overflow or respective owner

Related posts about google-maps

Related posts about google-maps-api-3