Question

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

我尝试了以下内容：

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

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

感谢。

Answer 1

试试这个：

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

我希望它能奏效！

（如果有，请告诉我。）

Answer 2

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

有关打印样式表的说明，请访问：http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

打印谷歌地图及其上的说明

2 个答案: