谷歌地图infowindow高度问题
-
05-07-2019 - |
题
我一直在寻找解决方案。
我的问题是信息窗口的高度计算不正确。那里没有图像,因此以后加载图像不是问题,并且在创建气泡时不知道尺寸。
此外,如果我用大约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>
解决方案
要解决此问题,您可以设置主div的宽度和高度。 如果只设置宽度,它将起作用。如果您设置宽度,高度和溢出:自动,如果内容太长,您还会得到一个滚动条。
然而,在Google Maps V3中,此问题已得到解决。
其他提示
我遇到了同样的问题,但我发现我遇到了这个问题,因为我在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),
});
[...]
我解决了这个问题。也许也是你。
将 min-height
添加到infoWindow类元素。
如果您的infoWindows大小相同,那将解决问题。
如果没有,请将这行jQuery添加到infoWindow的点击功能中:
//remove overflow scrollbars
$('#myDiv').parent().css('overflow','');
不隶属于 StackOverflow