jsPDF settings for printing leaflet/openlayers map

Question

I came across jsNode library here Generate pdf from HTML in div using Javascript So I've installed. I'm tryna use it to print a leaflet map. It seems I was not able to set it propely. It create the PDF but nothing shows on the map. Could you help me with that ?

Javascript

function genPDF() {

    var doc = new jsPDF();
    var elementHandler = {
        '#ignorePDF': function(element, renderer) {
            return true;
        }
    };
    var source = window.document.getElementsByTagName("div")[0];
    doc.fromHTML(
        source,
        15,
        15, {
            'width': 180,
            'elementHandlers': elementHandler
        });

    doc.output("dataurlnewwindow");

}

HTML

<html>
    <body onload="Create_MAP();">
        <div id="map">
        </div>
        <input type="button" class="bt" value="PRINT PDF" onclick="genPDF();">
    </body>
</html>

Answer 1

You need to turn your leaflet map into an image first.

You can use https://github.com/mapbox/leaflet-image

Then add that image to jsPDF for export.

jsPDF settings for printing leaflet/openlayers map

Question

1 answers

solution1
0 2016-06-14 16:04:47

jsPDF settings for printing leaflet/openlayers map

Question

1 answers

solution1 0 2016-06-14 16:04:47

solution1
0 2016-06-14 16:04:47