Saltar al contenido

¿Cómo configurar la altura máxima de la ventana de información del marcador de Google Map?

Solución:

Este problema también puede ser el resultado de la aplicación de estilos heredados al contenido de la ventana de información después de que se haya adjuntado al mapa.

Por ejemplo: el tamaño de la fuente se calculará en función de la fuente predeterminada. Cuando se adjunta la ventana de información, la fuente cambiará según el CSS heredado y, si es más grande, se desbordará en la parte inferior de la ventana de información.

Si no desea eliminar el estilo heredado (y la mayoría de las veces no lo hace), debe anular explícitamente el estilo heredado en el contenido de la ventana de información.

Puede encontrar una excelente descripción de este problema y su solución en:

Solucionando el problema de ‘CSS heredado’

.gm-style-iw{
    max-height: 10px;
}

¡El código anterior hace el trabajo!

Si la ventana de información contiene una imagen, es posible que se desborde porque el tamaño de la ventana de información se establece antes de que se descargue la imagen. Si este es el caso, deberá especificar el tamaño de la imagen o precargarla.

De lo contrario, simplemente colocaría el contenido en un div con una barra de desplazamiento:

div.infowindow {
    max-height:250px;
    overflow-y:auto;
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *