Problema de altura de Google mapas infowindow

Question

He estado buscando en la red una solución.

Mi problema es que la altura de la ventana de información no se calcula correctamente. No hay imágenes allí, por lo que no es un problema que la imagen se cargue más tarde y el tamaño no se conoce cuando se crea la burbuja.

También si lo lleno con aproximadamente 15 líneas más de texto, el tamaño está empezando a estar bien.

Esto es lo que alimento a infoWindowHtml:

<div><h2><a href="">Some title</a></h2><dl><dt>Location:</dt><dd>london</dd><dt>Description</dt><dd><p>Example text </p></dd></dl><p><a href="">Read more...</a></p></div>

Answer 1

Para resolver este problema, puede establecer el ancho y la altura de la división principal. Si establece solo el ancho, funcionará. Si configura el ancho, la altura y el desbordamiento: automático, también obtendrá una barra de desplazamiento en caso de un contenido demasiado largo.

Sin embargo, en Google Maps V3, este problema está resuelto.

Answer 2

Tuve el mismo problema pero descubrí que tenía este problema porque establecí el relleno en .contInfoBubble en el CSS, y no en el parámetro de opción. Entonces, elimino el relleno del CSS y lo configuro en el parámetro cuando creo la burbuja en el html (no el .js todavía pero map.html) , de esta manera:

[...]
var ib = new InfoBubble({
   //minHeight: 125,
   minWidth: 220,
   padding: 7,
   borderColor: "#dedede",
   borderRadius: 3,
   pixelOffset: new google.maps.Size(-140, -110),
});
[...]

Y resolví el problema. Tal vez a ti también.

Answer 3

Agregue un min-height a su elemento de clase infoWindow.

Eso resolverá el problema si tus infoWindows son del mismo tamaño.

Si no, agregue esta línea de jQuery a su función de clic para la ventana de información:

//remove overflow scrollbars
$('#myDiv').parent().css('overflow','');