2014-06-05 2 views
5

리플릿 맵이 포함 된 페이지를 pdf로 내 보내야합니다. 지도 컨테이너를 이미지로 변환하려고했지만 완벽하게 작동하지 않습니다. 내가 사용하는 코드)} 여기 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); 
} 

이다;

이 코드는 전단지를 완벽하게 처리하지 못합니다. 어떻게 구현할 수 있습니까?

답변

4

정확히 당신이 leaflet-image 플러그인을 사용하는 것이 더 좋을 것이라고 생각합니다. 헤더에서 연결된 데모가 있습니다. 주요한 특징은 리플렛이 렌더링을 위해 캔버스를 사용하도록 강제하는 것입니다.

+2

마커가 맵에 추가됩니다. 'Uncaught TypeError : 정의되지 않은'0 '의 속성을 읽을 수 없습니다. –

+0

위대한 ... .. 마커 크기가 정의되지 않았습니다. 오류 .. 지금은 완벽 .. 고마워요 .. –

4

특수 마커가있는 리플릿 맵을 내보내는 데 문제가있어서 leaflet-image 플러그인을 사용하려고했지만 표준 마커에서만 작동합니다.

결국 서버 (노드)에서 맵을 생성했습니다.

나는 PDF로 전단지 맵을 내보내는 방법은 아래 링크를 참조하십시오 게시물을 작성한 감사 llja..I 이제까지 아무 markers.when가 없을 때의 작업 만 서길 시도

Export leaflet map to pdf report

관련 문제