css - 谷歌地图全屏

Question

我正在尝试让谷歌地图显示 100% 的宽度和高度。我搜索了几个示例，但无法正常工作。页面在这里

http://o-meter.dk/geo2.html

我在头部使用了这个css

<style type="text/css">
html, body { height:100%; }
</style>

这在 map div inline 中

<div id="map" style="width:100%; height:100%;">indenfor</div>

map 不显示

如果我这样做

<div id="map" style="width:500px; height:500px;">indenfor</div>

然后 map 以 500x500 像素显示。

我做错了什么？

Answer 1

我使用了以下 CSS:

#map_canvas {
    width:100%;
    height:100%;
    position: absolute;
    top: 0px;
    left: 0px;
}