javascript - Mapbox GL JS 平铺有问题？

Question

Messed Up Tiling

我遇到了一个问题，我可以很好地加载我的图 block ，但它们在 map View 中的放置完全错误。这种情况发生在所有超过 0 的缩放级别上(因为 0 显然只是整个图像)

我正在运行一个tileserver-phptileserver，从mbtiles文件中提供解压的矢量切片。我已经设法让它们工作，但分辨率在超过 maxzoom 的 openlayers 上变得很糟糕(就好像向量没有正确更新它们自己的分辨率一样)。

在 Mapbox GL JS 上，我加载了它们，但现在面临这个问题。

var simple = {
  "version": 8,
  "sources": {
      "osm": {
          "tiles": ["http://localhost:8000/tileserver/nederland/{z}/{x}/{y}.vector.pbf"],
          "type": "vector",
          "maxzoom": 14
      }
  },
  "style": {
    // this styling is about 600 lines long so I'm not including it
  }
}

var map = new mapboxgl.Map({
    container: "map",
    style: simple,
    //maxBounds: [[2.992192,50.74753],[7.230455,54.01786]],
    zoom: 1,
    center: [5.8, 53.2]
});

使用 OpenLayers，我可以像这样设置平铺网格:

function tileUrlFunction(tileCoord) { 
              return ("http://localhost:8000/tileserver/nederland/{z}/{y}/{x}.vector.pbf")
              .replace("{z}", String(tileCoord[0]))
              .replace("{x}", String(tileCoord[1]))
              .replace("{y}", String(-tileCoord[2] - 1));
            }

Mapbox GL 也可以做到这一点吗？还是其他地方出了问题？

我尝试过以下操作:- 将 URL 更改为不同的格式({x}/{y}/{z}、{z}/{y}/{x} 等)。有趣的是，这修复了左侧图 block 或上部图 block 的垂直或水平定位，但不是两者。

Answer 1

@sabas 是对的。

尽管它似乎是tileserver-php框架中的标准..之后；我将字符串替换为如下所示:{z}/{y}/{x}，现在它可以工作了。