title: Making google maps responsive to resize
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/11598955/resizing-google-map-according-to-browser-resizing">Resizing google map according to browser resizing</a>  </p>
  </blockquote>
  
  
  
  <p>So normally google maps using the js api would look like this...</p>
  
  <p><img src="https://i.stack.imgur.com/H7doS.png" alt="enter image description here"></p>
  
  <p>Now if I was to refresh the page, with the developer tools up, and then put the developer tools down a bit it looks like this.</p>
  
  <p><img src="https://i.stack.imgur.com/fSzyg.png" alt="enter image description here"></p>
  
  <p>So I want to know how I can get it to redraw the controls and resize the map when the window is resized. I tried this code here. But no go...</p>
  
  <pre><code>#map_canvas {width:100%;height:100%;position: absolute; top: 42px; left: 0; right: 0;
   bottom:0; z-index: 1; overflow: hidden; }
  </code></pre>