如何让谷歌地图使用100%的父容器?

Art*_*iro 3 javascript css api google-maps

我试图以多种不同的方式做到这一点,但最明显的是:

var map2 = new GMap2(document.getElementById("map2"), {size:"100%"});
Run Code Online (Sandbox Code Playgroud)

这不起作用.

Kel*_*tex 9

谷歌说:

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

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

<div id="map2" style="width: 100%; height: 100%"></div>
Run Code Online (Sandbox Code Playgroud)