Twitter Bootstrap和谷歌地圖 - 渲染問題

我目前正試圖在同一頁面上同時使用Google地圖和Twitter Bootstrap，並且我在Google地圖正文中遇到了使用模塊的問題。Twitter Bootstrap和谷歌地圖 - 渲染問題

這是我目前的發展快照： http://getmerch.scootaloo.at/snapshot-2012-12-27.php

通常情況下，「更多信息...」的GMaps信息窗口內的按鈕應該打開一個引導模式，但它不會。如果不顯示地圖畫布，則相同的按鈕代碼將起作用（移除地圖畫布就足夠了 - 實際的地圖JScript代碼不需要移除）。

InfoWindows也呈現不正確。

你們有什麼想法我可以解決這個問題嗎？

在此先感謝。

- 肯尼

來源

2012-12-27 Kenny Straube

嗯...我不知道爲什麼包裝信息氣球，但你必須有一個原因。你有沒有考慮將其轉換爲HREF和iFrame彈出一個燈箱，你需要什麼額外的信息？另外，你的地圖有多少個針腳？ 1或2或數千？從可用性的角度來看，這可能是有問題的，但我猜測你的目標是什麼。 –

實際上，我對任何事情都很好。到目前爲止，我對Google Maps API的使用經驗不太熟悉，所以我正在嘗試將已知的事情結合起來。我想在每個顯示簡短描述的地圖上都有一個小小的彈出窗口，並帶有一個按鈕，可讓我打開詳細的說明框。它不應該有超過10到20個地圖點。這一點主要是爲了在地圖上顯示不同的商店，使用地圖上的圖標顯示商品可用性數據，以及用鼠標懸停框顯示商品庫存的簡短描述。 –

好吧，然後跳到Google V3 API的東西。您對此感興趣：https：//developers.google.com/maps/documentation/javascript/overlays#InfoWindows ...確定轉到演示庫https://developers.google.com/maps/documentation/ javascript/demogallery ...看看你是否可以沿着這個stackoverflow帖子：http://stackoverflow.com/questions/3921823/google-maps-info-window-overlay-content-just-like-that-in-maps-它有強大的覆蓋和信息氣球的東西你想要的。 –

嘗試在你的地圖格下面的CSS：

#map img { 
    max-width: none; 
}

這個固定我的引導/ gmaps形象的問題。

來源

2013-03-12 18:15:21

Twitter Bootstrap和谷歌地圖 - 渲染問題

回答

相關問題