Google maps infowindow height problem

Question

Я искал сеть для решения.

Моя проблема заключается в том, что высота информационного окна не вычисляется должным образом. В нем нет изображений, поэтому это не проблема с загрузкой изображения позже, и размер неизвестен при создании пузырька.

Также, если я заполняю его примерно 15 строк текста, размер начинает расти.

Это то, что я кормить infoWindowHtml:

<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

Чтобы решить эту проблему, вы можете установить ширину и высоту основных дел. Если вы установите только ширину, она будет работать. Если вы задаете ширину, высоту и переполнение: автоматически, вы получите также полосу прокрутки в случае слишком длинного содержимого.

Однако в Google Maps V3 эта проблема решена.

Answer 2

Добавить элемент min-height к элементу класса infoWindow.

Это решит проблему, если ваши информационные окна имеют одинаковый размер.

Если нет, добавьте эту строку Jquery к вашей функции мыши для InfoWindow:

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

Answer 3

У меня была та же проблема, но я обнаружил, что я имел эту проблему, потому что я установить отступы к .contInfoBubble в CSS, и не в параметре параметра. Итак, я удалить обивка из CSS и я поставил его в параметре, когда я создать пузырь в HTML (не .js, но пока map.html), таким образом:

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

И Я решил проблему. Может быть, и вам.