在Leaflet中导出/打印地图

Question

我正在使用传单和纯JS / jQuery来制作一个等值线图，当我尝试将其作为PNG / PDF /等导出到本地文件时，我遇到了问题。我想直接将地图保存在主文件夹中，按control print button，编辑默认输出路径（如果可能）。

在传单文档中显示four plugins to make it：

• 使用Leaflet.print：我无法应用它，也许是因为我在js / leaflet / mapfish中的小知识才能使用它。没有可用于查看工作原理的页面演示。然后我在github，index.html上打开html示例，看看它是如何工作的，但是使用Mapfish来制作打印，使用info.json文件...我有一个使用两个jsons绘制和着色的图层组多边形，如下面的JSFiddle链接所示。

• 使用Leaflet-image：我应用它并使用一个顶部按钮在原始地图的右侧生成一个地图，只有地图框的底部。

• 使用Leaflet-easyPrint：它有效：在topleft处生成控制按钮（确定，我喜欢按钮！）并在打印预览中打印地图BUT它没有＆＃ 39;显示图例颜色。

• 使用leaflet.browser.Print：类似于demo中的easyPrint，但我不想要整个浏览器视图。我只想要地图，所以我没有尝试过。

此外，我尝试了jQuery print plugin using map div id，但导出地图没有颜色图例（我想保存在本地文件中）。

因此，有办法吗？如果你能逐步向我解释，我将非常感激。

这是JSFiddle申请leaflet-easyPrint和leaflet-image。

Answer 1

我认为你最好的选择是使用easyPrint。它确实有你提到的问题，请参阅：https://github.com/rowanwins/leaflet-easyPrint/issues但据我所知它们应该在V2分支中解决：https://github.com/rowanwins/leaflet-easyPrint/tree/v2到目前为止，变更没有记录，所以要找出什么是改变了你需要经历我之前发布的问题。