如何處理網頁放大時的地圖

我有一個包含iframe的網頁，其中包含地圖。所以，我的HTML是這樣的：ID爲「地圖」的div如何處理網頁放大時的地圖

<div> 
<iframe src="url" > 
<!Doctype html5> 
    <html> 
    <head></head> 
    <body> 
     <div id="map"></div> 
    </body> 
    </html> 
</iframe> 
</div>

高度爲100％這樣的div＃地圖，IFRAME頁面的身體將有相同的寬度和高度的iframe了。現在，當用戶放大頁面時，我通過JavaScript調整iframe的大小，使其看起來與縮放級別1完全相同。

當我調整iframe的大小時，它的內容div＃map也會調整大小（意味着其高度和寬度將根據iframe而改變），但地圖仍處於放大狀態。

有沒有什麼辦法顯示地圖，因爲它正在看縮放級別1？我正在使用bing和谷歌地圖api。

請幫我一把。

來源

2013-11-22 Pavan

您有任何工作示例嗎？像一個jsFiddle？ – pascal

調整窗口大小時，地圖不會縮放。它可能看起來是放大了，這是一種錯覺。此外，爲了確保您的地圖充滿iframe的內部，請確保地圖頁面具有以下CSS樣式：

html, body{ 
margin:0; 
padding:0; 
height:100%; 
width:100%; 
} 

#map{ 
position:relative; 
width:100%; 
height:100%; 
}

來源

2014-09-17 14:57:38 rbrundritt

如何處理網頁放大時的地圖

回答

相關問題