2010-08-31 68 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'}); 
} 
相關問題