谷歌地图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%; }
,如果它只是在身体标签中的作品。
答
你有html,身体也是100%吗?
html, body, #map_canvas { margin: 0; padding: 0; height: 100% }