title: Google Maps API 3 - Type error: a is undefined
body: <p>I'm attempting to dynamically load geocodes from a json file here <a href="http://debug-gotfed.admin.zope.net/bataviaeats/at/dev_remote_content">http://debug-gotfed.admin.zope.net/bataviaeats/at/dev_remote_content</a></p>
  
  <p>I'm getting a "Type Error: a is undefined." What am I missing? </p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;script type="text/javascript"&gt;
  
    // Global
  
    var infowindow;
    var markers_img = 'http://gotfed.in/!/assets/global_images/got-fed-in-marker.png';
    var infoCloseIcon = 'images/close.png';
    var infoCloseMargin = '4px 4px 2px 2px';
  
    function initialize() {
      var mapOptions = {
        center: new google.maps.LatLng(58, 16),
        scrollwheel: false,
        mapTypeControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
  
      $.each(locations, function(i, data) {
        console.log(data.geocode);
        var position = new google.maps.LatLng(data.geocode);
        var marker = new google.maps.Marker({
            position: position,
            map: map,
            icon: markers_img
          });
        console.log(marker);
        // marker.setMap(map);
      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  
    &lt;/script&gt;
  </code></pre>