Controlar el ancho de una ventana de información de Google Maps

Question

¿Alguien sabe cómo establecer el ancho de la ventana de información en Google Maps? La ventana de información es la burbuja tipo caricatura que aparece al hacer clic en un punto en Google Maps. Puedo controlar la altura a través de CSS, pero no puedo imaginar cómo cambiar el ancho (quiero más delgada que la ventana de información predeterminada).

Encontré una referencia a maxWidth en la API pero no puedo encontrar dónde poner esto. ¿Algunas ideas?

Answer 1

Para la v3 de la API, la propiedad InfoWindowOptions.maxWidth hace lo que está pidiendo. El constructor InfoWindow toma un argumento opcional de un objeto InfoWindowOptions.

var iw = new google.maps.InfoWindow({ content: some_text, maxWidth: 200 }); 

Los documentation notas que el "valor sólo se considera si se establece antes de una llamada para abrir. Para cambiar la anchura máxima cuando se cambia el contenido, llamada Cierre, setOptions, y luego abierta".

Answer 2

puede agregar div en un primer momento como éste:

<div style='width:300px;margin:0 0 20px 20px;height:90px;'> 

Answer 3

Puede reemplazar el estilo de Google Maps.

/* Just use .gm-style-iw */ 
.gm-style-iw { 
    width: 300px; 
    min-height: 150px; 
} 

Fuente: https://katz.co/resizing-infowindow/