Google Geolocation

Plot multiple data points

by Nic Scozzaro

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="map_canvas"></div>

CSS

#map_canvas {
  width: 500px;
  height: 500px;
}

JavaScript

$(document).ready(function() {
  var map;
  var elevator;
  var myOptions = {
    zoom: 1,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: 'terrain'
  };
  map = new google.maps.Map($('#map_canvas')[0], myOptions);

  addresses = ['Norway', 'Africa', 'Asia', 'North America', 'South America'];
  geolocations = [];
  for (x = 0; x < addresses.length; x++) {
 (function (){
     var i = x; 
    $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address=' + addresses[i] + '&sensor=false', function(data) {
      var p = data.results[0].geometry.location;
      var latlng = new google.maps.LatLng(p.lat, p.lng);
      geolocations.push('{' + addresses[i] + ',' + latlng + '}');
      console.log(geolocations[i]);
      new google.maps.Marker({
        position: latlng,
        map: map
      });

    });
    })(); 
  }


});