title: Google Map Is Not Resizing Properly
body: <p>I'm developing an application, where in I've included the <code>google maps</code>.
  The <code>script</code> is as follows.</p>
  
  <pre><code>&lt;script&gt;https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&lt;/script&gt;
  &lt;script&gt;
     $(function() {
       var map;
  
       function initialize() {
  
          var mapOptions = {
                zoom: 8,
                center: new google.maps.LatLng(13.004558, 77.6017),
                mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          var map = new google.maps.Map(document.getElementById('map-canvas'),
                 mapOptions);
          }
  
          google.maps.event.addDomListener(window, 'load', initialize);
          google.maps.event.trigger(map, "resize");
  
       });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>And the <code>div</code> is</p>
  
  
  
  <p>Its not resizing correctly but once you click on inspect element its resizing. Please help me to find out the solution. The work is more appreciated</p>