如何打印非静态谷歌地图（v3 api）答案

【问题标题】：How to print a non-static google map (v3 api)如何打印非静态谷歌地图（v3 api）
【发布时间】：2010-10-06 08:20:31
【问题描述】：

我想问有没有办法打印显示方向叠加的谷歌地图？

我试过了 http://abcoder.com/google/google-map-api/print-button-for-google-map-api/ 使用谷歌地图 javascript api v3，但地图无法显示。
我也尝试过使用静态谷歌地图，但是静态地图 API URL 可以最多约为 2,000 仅限字符，因此我的地图无法再次显示

谁能告诉我有没有办法解决这个问题？谢谢

【问题讨论】：

现在我正在使用 window.opener.document.getElementById("map_content").cloneNode(true);从父 html 获取地图和路线。使用这种方式，我可以使用chrome打印img，但是当我使用firefox 3.6.10打印img时，只能打印出路线但无法打印地图，有什么办法可以解决这个问题有问题吗？

【解决方案1】：

我已经解决了这个问题。现在我可以在 Firefox 上成功打印动态地图了。以下是我如何实现这一目标的一些想法：

在谷歌地图绘制路线后，我尝试使用萤火虫检查 html 我发现 firefox 无法成功打印谷歌地图的问题在某种程度上是因为地图 div 的“样式”。

通过javascript删除对应的div（参考img1），可以在firefox中正确打印地图和路线。

我不确定这是否违反了使用谷歌地图api的规则，你最好在使用此方法之前仔细检查。

--标记

【讨论】：

而且你可能会发现如果地图包含“marker”，firefox会打印出一个白框而不是marker，这也可以解决img2：@987654322 @首先，（参考img2）去掉两个div（z-index:102和z-index:103），其中一个是拿着marker的阴影。在div中（z-index:105），它拿着marker img，去掉对应div里的“opacity:0.01”这个样式就可以解决空白markers问题。希望以上方法也能解决你的问题~ =)
你的图片链接现在失效了。
对不起，这是一个新的图片链接，看看是否有效picasaweb.google.com/lh/photo/…