title: Rendering multiple Google Maps API V3 markers from JSON
body: <p>Attempting to plot multiple markers using Google Maps API V3 from JSON output by PHP from DB.</p>
  
  <p>Map is initialized on page, however it does not populate with markers. Browser warns "Resource interpreted as Other but transferred with MIME type undefined."?</p>
  
  <p>Suggestions for further troubleshooting / debugging please.</p>
  
  <pre><code>        &lt;!--  load points from database into Locations JSON --&gt;
      $(document).ready(function () {
          $.getJSON("map-service.php?action=listpoints", function(json) {
  
          if (json.Locations.length &gt; 0) {
              for (i=0; i&lt;json.Locations.length; i++) {
                  var location = json.Locations[i];
                      addMarker(location); 
                      }
                  }
              });
  
          function addMarker(location) {
              var point = new google.maps.LatLng(location.lat, location.lng); 
              var marker = new google.maps.Marker({
                  position:point,
                  map: map,
                  title: location.name
                  }); 
              };
  
  
      });
  </code></pre>
  
  <p>Validated sample JSON output  from map-service.php?action=listpoints </p>
  
  <pre><code>{"Locations":[{"name":"Abco Mountain","lat":"49.424999","lng":"-125.855003"},{"name":"Adder Peak","lat":"49.248333","lng":"-125.320000"},{"name":"Alexandra Peak","lat":"49.738110","lng":"-125.489998"},{"name":"Argus Mountain","lat":"49.538612","lng":"-125.389999"},{"name":"Big Baldy Mountain","lat":"49.759998","lng":"-126.129997"}]}
  </code></pre>