我正在使用传单和纯 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-easyPrint和leaflet-image.