title: Javascript: Google Maps API: Blank Map if map loads in a hidden container
body: <p>This seems to be a common problem, but is there a fix for the latest google maps API to show a map if it is in a container that is initially hidden?</p>
  
  <p>Currently, I have map working when the container is displaying as block</p>
  
  <pre><code>&lt;div class="map-container"&gt;
      &lt;div id="map"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If <code>.map-container</code> has <code>display:none;</code> initially on the CSS, and I use Javascript to "show" the container, then I see where the map should be, with a blank background and the google logo on it.  </p>
  
  <p>Has anyone found any good solution?  The only thing I can think of trying is initially loading it showing, then with javascript hide it when the page loads...  I don't want to do this obviously, so if there is another way, that would be great to hear!</p>