node.js - Mapbox gl原生拼接间距大于0的瓷砖

Question

Mapbox-gl-native 允许在服务器端渲染矢量切片。 API 通过传递图 block 的中心坐标来渲染图 block 。

它返回 map 图 block 图像。为了获得更大的图像，需要渲染多个图 block 并将它们缝合在一起。要从一个图 block 移动到相邻的图 block 非常简单，您必须将缩放级别的分辨率乘以图 block 地理信息的宽度或高度(取决于您想要相邻图 block 的方向)。

因此，如果我有一个以中心点 [24.5 56.2] 渲染的图 block ，并且我希望它旁边的图 block 位于右侧，我会像这样计算它的中心:

偏移量 = 级别分辨率 * 256

centerPointInWebMercator->x += 偏移量

adjacentTileCenter = toLatLon(centerPointInWebMercator)

这确实是正确的。问题是当瓷砖的间距值大于 0 时。在这种情况下，上述算法似乎不正确，因为图 block 未正确对齐。

这是请求的两个图 block 的示例，第一个问题是它们包含重复的信息，第二个问题是一些重复的功能似乎具有不同的定位(以不同的方式旋转)请参阅突出显示的区域

Answer 1

好的，我找到了解决方案，问题是我渲染的图 block 默认尺寸为 512x512，然后缩放到更高分辨率。

但是可以通过将此大小增加到更大的值来增加 map 大小。