leafletjs是否支持非方形瓷砖

Question

我有一个矩形的PNG图像，可以使用“Maptiler”工具转​​换为图块。

MapTiler本身会渲染一个带有传单脚本的html，这样就可以让我放大和缩小。

我目前面临的问题是因为图像不是正方形，所以在创建图块时，maptiler会生成一个透明的灰色图像，以覆盖图像的其余部分，因为它不适合边缘。因此，我得到一个灰色边框，如下图所示。

所以我的问题是，是否有任何工具可以拉伸最后一个瓷砖而不是添加灰色边框来掩盖“maptiler”正在做的图像？

或者如果传单js支持非方形图块？感谢

Answer 1

我认为传单不支持非方形图块。

在文档中，tileSize选项假定切片为方形：http://leafletjs.com/reference.html#tilelayer

Answer 2

我在DeepZoom中遇到了同样的问题，并使用了tileLayer.Canvas来解决它： http://leafletjs.com/reference.html#tilelayer-canvas

（我使用async = true，使用临时img元素加载图像，等待img.loaded事件并使用canvas.drawImage（）绘制到画布。也许它不是最有效的方法，但它是足够我的目的）。

此外还有一个可能有帮助的插件（我自己没有检查过）： https://github.com/aparshin/leaflet-boundary-canvas