Question

Google Maps API V3开发人员指南为我们提供了以下默认代码：

<script type="text/javascript">
  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);
  }
</script>

和

<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>

但是我希望我的地图显示在表格单元格而不是div中，如下所示：

<table>
 <tr>
  <td width="700px" height="700px" id="map_canvas"></td>
 </tr>
</table>

地图不想显示上面的代码。有办法吗？

Answer 1

是否有理由不能将div放在表格中：

<table> 
  <tr>  
    <td width="700px" height="700px">
      <div id="map_canvas" style="width:100%; height:100%"></div>
    </td>
  </tr>
</table>

Answer 2

必须使用<div>元素的宽度和高度定义样式;否则，div是零高度，或者看起来如此。直到我把style='width:100%;height:100%'放在那里，我才开始工作。

谷歌地图API V3可以显示在表格单元格而不是div中吗？

2 个答案: