Code Snippet Library
accessing arguments in UI events add controls add state to controls adsense map ad unit adsense map ad unit formats advanced custom styling animate symbol arrows asynchronous loading auto-complete polygon bicycle layer circle overlays complex icons complex polyline control options control positioning custom controls custom info boxes custom map projections custom style map custom symbols dashed lines directions service directions service (advanced) directions service (draggable) directions service with text directions directions service with travel modes directions service with waypoints disable the default UI distance matrix service draggable polygons drawing tools elevations along a path elevation service fusion table layer fusion table layer with heatmap fusion table layer with query fusion table layer with styling geocoding service geolocation geometry encoding methods geometry navigation functions heading geoRSS layer get the new google maps styling getting properties with event handlers ground overlays heatmap layer info window with max width kml layer kml layer with events languages listening to DOM events localize map marker animations marker animations with setTimeout() overlays panoramio layer panoramio layer (restrict photos by tag) panoramio widget api place details place searches polygon array recatangles region code biasing (ES) region code biasing (US) remove overlay reverse geocoding show & hide overlays show pixel and tile coordinates simple click event simple icons simple info window simple map simple map with visual refresh enabled simple markers simple polygon simple polylines simple styled map street view controls street view data access street view events street view panoramas street view panorama tiles street view service traffic layer transit layer user-editable shapes using closures in event listeners weather layer

distance matrix service

Calculate distances.

var map;
var geocoder;
var bounds = new google.maps.LatLngBounds();
var markersArray = [];

var origin1 = new google.maps.LatLng(55.930, -3.118);
var origin2 = \'Greenwich, England\';
var destinationA = \'Stockholm, Sweden\';
var destinationB = new google.maps.LatLng(50.087, 14.421);

var destinationIcon = \'https:chart.googleapis.comchart?chst=d_map_pin_letter&chld=D|FF0000|000000\';
var originIcon = \'https:chart.googleapis.comchart?chst=d_map_pin_letter&chld=O|FFFF00|000000\';

function initialize() {
  var opts = {
    center: new google.maps.LatLng(55.53, 9.4),
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById(\'map-canvas\'), opts);
  geocoder = new google.maps.Geocoder();
}

function calculateDistances() {
  var service = new google.maps.DistanceMatrixService();
  service.getDistanceMatrix(
    {
      origins: [origin1, origin2],
      destinations: [destinationA, destinationB],
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);
}

function callback(response, status) {
  if (status != google.maps.DistanceMatrixStatus.OK) {
    alert(\'Error was: \' + status);
  } else {
    var origins = response.originAddresses;
    var destinations = response.destinationAddresses;
    var outputDiv = document.getElementById(\'outputDiv\');
    outputDiv.innerHTML = \'\';
    deleteOverlays();

    for (var i = 0; i < origins.length; i++) {
      var results = response.rows[i].elements;
      addMarker(origins[i], false);
      for (var j = 0; j < results.length; j++) {
        addMarker(destinations[j], true);
        outputDiv.innerHTML += origins[i] + \' to \' + destinations[j]
            + \': \' + results[j].distance.text + \' in \'
            + results[j].duration.text + \'
\';
      }
    }
  }
}

function addMarker(location, isDestination) {
  var icon;
  if (isDestination) {
    icon = destinationIcon;
  } else {
    icon = originIcon;
  }
  geocoder.geocode({\'address\': location}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      bounds.extend(results[0].geometry.location);
      map.fitBounds(bounds);
      var marker = new google.maps.Marker({
        map: map,
        position: results[0].geometry.location,
        icon: icon
      });
      markersArray.push(marker);
    } else {
      alert(\'Geocode was not successful for the following reason: \'
        + status);
    }
  });
}

function deleteOverlays() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray = [];
}

google.maps.event.addDomListener(window, \'load\', initialize);