title: google maps not showing unless id set to map_canvas
body: <p>I am trying to get google maps api v3 to work, and well, it does! but <strong>ONLY</strong> when I set the div that displays the map to have an id of "map_canvas". Is that Id required? What if you want to display multiple maps on one page?</p>
  
  <p>I am setting the id in BOTH my js and html markup</p>
  
  <h2>It works flawlessly like this:</h2>
  
  <p>JS</p>
  
  
  
  <pre><code>&lt;script type="text/javascript" &gt;
   function initialize() {
      var mapOptions = {
       center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
   }
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code> &lt;div style="width:300px; height:300px;"&gt;
    &lt;div style="width:100% height:100%" id="map_canvas"&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <h2>It loads the map according to firebug, but doesn't display anything when I do this:</h2>
  
  <p>JS</p>
  
  
  
  <pre><code>&lt;script type="text/javascript" &gt;
   function initialize() {
      var mapOptions = {
       center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("anyotherid"), mapOptions);
   }
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code> &lt;div style="width:300px; height:300px;"&gt;
    &lt;div style="width:100% height:100%" id="anyotherid"&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <h1>Update</h1>
  
  <p>I uploaded an example page that reporduces my problem at:
  <a href="http://athleticaustin.com/spots/test" rel="nofollow">Example at athleticaustin.com/spots/test</a></p>
  
  <p>One peculiarity that I have noticed is that when I edit the id attribute with firebug from map_test to map_canvas on the div that displays the map, it suddenly appears even though the id is still defined as map_test in the JS in the head. </p>