locations.html

<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title> A Map of Meteorite Landings Around The World </title>
    <link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key="</script>
    <script src="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer_compiled.js"></script>
    <script src="locations.js"></script>
    <script>
      function initialize() {
            var myLatlng = new google.maps.LatLng(0,0)
            var mapOptions = {
              zoom: 3,
              center: myLatlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

            i = 0;
            var markers = [];
            for ( pos in Data ) {
                i = i + 1;
                var row = Data[pos];
    		    window.console && console.log(row);
                var newLatlng = new google.maps.LatLng(row[0], row[1]);
                var marker = new google.maps.Marker({
                    position: newLatlng,
                    map: map,
                    title: row[2]
                });
                markers.push(marker);
            }
          }
        </script>
      </head>
       <body onload="initialize()"> </body>
     <div id="map_canvas" style="height: 500px"></div>

</html>