parse_for_map.js

$(document).ready(function() {
  var latlng = new google.maps.LatLng(39.98, -98.26);
  var myOptions = {
    zoom: 4,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.HYBRID
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  var infowindow = new google.maps.InfoWindow({content: ''});

  function add_marker(point, name, content) {
     var marker = new google.maps.Marker({
        map: map,
        position: point,
        dragable: false,
        clickable: true,
        title: name
     });
     marker.content = content;
     google.maps.event.addListener(marker, 'click', function()
     {
        infowindow.content = marker.content;
        infowindow.open(map, marker);
     });
     return marker;
  };
  var markers = new Array();
  $(".field").each(function(index){
    var latlng =  new google.maps.LatLng($(this).find("*.lat").text(), $(this).find("*.lon").text());
    new add_marker( latlng, $(this).find("h2").text(), $(this).html());
  });
  $(".field").css('display', 'none')
})