Неверная высота InfoWindow API Карт Google в браузере iPhone / Android

Question

У меня есть веб-страница, которая использует API Карт Google v3 для отображения маркеров с информационными окнами, где у моей компании есть местоположения.

Всякий раз, когда я нахожусь на телефоне iPhone или Android, и устройство переключается в альбомный режим,высота информационного окна слишком мала, чтобы видеть содержимое, и полосы прокрутки не появляются (включенная фотография показывает, что я имею в виду).Когда устройство находится в портретном режиме, информационные окна отображаются правильно.

Я попытался установить свойства CSS высоты и минимальной высоты для HTML, составляющего содержимое информационных окон, но это не сработало.

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, но есть один для изменения размера. Надеюсь, это поможет.