title: Google Maps API v3 markers and circles suddenly stopped displaying
body: <p>My map was working perfectly; plotting markers with radius circles around them with infoWindows displaying on click. Then suddenly nothing. </p>
  
  <ul>
  <li>I went through the git history and no changes have been made to the code. </li>
  <li>It neither works locally nor deployed to a public domain.</li>
  <li>There are no JS errors.</li>
  <li>The addresses are being Geocoded correctly.</li>
  <li>The map itself renders.</li>
  <li>I am way below the rate limit.</li>
  <li>I checked the Google Maps API changelog and don't see anything pertinent.</li>
  </ul>
  
  <p>Someone please find what I'm not seeing!</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;&lt;/title&gt;
          &lt;style&gt;
              #map_canvas {
                  width:1000px;
                  height:700px;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="map_canvas"&gt;&lt;/div&gt;
          &lt;script src="http://maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
          &lt;script&gt;
  
              var addresses = ["117 Balsam Avenue,Hamilton,Ontario,Canada,L8M 3B4", "47 East Avenue,Hamilton,Ontario,Canada,L8L 5H4"];
              var map;
              var infoWindow;
  
              function encodeAddresses(addresses, callback) {
                  var geocoder = new google.maps.Geocoder();
                  for (var i = 0; i &lt; addresses.length; i++) {
                      geocoder.geocode({
                          'address' : addresses[i]
                      }, function (results, status) {
                          if (status === google.maps.GeocoderStatus.OK) {
                              var lat = results[0].geometry.location.Qa;
                              var long = results[0].geometry.location.Pa;
                              var address = results[0].formatted_address;
                              addCircleToMap(lat, long, address);
                              addMarkerToMap(lat, long, address);
                          }
                      });
                  }
              }
  
              function addCircleToMap(lat, long, address) {
                  var options = {
                      strokeColor : "#4EA429",
                      strokeOpacity : 0.8,
                      strokeWeight : 1,
                      fillColor : "#4EA429",
                      fillOpacity : 0.35,
                      map : map,
                      center : new google.maps.LatLng(lat, long),
                      radius : 1000,
                      address : address
                  };
                  var propertyRadius = new google.maps.Circle(options);
                  google.maps.event.addListener(propertyRadius, 'click', showInfo);
              }
  
              function showInfo(e) {
                  infoWindow.setContent(this.address + "&lt;br /&gt;(1000m/3280ft radius)");
                  infoWindow.setPosition(e.latLng);
                  infoWindow.open(map);
              }
  
              function addMarkerToMap(lat, long, address) {
                  new google.maps.Marker({
                      title : address,
                      map : map,
                      position : new google.maps.LatLng(lat, long)
                  });
              }
  
              function renderMap() {
                  var mapContainer = document.getElementById("map_canvas");
                  var mapOptions = {
                          zoom : 9,
                          center : new google.maps.LatLng(43.645004, -79.380707),
                          mapTypeId : google.maps.MapTypeId.ROADMAP
                      };
                  adjustMapContainerHeight(mapContainer);
                  map = new google.maps.Map(mapContainer, mapOptions);
                  infoWindow = new google.maps.InfoWindow();
              }
  
              function adjustMapContainerHeight(element) {
                  element.style.height = (document.height - 90) + "px";
              }
  
              function getCurrentPosition(defaultLatitude, defaultLongitude, callback) {  
                  var currentPosition = {};
                      currentPosition.latitude = defaultLatitude;
                      currentPosition.longitude = defaultLongitude;
                  if (navigator.geolocation) {
                      navigator.geolocation.getCurrentPosition(
                          function (position) {
                          currentPosition.latitude = position.coords.latitude;
                          currentPosition.longitude = position.coords.longitude;
                      },
                          function (error) {});
                  }
                  callback(currentPosition);
              }
  
              getCurrentPosition(43.645004, -79.380707, renderMap);
              encodeAddresses(addresses, addCircleToMap);
  
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>