Question

我试图以多种方式做到这一点，但最明显的是：

var map2 = new GMap2(document.getElementById("map2"), {size:"100%"});

这不起作用。

Answer 1

Google says：

除非您在构造函数中使用GMapOptions为地图明确指定大小，否则映射会隐式使用容器的大小来自行调整大小。

因此，设置地图容器的大小填充所有可用空间：

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

Answer 2

如何动态计算其父容器的尺寸并在google地图元素上明确设置它们？假设100％/ 100％的高度不起作用。

Answer 3

只需指定宽度：100％;身高：100％对我来说还不够......

但是我通过使用以下BODY代码来实现它：

<body onload="initialize()" style="margin:0px; padding:0px;">

使用以下地图代码：

<div id="map" style="width: 100%; height: 100%; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div>

查看http://arve.epfl.ch/test/

的结果

/肖恩

Answer 4

<div class="some-pannel">
    <div class="map-wrapper">
        <div id="googleMap" style="width:100%;height:100%;"></div>
    </div>
</div>

.some-pannel{
    position: relative;
    width: 123px;
    height 321px;  
}
.map-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

如何让谷歌地图使用100％的父容器？

4 个答案: