Konwersja fragmentu mapy ulotki do obrazu

Question

Potrzebuję wyeksportować stronę zawierającą mapę ulotek do pliku pdf. Próbowałem przekonwertować kontener mapy na obraz, ale to nie działa idealnie. to kod jest tutaj 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); 
} 

});

Kod ten nie działa idealnie w przypadku map ulotek. Jak mogę to zaimplementować?

Answer 1

Myślę, że lepiej użyć wtyczki leaflet-image, która dokładnie to robi. Z nagłówkiem jest połączone demo. Główny hak zmusza Leaflet do używania płótna do renderowania.

Answer 2

Miałem problem z wyeksportowaniem mapy ulotek ze specjalnymi znacznikami, próbowałem użyć wtyczki leaflet-image, ale działa tylko ze standardowymi znacznikami.

Na końcu utworzyłem mapę na serwerze (węzeł).

napisałem post, Jak wyeksportować mapę ulotkę pdf, patrz link poniżej

Export leaflet map to pdf report