从jQuery Colorbox窗口打印Google地图_Jquery_Google Maps_Colorbox

从jQuery Colorbox窗口打印Google地图

jquery google-maps

从jQuery Colorbox窗口打印Google地图,jquery,google-maps,colorbox,Jquery,Google Maps,Colorbox,我正在jQuery颜色框窗口中加载Google地图。所有这些都很好，但是我需要找到一种方法在地图加载后打印它。我已经尝试了下面的代码，但是它没有捕获整个可查看地图，只有一部分，而且质量相当低首先，我将一个新按钮附加到colorbox，它有一个onclick=printColorbox 然后启动以下函数 function printColorbox() { try { if(!$('#ifrmPrint').length) $('body').append('&

我正在jQuery颜色框窗口中加载Google地图。所有这些都很好，但是我需要找到一种方法在地图加载后打印它。我已经尝试了下面的代码，但是它没有捕获整个可查看地图，只有一部分，而且质量相当低

首先，我将一个新按钮附加到colorbox，它有一个onclick=printColorbox 然后启动以下函数

function printColorbox()
{
    try 
    {
        if(!$('#ifrmPrint').length) $('body').append('<iframe id="ifrmPrint" src="#" style="width:0pt; height:0pt; border: none;"></iframe>');      
        var print_frame = document.getElementById('ifrmPrint');
        var print_head = $("#cboxContent iframe").contents().find("head").html();
        var print_body = $("#cboxContent iframe").contents().find("body").html()
        var print_doc = (print_frame.contentWindow || print_frame.contentDocument);
        if (print_doc.document) print_doc = print_doc.document;
        // Write printable content
        print_doc.write("<html><head>");
        print_doc.write(print_head);
        print_doc.write('</head><body onload="this.focus(); this.print();">');
        print_doc.write(print_body);
        print_doc.write("</body></html>");
        print_doc.close();
    }
    catch(e)
    {
        self.print();
    }   
}

有人能告诉我如何从colorbox窗口打印Google地图吗？或者如果不可能，我可以将地图保存为pdf格式吗

提前感谢您的帮助

你想要实现什么？插入一张固定位置的地图，或者一张图片？或者动态插入谷歌地图？我希望能够打印保存谷歌地图的colorbox窗口的可视区域。色盒加载，谷歌地图加载，我的标记添加得非常完美，我只需要一种方法来点击打印按钮并打印地图。我也在使用iframe colorbox选项供参考。相关：