title: How to load three different maps to different views at the same time?
body: <p>Here I have 3 different divs and what I need is to load three maps to them. My javascript looks like</p>
  
  <pre><code>function initialize() {
  var map_canvas1 = document.getElementById('map_canvas1');
  var map_canvas2 = document.getElementById('map_canvas2');
  var map_canvas3 = document.getElementById('map_canvas3');
  
  var map_options1 = {
    center: new google.maps.LatLng(44.5403, -78.5463),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  
  var map_options2 = {
    center: new google.maps.LatLng(44.5403, -78.5463),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };
  
  var map_options3 = {
    center: new google.maps.LatLng(44.5403, -78.5463),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.TERRAIN 
  };
  var map1 = new google.maps.Map(map_canvas1, map_options1);
  var map2 = new google.maps.Map(map_canvas2, map_options2);
  var map3 = new google.maps.Map(map_canvas3, map_options3);
  </code></pre>
  
  <p>}</p>
  
  <p>google.maps.event.addDomListener(window, 'load', initialize);</p>
  
  <p>My HTML body looks like</p>
  
  <pre><code>      &lt;body&gt;
          &lt;div id="tabs"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#map_canvas1"&gt;First&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#map_canvas2"&gt;Second&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#map_canvas3"&gt;Third&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;div id="map_canvas1" class="map_canvas"&gt;
              &lt;/div&gt;
              &lt;div id="map_canvas2" class="map_canvas"&gt;
              &lt;/div&gt;
              &lt;div id="map_canvas3" class="map_canvas"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p>And my style</p>
  
  <pre><code>.map_canvas {
    height: 600px;
  }
  </code></pre>
  
  <p>But the 2nd and 3rd maps not displaying correctly. 
  <img src="https://i.stack.imgur.com/j6QmM.png" alt="First Tab"><img src="https://i.stack.imgur.com/Bghvh.png" alt="Second Tab"><img src="https://i.stack.imgur.com/GXb6l.png" alt="Third Tab"></p>