导出/打印传单中的地图

Fel*_*iña 6 javascript jquery leaflet

我正在使用传单和纯 JS/jQuery 制作分区统计图,当我尝试将其导出为 PNG/PDF/等本地文件时遇到问题。我想将地图直接保存在主文件夹中,按 a control print button,编辑默认输出路径(如果可能)。

在传单文档中出现了四个插件

  • 使用Leaflet.print:我无法应用它,也许是因为我对 js/leaflet/mapfish 的了解很少,无法使用它。没有可用的页面演示来了解如何工作。然后我在 github 上打开 html 示例,index.html,看看如何工作,但它是使用 Mapfish 来使用文件进行打印的info.json...我有一个图层组,使用两个 json 来绘制多边形并为其着色,您可以请参阅下面的 JSFiddle 链接。

  • 使用Leaflet-image:我应用了它,它生成了一个地图,仅使用地图框的底部,使用右上角的按钮位于原始地图的右侧。

  • 使用Leaflet-easyPrint:它有效:在左上角生成控制按钮(好吧,我喜欢这个按钮!)并打印地图,但在打印预览中它不显示图例颜色。

  • 使用leaflet.browser.Print:与演示中的easyPrint类似,但我不想要整个浏览器视图。我只想要地图,所以没有尝试。

另外,我尝试使用 map div id 的 jQuery 打印插件,但导出地图没有颜色图例(并且我想保存在本地文件中)。

那么,有没有办法做到呢?如果您能一步一步向我解释,我将非常感激。

这是一个JSFiddle应用程序leaflet-easyPrintleaflet-image.

iH8*_*iH8 2

我认为您最好的选择是使用 easyPrint。它确实存在您提到的问题,请参阅: https: //github.com/rowanwins/leaflet-easyPrint/issues,但据我所知,它们应该在 V2 分支中得到解决:https://github。 com/rowanwins/leaflet-easyPrint/tree/v2到目前为止,更改尚未记录在案,因此要了解更改的内容,您需要查看我之前发布的问题。