1

我有一个矩形 PNG 图像,它使用“Maptiler”工具转​​换为图块。

MapTiler 本身会渲染一个带有传单脚本的 html,这反过来又可以让我放大和缩小。

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

在此处输入图像描述

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

或者如果传单 js 支持非方形瓷砖?谢谢

4

2 回答 2

0

我对 DeepZoom 有同样的问题,并使用 tileLayer.Canvas 来解决它: http ://leafletjs.com/reference.html#tilelayer-canvas

(我使用 async = true,使用临时 img 元素加载图像,等待 img.loaded 事件并使用 canvas.drawImage() 绘制到画布。也许这不是最有效的方法,但对我来说已经足够了目的)。

此外还有一个插件可能会有所帮助(我自己没有检查过): https ://github.com/aparshin/leaflet-boundary-canvas

于 2015-03-08T15:36:42.953 回答
0

我不认为传单支持非方形瓷砖。

在文档中,tileSize 选项假定瓷砖是方形的:http: //leafletjs.com/reference.html#tilelayer

于 2014-08-28T16:19:45.013 回答