4

我的 webapp 上有谷歌地图 - 使用 JavaScript API V3。我让我的用户能够使用谷歌地图方向管理一些路线。现在，我的问题是我想让他们能够打印它（只是地图，而不是整个网站）。

我尝试了以下方法：

var OpenWindow = window.open("_blank", "", '');
var contents = document.getElementById("mapMainCanvas");
OpenWindow.document.write(contents.innerHTML);

这确实打开了一个带有地图的新标签，但没有方向。此外，我在 API 中找不到任何“打印”选项。有人解决了这个问题吗？

谢谢。

4

2 回答 2

4

试试这个：

var content = document.getElementByID('mapMainCanvas'); //has to be first.
var win = window.open();
win.document.write(content);
win.print();
win.close();

我希望它会奏效！

（请让我知道是否有。）

于 2013-09-21T11:02:48.450 回答
0

您能否创建一个打印样式表并使用 CSS 使其仅打印出地图，隐藏其他所有内容？如果您希望用户能够正常打印该页面，您可能需要使用 jQuery/other 来处理类。

可以在此处找到有关从打印样式表开始的说明：http: //coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

于 2013-04-08T12:52:21.330 回答