打印时不显示Gmap标记

时间:2012-03-03 10:30:55

标签: jquery google-maps printing

打印地图Gmap V3时遇到问题。 按下按钮即可完成打印。这是代码:

function Print() {
                    text = document.getElementById('mapCanvas').innerHTML;
                    //mapCanvas is div whith map
                    printwin = open('', 'printwin', 'width=545,height=446');
                    printwin.document.open();
                    printwin.document.writeln('<html><head><title></title></head><body onload=print();close()>');
                    printwin.document.writeln(text);
                    printwin.document.writeln('</body></html>');
                    printwin.document.close();
                }

在地图上使用自定义标记。打印时,它们不会出现,如果您通过标准打印此页面,则表示一切正常。

有人遇到过这个问题吗?

P.S。抱歉英语不好。 :)

1 个答案:

答案 0 :(得分:2)

标记未包含在innerHTML的{​​{1}}中。相反,它们会叠加在地图上。问题不在于您无法打印标记,而是您只是将地图复制到新窗口而不是标记本身。

要解决您的问题,您必须在新的html文档中包含超过div div innerHTML的内容。还包括mapCanvas以及将标记放在地图上的代码。

另一方面,我认为你应该尝试使用不同的CSS文件进行打印,这样可以隐藏打印时不想显示的内容,同时允许显示地图和标记。

在css中使用它来做到这一点:

javascript