title: Google Maps Weather Layer No Longer Works Since Google Update
body: <p>I understand that Google updated their map a day or two ago. Since the update, the weather layer no longer works on the webpage I am building.  I have a MacBook Air with Apache server installed. </p>
  
  <p>When the map loads the marker still works and the latitude and longitude are correct, but the city names no longer show nor does any of the weather features. </p>
  
  <p><br>Here is what I have tried to fix the issue: <br>
  * I tried the three different web browsers that I have installed on my MacBook - Firefox, Safari, Google. Same issue in all three.<br>
  * I tried turning my Mac off and back on again. <br>
  * I went to the Google maps API website and according to that my coding is correct.<br>
  * If I do set the zoom property to 13, the city names will show up but no weather layer...which I understand is the proper behavior with a zoom setting of 13 or higher. <br>
  * On the Google maps API website, I copied and pasted the example code for the weather layer and it worked!  They have a latitude and longitude of a country outside of the USA.  I compared my coding to the example coding and my coding is the same, except for the latitude and longitude.  SO, when I changed the latitude and longitude in the example coding to another location the weather layer stopped working.</p>
  
  <p>Here is my code, but it seems to me that the issue is on Google's end.  It was suggested that I post the question here (I already posted this question at productforums.google.com) because employee's from Google will see this question.</p>
  
  <pre><code>var map;
  
        function initialize() 
        {
          var mapOptions = 
          {
            center: new google.maps.LatLng(40.0157394, -105.2792435),
            /*center: new google.maps.LatLng(49.265984,-123.127491),*/
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: true,
            mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            position: google.maps.ControlPosition.TOP_LEFT
            },
            zoomControl: true,
            zoomControlOptions: {
              style: google.maps.ZoomControlStyle.SMALL,
              position: google.maps.ControlPosition.LEFT_CENTER
            } 
          }; 
  
           map = new google.maps.Map(document.getElementById("gmap"), mapOptions); 
  
  
           /* Weather */
           var weatherLayer = new google.maps.weather.WeatherLayer({
             temperatureUnits: google.maps.weather.TemperatureUnit.FAHRENHEIT
            });
  
           weatherLayer.setMap(map);
  
           var cloudLayer = new google.maps.weather.CloudLayer();
           cloudLayer.setMap(map);
  
  
           /* Marker &amp; InfoWindow */   
           var marker = new google.maps.Marker(
            {
             position: mapOptions.center,
             map: map
             });
  
             var text = '&lt;div id="mapText"&gt;' + 'I live in beautiful Boulder, CO!' + '&lt;/div&gt;';  
  
          var infowin = new google.maps.InfoWindow(
            {
             content: text,
             pixelOffset: new google.maps.Size(0, 20)
            }); 
  
            infowin.open(map, marker);
  
            google.maps.event.addListener(marker, 'click', function() 
            {
              infowin.open(map,marker);
            });
        };
  
  google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>
  
  <p>To work around the issue for now, I set my zoom to 13 so at least the city and street names will show, and the weather features are disabled when zoom is set to 13 or higher. </p>
  
  <p>I'm pretty sure my coding is correct. Any ideas will be appreciated.</p>