10

我需要将包含传单地图的页面导出为 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

2 回答 2

7

我认为您最好使用leaflet-image插件，它正是这样做的。有一个从标题链接的演示。主要问题是迫使 Leaflet 使用画布进行渲染。

于 2014-06-06T15:02:13.143 回答
6

我在导出带有特殊标记的传单地图时遇到问题，我尝试使用插件传单图像，但它仅适用于标准标记。

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

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

将传单地图导出为 pdf 报告

于 2015-06-16T12:02:48.973 回答