Question

我需要将包含传单映射的页面导出为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);
}

}）;

此代码不适用于传单地图。如何实现此功能？

Answer 1

我认为您最好使用leaflet-image插件，这正是如此。标题中链接了一个演示。主要的问题是强制Leaflet使用canvas进行渲染。

Answer 2

我在使用特殊标记导出传单地图时出现问题，我尝试使用插件leaflet-image，但它仅适用于标准标记。

最后，我在服务器（节点）中创建了地图。

我写了一篇文章，如何将传单地图导出为pdf，请参阅下面的链接

Export leaflet map to pdf report

将传单地图片段转换为图像

2 个答案: