Controllo della larghezza di Google Maps InfoWindow

Question

Qualcuno sa come impostare la larghezza di InfoWindow in Google Maps? L'infowindow è la bolla del fumetto che si apre quando fai clic su un punto in Google Maps. Posso controllare l'altezza tramite CSS, ma non riesco a capire come modificare la larghezza (voglio più sottile rispetto all'inflowindow di default).

Ho trovato un riferimento a maxWidth nell'API ma non riesco a capire dove metterlo. Qualche idea?

Answer 1

Per v3 dell'API, la proprietà InfoWindowOptions.maxWidth fa quello che stai chiedendo. Il costruttore InfoWindow accetta un argomento facoltativo di un oggetto InfoWindowOptions.

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

Le documentation note che il "valore viene considerato solo se è impostato prima di una chiamata per aprire. Per modificare la larghezza massima quando si cambia contenuti, chiamare stretti, setOptions e quindi aprire".

Answer 2

è possibile aggiungere div in un primo momento come questo:

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

Answer 3

È possibile ignorare lo stile di Google Maps.

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

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