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

Question

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

每当我使用 iPhone 或 Android 手机并将设备调成横屏模式时，信息窗口高度太小而无法看到内容并且没有滚动条出现(随附的照片显示了我的意思)。当设备处于纵向模式时，信息窗口会正确显示。

我已经尝试设置构成信息窗口内容的 HTML 的 height 和 min-height 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 重绘调用，但有一个用于更改大小。希望这会有所帮助。