媒體查詢：谷歌地圖不能正確顯示在窗口調整大小

我在我的網站上使用媒體查詢使用自適應佈局。媒體查詢：谷歌地圖不能正確顯示在窗口調整大小

現在，當我調整瀏覽器窗口過去的某媒體查詢時，谷歌地圖顯示故障（見圖片）

我做什麼：

CSS：

#googleMap2{display: none;} 

@media screen and (min-width: 919px){ 
    #googleMap{display: none;} 
    #googleMap2{display: block;} 
}

HTML ：

<div id="googleMap">[google-map-v3 width="920" height="550" .......]</div> 
<div id="googleMap2">[google-map-v3 width="768" height="320" .......]</div>

**enter image description here**

來源

2013-04-11 David Van Staden

你需要讓地圖知道它已經調整：對你的頁面或容器resize事件

google.maps.event.trigger(map, 'resize');

調用此。

使用此方法，您可以使用單個地圖並根據需要調整其大小，而不必在兩個或更多固定大小的地圖之間切換。

這個fiddle有一個工作例子。我不知道你的頁面佈局的其餘部分會是什麼樣子，但爲了說明一個常見的佈局，我在頁面中放置了一個頂部欄和邊欄，地圖填充了右下角的剩餘空間。嘗試調整頁面的大小，您將看到它的行動。

來源

2013-04-11 08:26:19

我怎麼稱呼它？從正常

相關問題

媒體查詢：谷歌地圖不能正確顯示在窗口調整大小

回答

相關問題