如何使用Javascript将Google Map转换为PDF?

时间:2014-03-11 08:29:19

标签: javascript google-maps jquery-plugins

是否有任何javascript代码可以使用Javascript或任何JS库将生成的Google地图转换为PDF格式?

任何帮助都将受到赞赏,如果有这种情景的演示,将会更有帮助。

2 个答案:

答案 0 :(得分:2)

如果您对多个库没问题,可以尝试phantom.js对html页面进行快照,然后使用node.js到convert to pdf

答案 1 :(得分:2)

我有一个使用2个库的解决方案:  jspdf.min.js和html2canvas.js。 将这些添加到index.html:

  function export_to_pdf() {
    html2canvas(document.body, {
        useCORS: true,
        onrendered: function(canvas) {
            var img =canvas.toDataURL("image/jpeg,1.0");
            var pdf = new jsPDF();
            pdf.addImage(img, 'JPEG', 15, 40, 180, 180);
            pdf.save('a4.pdf')
        }
    });
}
{"query":"for P in GRAPH_EDGES(@graph, @example, {edgeCollectionRestriction:\"myEdgeCollection\"}) RETURN P","bindVars":{"example":{"signature":"sig1"}, "graph" : "GRAPH2"}}

说明:

  1. html2canvas接受body或任何其他DOM元素并创建一个canvas对象。
  2. canvas.toDataURL创建一个图像字符串。
  3. pdf.addImage将图像添加到pdf对象。
  4. pdf.save(),下载图片。