如何下载带有图层的地图的传单图像

How to download a leaflet image of a map with a layer

本文关键字：地图 图像 单图像 何下载 下载 图层      更新时间：2023-09-26

我试图使用leaflet-image插件获得快照。我得到这个错误:

leaflet-image.js:195 Element could not be drawn on canvas <svg class=​"leaflet-zoom-animated" width=​"1220" height=​"790" viewBox=​"-24 -16 1220 790" style=​"transform:​ translate3d(-24px, -16px, 0px)​;​">​…​</svg>​handlePathRoot @ leaflet-image.js:195start @ leaflet-image.js:336poke @ leaflet-image.js:324(anonymous function) @ leaflet-image.js:352tileQueueFinish @ leaflet-image.js:172maybeNotify @ leaflet-image.js:377(anonymous function) @ leaflet-image.js:353im.onload @ leaflet-image.js:148

当我将图层加载到地图(如附件图片)时发生

很可能图像没有CORS头，leaflet-image.js使用的<canvas> HTML元素被污染了。

这个问题在问题中有很好的记录:«HTML5画布中的跨源数据»和«画布图像跨平台不安全错误»。最后，你必须确保你正在从web服务器上获取图像的CORS是启用的。

相关文章：