Dinevore在地圖上使用帶有鏈接的標記。要明白我的意思,看看這個鏈接,切換地圖視圖上: http://nyc.dinevore.com/restaurants/discover鏈接<a>使用Google Maps API V3在標記上疊加
在檢查代碼,它看起來像他們不使用谷歌地圖標記的構造,而是使用原始跨度覆蓋與定義的標記作爲跨度的背景。這樣做允許他們將其標記鏈接:
<span class="marker">
<a onclick="infoBoxPop[1].open(map)" style="color: white; cursor: pointer;">1</a>
</span>
這種方法的缺點是你失去所有的標記構造的好處如拖放和標記標記陰影效果動畫。
是否有可能實現與Dinevore相同的效果,但在頂部使用帶有疊加層的Google Maps標記構造函數?
我到目前爲止所創建的問題是讓鏈接的Z索引位於包含覆蓋的div的z索引之上。
當Google地圖渲染時,它首先渲染z-index爲100的圖塊,然後渲染地圖上的每個後續項目,例如疊加層,標記,標記陰影,比例滑塊,Google徽標,地圖源等等。隨着這些後續項目中的每一個,Google都會增加Z-索引。
所以我得到
地圖
-div
- 的z-index:100 - (一些相關的圖塊圖像)
- 的z-index: 101 - 標籤覆蓋
-z-index:102 - 標記陰影覆蓋
- z索引:103 - 標記圖像重疊
- z索引:104 - (空)
- z索引:105 - gmnoprint(我不知道什麼這是,但它涉及到標記)
- z索引:106 - (空)
- z索引:107 - 圖塊圖像
-div
- z-index:12 - Google徽標
-div
- 的z-index:1000 - 源
反正讓我的跨度標籤與101的z-index股利來覆蓋它的堆積情況和上面去101或是唯一的解決方案使用javascript hack將101更改爲104?例如,通過選擇父級並調整z-index?
我也有代碼'分層'的問題。在某些情況下,我已經能夠移動函數調用,並且API分別對元素進行分層。它是一種低技術解決方案,有時候起作用 – roberthuttinger 2013-06-20 16:18:40