無法拖動/縮放/與Google地圖互動

E：發現問題。我有* {寬度：100％;身高：100％}在我的CSS文件的頂部。這搞砸了整個地圖。刪除這個解決了這個問題。無法拖動/縮放/與Google地圖互動

這是從here引起的問題。在幫助下，我可以通過向CSS添加z-index來移除覆蓋地圖的白色框（仍然不知道爲什麼會發生這種情況）;不過，現在我根本無法與地圖互動。我無法點擊+拖動或縮放，並且Google水印會出現在地圖的頂部（並且據我所知它應該位於底部）。

這裏是CodePen問題（點擊第二個框從左邊底部的導航欄上）：

http://codepen.io/anon/pen/pcwir

我已經嘗試了很多不同的東西，但不管它是什麼它只是不想在我的代碼中實現時工作。我可以讓它在單獨的HTML頁面上工作，但這並不理想。

非常感謝您的幫助！

來源

2014-05-22 cohenadair

刪除CSS線

#content_2 .gm-style>div:first-child{z-index:initial!important;}

這添加到您的CSS

.gm-style * { 
    width:auto; 
    height:auto; 
}

這應該解決您的問題。

來源

2014-05-22 13:37:10 user3394498

謝謝！完美工作！我剛剛開始剝去一切，看看能否找到問題。另一個問題是：爲什麼解決它？或者更好的是，爲什麼這首先發生？ E：我還注意到地圖仍然缺少一些東西 - 街道視圖，平移箭頭和右上角的地圖類型（地圖/衛星）。 – cohenadair

當你將它設置爲'＃content_2 .gm-style> div：first-child {z-index：initial！important;}''：first-child'僞類只選擇父div內的第一個div 「通用式」。第一個div是地圖頂部的Google鏈接。如果沒有僞類，它現在選擇所有的子div，所以他們都有他們的z-索引。 – user3394498

當然是啊。非常感謝你。 :) – cohenadair

無法拖動/縮放/與Google地圖互動

回答

相關問題