Does there is any javascript code to convert generated google map into PDF using Javascript or any JS library?

Any help will be appreciated, and it will be more helpful if there is demo of such scenario.

Does there is any javascript code to convert generated google map into PDF using Javascript or any JS library?

Any help will be appreciated, and it will be more helpful if there is demo of such scenario.

• javascript
• google-maps
• jquery-plugins

Share Improve this question Follow edited Mar 11, 2014 at 16:11 Kara 6,2261616 gold badges5353 silver badges5858 bronze badges asked Mar 11, 2014 at 8:29 MazzuMazzu 2,8492222 silver badges3030 bronze badges 3

• Have you seen this one Mazzu? stackoverflow./questions/2647833/google-maps-and-pdf This is a nice one as well: gis.stackexchange./questions/27510/… – Luis Gouveia Commented Mar 11, 2014 at 9:19
• 1 @LuisGouveia, yeah I have seen it but actually it doesn't relates – Mazzu Commented Mar 14, 2014 at 11:01
• 1 @LuisGouveia, can your provide any further details on it? – Mazzu Commented Mar 14, 2014 at 11:14

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

I have a solution using 2 libraries: jspdf.min.js and html2canvas.js. add these to your index.html:

<script src="https://cdnjs.cloudflare./ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
    <script src="https://cdnjs.cloudflare./ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

  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')
        }
    });
}

explanation:

1. html2canvas takes body or any other DOM element and creates a canvas object.
2. canvas.toDataURL creates an image string.
3. pdf.addImage adds the image to pdf object.
4. pdf.save(), downloads the image.

If your okay with multiple libraries, you could try phantom.js to snapshot the html page then use node.js to convert to pdf.