Breite eines Google Maps InfoWindow steuern

Question

Wer weiß, wie man die Breite des InfoWindows in Google Maps einstellt? Das Infowindow ist die Cartoon-ähnliche Blase, die erscheint, wenn Sie auf einen Punkt in Google Maps klicken. Ich kann die Höhe über CSS steuern, kann aber nicht herausfinden, wie ich die Breite ändern soll (ich möchte dünner als das Standard-Infofenster).

Ich habe einen Verweis auf maxWidth in der API gefunden, aber ich kann nicht herausfinden, wo dies zu setzen ist. Irgendwelche Ideen?

Answer 1

Für v3 der API erfüllt die InfoWindowOptions.maxWidth Eigenschaft, was Sie verlangen. Der InfoWindow-Konstruktor nimmt ein optionales Argument eines Objekts.

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

Die documentation stellt fest, dass der „Wert nur dann berücksichtigt, wenn sie vor einem Aufruf gesetzt zu öffnen. Um die maximale Breite zu ändern, wenn Inhalt zu ändern, rufen Sie schließen, setOptions und dann offen.“

Answer 2

können Sie div zunächst wie folgt hinzu:

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

Answer 3

Sie können den Stil von Google Maps außer Kraft setzen.

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

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