Javascript Mapbox GL JS平铺故障?

Javascript Mapbox GL JS平铺故障?,javascript,mapbox,mapbox-gl-js,Javascript,Mapbox,Mapbox Gl Js,我遇到了这样一个问题:我可以很好地加载我的分幅,但它们在地图视图中的位置完全错误。这在0以外的所有ZoomLevel上都会发生(因为0显然只是整个图像) 我正在运行一个tileserver php tileserver,它从mbtiles文件中提供未打包的向量tile。我已经设法让它们工作了,但是分辨率在maxzoom之外的openlayers上变成了垃圾(好像向量没有正确地更新它们自己的分辨率) 在Mapbox GL JS上,我让它们加载进来,但现在面临这个问题 var simple = {

我遇到了这样一个问题:我可以很好地加载我的分幅,但它们在地图视图中的位置完全错误。这在0以外的所有ZoomLevel上都会发生(因为0显然只是整个图像)

我正在运行一个tileserver php tileserver,它从mbtiles文件中提供未打包的向量tile。我已经设法让它们工作了,但是分辨率在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}等)。有趣的是,这固定了左侧瓷砖或上部瓷砖的垂直或水平位置,但不是两者都固定。

@sabas是对的


虽然它似乎是tileserver php框架中的标准。。之后;我将字符串替换为如下形式:{z}/{y}/{x},它现在可以工作了

你在截图中颠倒了x和y,但我不能,因为如果你自己回答,你需要等三天。现在将其标记为已回答。不用担心,抱歉我不知道!