谷歌地图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

回答