如何使用google maps infowindow修复样式问题？

Question

默认情况下，Google地图信息窗口具有非常讨厌的风格，以便在存在滚动条时内部内容与关闭按钮重叠：

谷歌凭借其无限的智慧，不会像在元素上使用类那样做得很好，因此这样会使信息窗口的样式变得非常困难。有谁知道如何解决这个重叠问题？

Answer 1

在尝试操作CSS之前，您需要等到Google创建了内容。

google.maps.event.addListener(marker, "click", function () {
    infoWindow.open(googleMap, this);
    setTimeout(reposition, 500);
});

function reposition() {
    $(SELECTOR FOR YOUR CONTENT DIV).parent().parent().css({ top: '24px'});
}

Answer 2

将带有id和class的div插入窗口并设置样式;如果你想要更多的控制，得到它的父（通过document.getElementById("yourdiv").parent）并通过DOM操纵它的CSS（例如重置overflow属性）。