title: Google Map doesn't fully expand when using Toggle
body: <p>I have two divs positioned next to each other. The one on the left contains a Google Map while the one on the right is empty, which I am using as a sidebar. I created a toggle button that collapses the sidebar and expands the map to cover the full width of the viewport. However, the Google Map div doesn't seem to expand fully and always leaves part of the space empty. This issue doesn't occur when I'm just expanding a plain div so I wonder if it's a problem with Google Maps? <a href="http://jsfiddle.net/XnDsS/" rel="nofollow">Fiddle</a>:</p>
  
  <pre><code>$(document).ready(function () {
      $("#toggle").click(function () {
         $("#side_bar").animate({
             width: 'toggle'
         });
         var value = $("#map")[0].style.width !== "100vw" ? '100vw' : '80vw';
         $("#map").animate({
             width: value
         });
      });
  });
  </code></pre>
  
  <p>I get the same problem on all browsers, latest versions:</p>
  
  <p><a href="http://oi57.tinypic.com/2heek9l.jpg" rel="nofollow">Image Example</a></p>