CSS如何停止Google地圖加載？

我有一個頁面，谷歌地圖的div：CSS如何停止Google地圖加載？

<div id="map_canvas" style="width: 100%; height: 332px;" ></div>

如果我註釋掉我的CSS，地圖加載罰款：如果我包括CSS，地圖控制負荷，但地圖圖塊不加載：只有一個灰色的背景。

即使將地圖div放在<body>標籤後面，而不是在任何樣式元素中，情況也是如此。沒有CSS，它加載正常。用CSS，沒有地圖。

有誰知道可能是什麼原因造成的？如果沒有將CSS樣式應用於包含地圖的任何元素，我不太明白問題所在。

如果需要更多診斷信息，請告訴我，我會將破碎的地圖部署到臨時站點，以便人們可以查看源代碼。

更新：好的，the staging site is here - 這是一團糟，但地圖應該加載。

2010-04-06 AP257

讓我們在舞臺上看到它。 – 2010-04-06 16:21:07

請顯示一些CSS。 – 2010-04-06 16:23:24

這是你在global.css文件中設置的overflow：hidden style。刪除它，它像一個魅力。

div, p { 
    overflow:hidden; 
}

2010-04-06 16:41:16

天才！謝謝！ – AP257 2010-04-06 17:38:35

請注意，Google地圖控件的內容要比外部的<div>容器要多得多。你的CSS可能會影響這些元素。例如，您可以使用img { display: hidden; }規則來隱藏地圖中的所有圖塊。當然，我顯然簡單化了這個例子。我懷疑這很簡單。 :-)

您需要提供更多信息，特別是CSS的片段，以便我們能夠幫助您。

您還可以使用IE8的開發工具，Chrome開發人員工具或Firefox附加Firebug等任何DOM檢測工具查看應用於Google地圖控件的實際CSS並查看哪些規則來自哪裏。這將幫助您識別您的CSS中與Google地圖有關的任何可能的規則。

2010-04-06 16:30:42

回答