Google Maps API V3可以顯示在表格單元中而不是div上嗎？

谷歌地圖API V3開發人員指南爲我們提供了下面的默認代碼：Google Maps API V3可以顯示在表格單元中而不是div上嗎？

<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>

該地圖不希望顯示上面的代碼。有沒有辦法做到這一點？

來源

2011-07-15 Krystian Chojnowski

該地圖不希望顯示使用上面的代碼* –

是否有你不能把格在表內就像一個理由：

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

來源

2011-07-15 09:13:20 Eddy

我一定是輸入錯了，因爲我複製了你的代碼，它的工作原理。謝謝你的回答，併爲這個麻煩感到抱歉。 –

的風格必須與寬度和高度爲<div>元素定義;否則，div是零高度，或者看起來如此。直到我把style='width:100%;height:100%'放在那裏，我才工作。

來源

2013-07-17 04:37:02

Google Maps API V3可以顯示在表格單元中而不是div上嗎？

回答

相關問題