Google Maps API InfoWindow iPhone / Android浏览器上的高度不正确

Question

我有一个网页，使用Google Maps API v3显示我公司所在地的信息窗口的标记。

每当我使用iPhone或Android手机并将设备置于横向模式时，信息窗口高度太小而无法看到内容而且没有滚动条显示（包括照片显示我的意思）。当设备处于纵向模式时，infowindows会正确显示。

我已经尝试设置构成infowindows内容的HTML的高度和最小高度CSS属性，但这没有用。

Answer 1

要更改此设置，您需要检测方向更改并重新绘制窗口，例如：

document.addEventListener("orientationChanged", updateOrientation, false);
function updateOrientation(e) {
// resize window here
    wrapperH = window.innerHeight;
    document.getElementById('map_container').style.height = wrapperH + 'px';
}

这应该适用于调整大小，我不记得API重绘调用，但有一个用于更改大小。希望这会有所帮助。