如何插入一個帶有掩碼的div的googlemap

我需要把谷歌地圖放到div中。這裏沒問題......問題是我需要掩蓋這個div。我需要有一個圓形的Google地圖，我可以導航！如何插入一個帶有掩碼的div的googlemap

我試過幫助請問？ enter image description here

2011-06-13 Obi-wan

使用力... – mdm 2011-06-13 14:50:00

圓圈是如何確定的？他們是靜態位置/大小/數量還是動態？ – ngen 2011-06-13 14:50:22

大小e位置固定！ – 2011-06-13 15:09:46

一個解決方案是使用jquery獲取每個地圖的絕對（x，y）座標，並通過絕對定位div來放置一個帶有png背景的div。

2011-06-13 14:52:02 Candide

問題是，這個div將始終保持在頂部：50％和背景圖像是固定的...所以不可能放置一個具有完美背景圖像的面具。 – 2011-06-13 14:55:37

另外，你將無法與地圖，因爲DIV位於其上方。 – amustill 2011-06-13 14:59:16

@amustill好趕上！我想不出任何其他的方式。你可能試着玩-moz-border-radius，但我不知道它是否可以在iframe上工作，而且，它是特定於mozilla的。 – Candide 2011-06-13 16:16:23

我相當確定這是不可能的恐怕 - 如果你在地圖上放置任何東西（即使它是透明的），它會阻止你與地圖交互 - 因爲你將點擊該div ，而不是在地圖上。 IE瀏覽器似乎也有一些屏蔽谷歌地圖的問題。

當你將鼠標懸停在它上面時，你可以使用jquery或：hover clss將它移動到一個負Z索引，但我真的不認爲你可以做你需要的東西去做。

（PS - 我想上面的答案評論 - 但出於某種原因，我不能 - 遺憾的新的答案）

2011-06-22 08:53:37 JorgeLuisBorges

隨着地圖API，創建一個Polygon覆蓋除圈的一切。

要創建一個不在每個縮放級別顯示線段的圓都具有挑戰性，但應該可以使用具有合理圓形外觀的近似。

作爲替代方案，您可以擴展OverlayView類以創建自定義疊加類型，以顯示具有更平滑邊緣的圓。但是，這將是更多的工作。

2011-06-23 14:15:44 Kwebble

回答