谷歌地图信息窗口高度问题答案

【问题标题】：Google maps infowindow height problem谷歌地图信息窗口高度问题
【发布时间】：2009-11-26 09:15:50
【问题描述】：

我一直在网上寻找解决方案。

我的问题是信息窗口的高度计算不正确。那里没有图像，因此稍后加载图像不会有问题，并且创建气泡时不知道大小。

另外，如果我用大约 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>

【问题讨论】：

标签： height maps infowindow openinfowindowhtml

【解决方案1】：

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

但是在 Google Maps V3 中，这个问题得到了解决。

【讨论】：

这是解决方案，当我设置显式内联 css 高度时，弹出窗口没问题，thanx。

【解决方案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),
});
[...]

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

【讨论】：

【解决方案3】：

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

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

如果没有，请将这行 jQuery 添加到 infoWindow 的单击函数中：

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

【讨论】：