在jQuery对话框中显示Google地图的屏幕截图

问题描述:

我在我的网页中显示Google地图中的路线。我的地图在div内显示如下在jQuery对话框中显示Google地图的屏幕截图

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

它会随时更新。我如何获得地图的屏幕截图并将其作为图像显示在jQuery对话框中?

如果有人能够帮助我解决这个问题,这将会非常有帮助。

+0

您是否试过任何类似[fancybox]的图书馆(http://fancyapps.com/fancybox/#examples)? – Asif 2012-08-07 06:56:11

+0

nope ..我已经使用JavaScript来显示地图和路线。我已经有了jQuery的弹出窗口..我只需要显示地图的截图,并在弹出窗口中显示它... – era 2012-08-07 07:00:35

您不允许自己截取谷歌地图的截图并将其显示在您的网页上。你必须使用Static Maps API,这样你才不会陷入困境。

但除此之外,如Asif指出的那样,在fancybox内显示它应该没问题,如果您愿意,也可以显示jQuery UI Dialog

+0

谢谢...我将不得不通过发送参数来重绘路由吗?不会变得慢? – era 2012-08-07 08:03:22

+0

@era是的,谷歌要求你从他们的服务器获取每个地图数据,而不是自己托管它。但它不应该是一个问题,他们的服务器和连接是非常快的:) – Andy 2012-08-07 09:13:21

+0

我添加了一个谷歌地图,像提到的问题,我允许用户点击并添加标记我需要按下提交按钮时快照 – 2014-12-29 07:10:52