leafletjs是否支持非正方形磁贴？

Question

我有一个矩形的PNG图像，这是转换为瓷砖使用工具"Maptiler“。

MapTiler本身呈现了一个添加了小叶脚本的html，这反过来又让我可以放大和缩小。

我目前面临的问题是因为图像不是正方形的，所以在创建瓷砖时，映射器会生成一个透明的灰色图像来覆盖图像的其余部分，因为它不适合edges.Hence。我得到了一个灰色边框，如下图所示。

​

​

所以我的问题是，有没有什么工具可以拉伸最后的瓦片，而不是像"maptiler“那样添加灰色边框来掩盖图像?？

或者leaflet js是否支持非正方形瓷砖?？谢谢

Answer 1

我不认为leaflet支持非正方形的瓷砖。

在文档中，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