使谷歌地图适应容器div

Question

我正在尝试在iframe内插入地图div，我希望它能够适应容纳其比例的容器。我考虑过将iframe的{​​{1}}设置为width和100%设置为height但是它不起作用，会显示灰色块而不是地图。 http://jsfiddle.net/3R24j/9/

仅当auto 或 width具有固定或相对值或两者都有效时才会显示地图，但从不与height一起使用。 http://jsfiddle.net/3R24j/8/

Answer 1

这是Google地图的问题。当高度或宽度小于200px时，不会渲染。

您也可以将iframe的高度设置为100％，但div容器必须至少为200x200才能显示地图。