Google Maps Infowindow Height Problem

Question

Ich habe im Netz nach einer Lösung gesucht.

Mein Problem ist, dass die Höhe des Infofensters nicht richtig berechnet wird. Es gibt keine Bilder drin, daher ist es kein Problem beim Laden des Bildes später und die Größe ist nicht bekannt, wenn die Blase erstellt wird.

Auch wenn ich es mit ungefähr 15 Zeilen fülle, wird die Größe in Ordnung.

Dies ist es, was ich mit Infowindowhtml füttere:

<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

Um dieses Problem zu lösen, können Sie die Breite und Höhe des Hauptdives festlegen. Wenn Sie nur die Breite festlegen, funktioniert sie. Wenn Sie Breite, Höhe und Überlauf festlegen: Auto, erhalten Sie im Falle eines zu langen Inhalts auch eine Scrollbar.

In Google Maps v3 ist dieses Problem jedoch gelöst.

Answer 2

Ich hatte das gleiche Problem, aber ich stellte fest, dass ich dieses Problem hatte, weil ich die Polsterung auf den .ContinFoBble im CSS stellte und nicht im Optionsparameter. So, Ich entferne die Polsterung aus dem CSS und stelle sie in den Parameter ein, wenn ich die Blase in der HTML erstelle (noch nicht die .js, aber map.html), Hier entlang:

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

Und ich habe das Problem gelöst. Vielleicht auch für dich.

Answer 3

Füge hinzu ein min-height zu Ihrem Infowindow -Klassenelement.

Dies wird das Problem lösen, wenn Ihre Infowindows alle gleich groß sind.

Wenn nicht, fügen Sie diese Zeile von JQuery Ihrer Klickfunktion für die Infowindow hinzu:

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