title: Load data from JSON file into map markers in Google Maps
body: <p>I've got the following JSON file:</p>
  
  <pre><code>{
     "universities" : [
      [
          "title": "Aberystwyth University",
          "web": "www.aber.ac.uk",
          "phone": "+44 (0)1970 623 111",
          "lat": 52.415524,
          "lng": -4.063066
      ],
      [
          "title": "Bangor University",
          "web": "www.bangor.ac.uk",
          "phone": "+44 (0)1248 351 151",
          "lat": 53.229520,
          "lng": -4.129987
      ],
      [
          "title": "Cardiff Metropolitan University",
          "website": "www.cardiffmet.ac.uk",
          "phone": "+44 (0)2920 416 138", 
          "lat": 51.482708,
          "lng": -3.165881
      ]
    ]
  }
  </code></pre>
  
  <p>And I'm trying to load the data from this file into my google maps script to produce some map markers with respective info windows. Here's my script:</p>
  
  <pre><code>var map;
  var icon = "http://path/to/icon.png";
  var json = "http://path/to/universities.json";
  
  function initialize() {
  
    var mapProp = {
    center:   new google.maps.LatLng(52.4550,-3.3833), //LLANDRINDOD WELLS
     zoom:        7,
     mapTypeId:  google.maps.MapTypeId.ROADMAP
    }
  
    map = new google.maps.Map(document.getElementById("map"), mapProp);
  
    $.getJSON(json, function(json1) {
  
  $.each(json1, function(key, data) {
  
      var latLng = new google.maps.LatLng(data.lat, data.lng);
  
      var marker = new google.maps.Marker({
          position:   latLng,
          map:        map,
          icon:       icon,
          title:      data.title
      });
  
      var details = data.website + ", " + data.phone + ".";
  
      bindInfoWindow(marker, map, infowindow, details);
  
  });
  
   });
  
  }
  
  function bindInfoWindow(marker, map, infowindow, strDescription) {
      google.maps.event.addListener(marker, 'click', function() {
      infowindow.setContent(strDescription);
      infowindow.open(map, marker);
      });
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>
  
  <p>But the data isn't loading (i.e. the map markers and infowindows aren't showing)? Are there any problems with my JSON format. I've looked at previous solutions from Stacked such as <a href="https://stackoverflow.com/questions/16605758/how-to-create-multiple-infowindow-in-google-map-api">this one</a> but they're not loading. Any ideas?</p>