javascript - 如何将默认的谷歌地图信息窗口滚动条移动到关闭按钮的右侧？

Question

当显示信息窗口的滚动条时，它显示在 X 按钮的左侧，并在窗口内容的右侧占据相当多的空间。添加以下 CSS 时显示滚动条:

.mapInfoWindow {
    max-height:100px;
    overflow-y: auto;
}

我想把滚动条移到关闭按钮的右边。

我该怎么做？

对于上述任何一项，我都找不到任何帮助。

参见 fiddle here .

Answer 1

将InfoWindow中的内容包裹在DIV标签中CSS 样式的 DIV 标签:

line-height:1.35;
overflow:hidden;
white-space:nowrap;

overflow:hidden 和 white-space:nowrap 都确保不显示滚动条。但是，长文本可能会溢出信息窗口。

var infowindow = new google.maps.InfoWindow({content: '<div style="line-height:1.35;overflow:hidden;white-space:nowrap;">ADD CONTENT</div>'});

希望这会有所帮助