title: Google GeoChart ignores width/height
body: <p>This was working fine until yesterday, when the Google geochart has stopped listening to me!</p>
  
  <p>Width and height are being ignored, and the map has returned to a small version in the top right of it's full width div. </p>
  
  <pre><code>       google.load('visualization', '1', {'packages': ['geomap']});
  
  
      function drawMap() {
  
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'City'); 
          data.addColumn('number', 'Visits'); 
          data.addColumn({type:'string', role:'tooltip', 'p': {'html': true}}); 
          data.addRows(#{GuideEditController.getCitiesData()});
  
    var options = {
          sizeAxis: { minValue: 0, maxValue: 100 },       
          displayMode: 'markers',
          colorAxis: {colors: ['#33ADFF', '#003D66']},
          width : '100%',
          height : '600px',
          enableRegionInteractivity: false,
          keepAspectRatio: true,
          legend : 'none',
          tooltip: {isHtml: true}
        };
  
        var container = document.getElementById('map_canvas');
        var geomap = new google.visualization.GeoChart(container);
        geomap.draw(data, options);
      };
  
  
        ....
       &lt;div class="map" id='map_canvas'&gt;&lt;/div&gt;
         &lt;script type='text/javascript'&gt;
         drawMap();
         &lt;/script&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/O0v9C.jpg" alt="image"></p>
  
  <p>This DIV seems to be the culprit to me.. I've got no idea where it came from, but assume it's a Google thing. </p>
  
  <p>The reason the call is made after the DIV is because the map is loaded on a tab that is loaded after the main page. </p>
  
  <p>This was working fine yesterday... </p>