mapbox-gl-js - GeoServer 矢量瓷砖在 Mapbox GL JS 中显示瓷砖边界问题

Question

我使用 GeoServer 将我的自行车道的矢量瓷砖（基于 GeoServer 矢量瓷砖扩展）提供为 .pbf。数据作为矢量源添加并使用 Mapbox GL JS 进行可视化。此外，我使用 GeoServer 垂直偏移来偏移线（因为我总是有两个方向的自行车道）。

在 Mapbox 中可视化数据时出现问题。尽管使用 GeoServer 上的图层预览可以正确显示线条，但线条在瓷砖边缘处被切割。我将地图放大得越远，线条的剪裁就越少，并且在非常详细的缩放下，线条被正确绘制。

我已经尝试使用足够大的缓冲区并修改图块大小，因为这些是研究问题时的建议。不幸的是，这些设置没有效果。我有另一个用于底图的矢量源层，我没有问题。在我看来，抵消线条可能是一个问题。

知道我可以尝试什么吗？

Answer 1

Geoserver 的 tile 网格的 tile 大小是 256x256，但是 mapbox 需要 512x512，添加自定义 tile 网格，将 tile 大小设置为 512x512，使用自定义 tile 网格生成矢量 tile 应该可以。