根据内容调整InfoWidow高度，从而删除滚动条

Question

我正在寻找的是一种调整信息窗高度的方法，以便我的所有数据都显示在信息窗口中。

从截图中可以看出。不同信息窗口中的数据基本上是一个包含2列和可变行数的表。

截图中的

“Baba Haridas Nagar”infowindow是完美的。 但是如果行大小增加，则会弹出一个隐藏第二列的滚动条。 我想要显示所有行而没有滚动条（增加infowindow的高度，适当地显示它消失了：P）

在内容本身中设置div max height有效，但只能达到某个值。

Answer 1

出于多种原因，我不会尝试设置特定的高度。这个问题的一个快速简单的解决方法是向infoWindow添加一个容器（比如说DIV），给你的容器一个10或20px的右边距或填充，然后将你的内容添加到容器中。这样，您就可以确保滚动条不会超出您的内容。

var contentString = '<div id="content" style="margin-right:20px;">'+
'Your content here'+
'</div>';

var infowindow = new google.maps.InfoWindow({
    content: contentString
});

检查这个小提琴：http://jsfiddle.net/upsidown/VFyYb/

编辑：

根据Google文档：如果您希望明确调整内容的大小，可以将其放在DIV元素中，并使用CSS为DIV设置样式。您也可以使用CSS来启用滚动功能。请注意，如果您未启用滚动且内容超出信息窗口中的可用空间，则内容可能会溢出信息窗口。 https://developers.google.com/maps/documentation/javascript/infowindows