title: placing markers in google maps
body: <p>My assignment asks to place multiple markers on the map based on an xml document that we need to parse. I've done the parsing, but I'm having from trouble figuring out how to put the lat and long elements into the new marker object. My code:</p>
  
  <pre><code>function loadPoint(){
  // var newHTML= "&lt;div style=\"padding:5px;border:solid 1px red\"&gt;";
  // new_lat =  escapeText($(this).find("latitude").number();
  // new_long =  escapeText($(this).find("longitude"));
  // newHTML += new_lat + "," + new_long;
  // newHTML += "&lt;/div&gt;";
  // $("body").append(newHTML);
  
  var latlong= new google.maps.LatLng($(this).find("latitude"),$(this).find("longitude"));
  var marker = new google.maps.Marker({
          map: map, 
          position: latlong
      })
  }
  
  function parser(data) {
  $(data).find("item title").each(loadDescription);
  $(data).find("item latitude").each(loadLat);
  $(data).find("item longitude").each(loadLong);
  $(data).find("item").each(loadPoint);
  }
  
  
  function myBadLoadFunction(myXMLHttpRequest,myErrorMessage,myErrorThrown) {
  alert('status: ' + myErrorMessage + '\n' + myXMLHttpRequest.responseText);
  }
  
  var map;
  var centerPoint = new google.maps.LatLng(53.608803,-1.497327);
  
  function initializeMap(){
  var myOptions = {
      zoom: 8,
      center: centerPoint,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  
   map = new google.maps.Map($('#map_canvas').get(0), myOptions);
  </code></pre>
  
  <p>In my head this makes sense...putting the parsed data as the params for creating a new latlng, but it does nothing so.. </p>