谷歌地圖CSS不顯示地圖

我在將Google地圖添加到我的項目時遇到了一些問題。當我把它變成身體標籤它的作品。但是當我有這樣的結構谷歌地圖CSS不顯示地圖

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

它不顯示任何東西。我如何解決這個問題？

這是因爲height: 100%;是always relative to the parent's height。在你的情況下，這是無名的div，它的高度爲零，所以#map_canvas將是100％，這仍然是零。所以Google地圖不會顯示，因爲div沒有可見的高度。

如果您在父div上指定100％，它將再次工作。我想你已經有html, body { height: 100%; }，如果它只是在身體標籤中的作品。

2012-04-14 19:39:02 kapa

你有html，身體也是100％嗎？

html, body, #map_canvas { margin: 0; padding: 0; height: 100% }

2012-04-14 19:29:43

回答