2010-08-31 72 views
2

默认情况下,谷歌地图的信息窗口,真可谓讨厌的风格,比如,当一个滚动条总是存在内部内容重叠的关闭按钮:如何解决Google地图信息窗口的样式问题?

alt text

谷歌,被他们无限的智慧,不要做任何事就像在他们的元素上使用类一样好,因此使得信息窗口的样式非常困难。有谁知道我可以如何解决这个重叠问题?

回答

0

将你自己的div与id和class插入到窗口中并对其进行设置;如果您希望获得更多控制权,请获取其父项(通过document.getElementById("yourdiv").parent)并通过DOM操作其CSS(例如重置overflow属性)。

+0

我试过了,但没有帮助。由于该div被插入到具有'overflow:auto'的谷歌元素中,滚动条保持在相同的位置,关闭按钮与其重叠。 – 2010-08-31 09:43:07

3

在尝试和操纵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'}); 
}