title: Can Google Maps API V3 be displayed in a table cell instead of a div?
body: <p>Google Maps API V3 Developer's Guide provides us with a following default code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    function initialize() {
      var latlng = new google.maps.LatLng(-34.397, 150.644);
      var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"),
          myOptions);
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;body onload="initialize()"&gt;
    &lt;div id="map_canvas" style="width:100%; height:100%"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>However I would like my map to be displayed in a table cell instead of a div, like this:</p>
  
  <pre><code>&lt;table&gt;
   &lt;tr&gt;
    &lt;td width="700px" height="700px" id="map_canvas"&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The map does not want to show the code above. Is there a way to do it?</p>