title: How to load a Google Map inside of a hidden element
body: <p>i have a page and a google map is inside a hidden div at first.  I then show the div after i click a link but only the top left of the map shows up.</p>
  
  <p>i tried having this code run after the click:</p>
  
  <pre><code>    map0.onResize();
  </code></pre>
  
  <p>or:</p>
  
  <pre><code>  google.maps.event.trigger(map0, 'resize')
  </code></pre>
  
  <p>any ideas.  here is an image of what i see after showing the div with the hidden map in it.<img src="https://i.stack.imgur.com/Ku5o5.png" alt="alt text"></p>