Google地圖信息框Autopan問題

我在信息框 - http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html中遇到了一些問題 - 它沒有考慮到我的佈局中包含的頁眉和側欄。當有人點擊標記並顯示信息框時，它不會自動從標題和側邊欄下面（它們絕對位於100％寬度/高度的Google地圖上）進行平移，以便您可以看到它。Google地圖信息框Autopan問題

當我使用普通的Infowindows（以及可以隱藏的側邊欄）時，我完全可以正常工作，但我想使用信息框來更好地控制樣式/外觀。爲了做到這一點，我找到了這個問題的第二個答案 - Ensure padding around markers on Google Maps for web - 並使用div並將其作爲控件應用於地圖。

這裏的問題的的jsfiddle - http://jsfiddle.net/nrjBB/

任何幫助是極大的讚賞。

來源

2012-08-16 PorousHorse

從您的html中刪除標題div，它將正確地平移。聽起來像你的CSS是錯誤的。

試試這個：

HTML：

<div id="header"></div> 
<div id="map_canvas"></div> 
<div id="sidebar"></div>

CSS：

html { height: 100% } 
body { height: 100%; margin: 0; padding: 0 } 
#map_canvas { height: 100%; } 
#header { width: 100%; height: 50px; background: #000; } 
#sidebar { width: 100px; height: 100%; background: #999; position: absolute; top: 0; right: 0; } 

.info-box { background: #ffffff; }

PS：感謝把你的代碼在這裏！我正在尋找一個懶惰時間的信息框信息！

來源

2012-08-21 18:53:46

-1

要麼你必須把map_canvas的高度（heightOfWindow -50），因爲infowindow會根據地圖div進行平移，在你的案例中地圖div被標頭隱藏

來源

2013-06-05 12:48:40 user2291196

Google地圖信息框Autopan問題

回答

相關問題