title: Google Map V3 off center in hidden div
body: <p>I have a google map inside a div that I need to be hidden by default </p>
  
  <pre><code>&lt;div id="newpost" style="display:none;"&gt;
  </code></pre>
  
  <p>When the map is unhidden a part of it isn't rendering.  I'm guessing I have to reload the map onSubmit.  Anybody know how to do this?</p>
  
  <p>Thanks!</p>
  
  <p>Here's my code:</p>
  
  <pre><code>   &lt;script type="text/javascript"&gt;
  jQuery(document).ready(function(){
      jQuery('#newcatchhide').live('click', function(event) {        
           jQuery('#newpost').toggle('show');
      });
  });
  </code></pre>
  
  <p>This is the map oad function on the body tag:</p>
  
  <pre><code>&lt;body onload="load()" onunload="GUnload()"&gt;
  </code></pre>
  
  <p>Here is the div that is toggled, and the div that contains the map:</p>
  
  <pre><code>&lt;div id="newpost" style="display:none;"&gt;
    &lt;div id="map" style="width: 500px; height: 300px"&gt;&lt;/div&gt;
  </code></pre>