javascript - Leaflet-Image() 和 Leaflet.print() 不起作用

Question

我正在尝试在线访问 map 网络服务。我想将 map 导出为 png 或 jpg 图像。

我设法使用 OSM 显示在线 map 。我按照说明 here 进行操作。下一步是将 map 保存或导出为图像。我发现this和 this ，我都尝试了。

不用说，这不起作用。事实上我认为问题出在我身上，我认为我没有正确理解如何使用这些功能。

关于Leaflet-Image()，我尝试了以下代码:

leafletImage(map, function(err, canvas) {
// now you have canvas
// example thing to do with that canvas:
var img = document.createElement('img');
var dimensions = map.getSize();

console.log('dimensions :');
console.log(dimensions);

img.width = dimensions.x;
img.height = dimensions.y;
img.src = canvas.toDataURL();
document.getElementById('images').innerHTML = '';
document.getElementById('images').appendChild(img);});

我收到此错误:

leaflet-image.js:87 Uncaught TypeError: layer._adjustTilePoint is not a function

这段代码对我来说似乎很奇怪。我的目标是将 map 导出为图像，放在我想要的文件夹中。但我没有给出文件路径或文件名...

关于 leaflet.print()，我尝试了这个:

var printProvider = L.print.provider({
method: 'GET',

outputFormat : '.png',
outputFilename: 'Desktop/carte',
autoLoad: true,
dpi: 90

});

var printControl = L.control.print({
   provider: printProvider
});        
map.addControl(printControl);

老实说，我完全迷失了这里。因此，如果有人有想法或可以向我解释这是如何工作的，那将是一个很大的帮助。

Answer 1

最后，我设法使用其在线路径(http//...)访问该图像。根据来源，它可能会导致访问问题，但它可以与在线 map 服务和提供的 key 配合使用。我根本不使用传单。

感谢您的帮助!