在jQuery對話框中顯示Google地圖的屏幕截圖

我在我的網頁中顯示Google地圖中的路線。我的地圖在div內顯示如下在jQuery對話框中顯示Google地圖的屏幕截圖

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

它會隨時更新。我如何獲得地圖的屏幕截圖並將其作爲圖像顯示在jQuery對話框中？

如果有人能夠幫助我解決這個問題，這將會非常有幫助。

2012-08-07 era

您是否試過任何類似[fancybox]的圖書館（http://fancyapps.com/fancybox/#examples）？ – Asif 2012-08-07 06:56:11

nope ..我已經使用JavaScript來顯示地圖和路線。我已經有了jQuery的彈出窗口..我只需要顯示地圖的截圖，並在彈出窗口中顯示它... – era 2012-08-07 07:00:35

您不允許自己截取谷歌地圖的截圖並將其顯示在您的網頁上。你必須使用Static Maps API，這樣你纔不會陷入困境。

但除此之外，如Asif指出的那樣，在fancybox內顯示它應該沒問題，如果您願意，也可以顯示jQuery UI Dialog。

2012-08-07 07:20:27 Andy

謝謝...我將不得不通過發送參數來重繪路由嗎？不會變得慢？ – era 2012-08-07 08:03:22

@era是的，谷歌要求你從他們的服務器獲取每個地圖數據，而不是自己託管它。但它不應該是一個問題，他們的服務器和連接是非常快的:) – Andy 2012-08-07 09:13:21

我添加了一個谷歌地圖，像提到的問題，我允許用戶點擊並添加標記我需要按下提交按鈕時快照 – 2014-12-29 07:10:52

回答