Google Maps Infowindow Alleat Problem

Question

Eu tenho procurado na rede uma solução.

Meu problema é que a altura da janela de informações não é calculada corretamente. Não há imagens lá, portanto, não é um problema com a carga de carga posterior e o tamanho não se sabe quando a bolha é criada.

Além disso, se eu o preencher com cerca de 15 linhas a mais texto, o tamanho está começando a ficar bem.

É isso que eu alimento para 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

Para resolver esse problema, você pode definir largura e altura da div. Se você definir apenas a largura, ele funcionará. Se você definir largura, altura e transbordamento: automaticamente, também receberá uma barra de rolagem em caso de um conteúdo muito longo.

No entanto, no Google Maps v3, esse problema é resolvido.

Answer 2

Eu tive o mesmo problema, mas descobri que tinha esse problema porque defini o preenchimento para o .continfobubble no CSS e não no parâmetro da opção. Então, Eu removo o preenchimento do CSS e o coloquei no parâmetro quando crio a bolha no html (ainda não o .js, mas map.html), Por aqui:

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

E eu resolvi o problema. Talvez para você também.

Answer 3

Adicione a min-height para o seu elemento de classe infowindow.

Isso resolverá o problema se suas informações forem do mesmo tamanho.

Caso contrário, adicione esta linha de jQuery à sua função de clique para a infowindow:

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