Convert leaflet map snippet to image

Question

Ich muss eine Seite exportieren, die Prospektkarte zu pdf enthalten. Ich habe versucht, den Kartencontainer in ein Bild zu konvertieren, aber das funktioniert nicht perfekt. Der Code, den ich verwendet, ist hier http://jsfiddle.net/Sq7hg/2/

html2canvas([document.getElementById('mydiv')], { 
onrendered: function (canvas) { 
    document.getElementById('canvas').appendChild(canvas); 
    var data = canvas.toDataURL('image/png'); 
    console.log(data) 
    // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server 

    var image = new Image(); 
    image.src = data; 
    document.getElementById('image').appendChild(image); 
} 

});

Dieser Code funktioniert nicht perfekt für die Faltblatt-Map.Wie kann ich das umsetzen?

Answer 1

Ich denke, Sie sollten besser mit leaflet-image Plugin, die genau das tut. Aus der Kopfzeile ist eine Demo verlinkt. Der Hauptfang zwingt Leaflet, Leinwand zum Rendern zu verwenden.

Answer 2

Ich hatte ein Problem, die Broschüre Map mit speziellen Markern zu exportieren, ich habe versucht, das Plugin leaflet-image zu verwenden, aber es funktioniert nur mit Standardmarkern.

Am Ende habe ich die Karte im Server (Node) erstellt.

schrieb ich einen Beitrag, wie die Broschüre Karte von PDF zu exportieren, siehe Link unten

Export leaflet map to pdf report