Ktoś wie, jak ustawić szerokość okna InfoWindow w Google Maps? Infowindow to bańka przypominająca kreskówkę, która pojawia się po kliknięciu na punkt w Google Maps. Mogę kontrolować wysokość za pomocą CSS, ale nie mogę wymyślić, jak zmienić szerokość (chcę cieńszy niż domyślne okno informacyjne).Kontrolowanie szerokości Google Maps InfoWindow
Znalazłem odniesienie do maxWidth w API, ale nie wiem, gdzie to umieścić. Jakieś pomysły?
Dla wersji 3 interfejsu API właściwość InfoWindowOptions.maxWidth wykonuje to, o co prosisz. Konstruktor InfoWindow przyjmuje opcjonalny argument obiektu InfoWindowOptions.
var iw = new google.maps.InfoWindow({ content: some_text, maxWidth: 200 });
W documentation Zauważa, że „wartość jest uznawane tylko wówczas, gdy jest on ustawiony przed wywołaniem otworzyć. Aby zmienić maksymalną szerokość przy zmianie zawartości, zadzwoń blisko, setOptions, a następnie otwórz”.
można dodać div najpierw tak:
<div style='width:300px;margin:0 0 20px 20px;height:90px;'>
Możesz zmienić styl Google Maps.
/* Just use .gm-style-iw */
.gm-style-iw {
width: 300px;
min-height: 150px;
}
Warto zauważyć, że maxwidth nie pozwoli Ci zmniejszyć szerokość poza pewnym momencie - około 200px wierzę, co jest dość szeroko do wielu celów. –
To nie działa. Sugeruję, aby przejść z pominięciem css widzianym niżej. – guiomie
Podoba mi się prostota zastąpienia stylu i widzę, że działa, ale testowanie rozwiązania opisanego powyżej pokazuje, że nadal działa ono dla mnie i mogę kontrolować szerokość okna infoWindow. Testowałem stronę XHTML 1.0 Strict, ale przejście na HTML5 działa równie dobrze. – fortboise