API Google Maps InfoWindow Hauteur incorrecte sur le navigateur iPhone/Android

Question

J'ai une page Web qui utilise Google Maps API v3 pour afficher les marqueurs avec infowindows où ma société a des emplacements.

Chaque fois que je suis sur un iPhone ou un téléphone Android et que l'appareil est en mode paysage, la hauteur de l'infowindow est trop petite pour voir le contenu et aucune barre de défilement n'apparaît (la photo incluse montre ce que je veux dire). Lorsque l'appareil est en mode portrait, les infowindows s'affichent correctement.

J'ai essayé de définir les propriétés CSS height et min-height du HTML qui constitue le contenu des infowindows, mais cela n'a pas fonctionné.

Answer 1

Pour changer cela, vous devez détecter le changement d'orientation et redessiner votre fenêtre, quelque chose comme:

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

Cela devrait fonctionner pour le redimensionnement, et je ne me souviens pas l'API redessiner appeler, mais il y en a un pour changer de taille. J'espère que cela t'aides.