谷歌地图infowindow高度问题

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

要解决此问题，您可以设置主div的宽度和高度。 如果只设置宽度，它将起作用。如果您设置宽度，高度和溢出：自动，如果内容太长，您还会得到一个滚动条。

然而，在Google Maps V3中，此问题已得到解决。

Answer 2

我遇到了同样的问题，但我发现我遇到了这个问题，因为我在CSS中将填充设置为.contInfoBubble，而不是选项参数。 所以，我从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),
});
[...]

我解决了这个问题。也许也是你。

Answer 3

将 min-height 添加到infoWindow类元素。

如果您的infoWindows大小相同，那将解决问题。

如果没有，请将这行jQuery添加到infoWindow的点击功能中：

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