Javascript Mapbox GL JS平铺故障?
我遇到了这样一个问题:我可以很好地加载我的分幅,但它们在地图视图中的位置完全错误。这在0以外的所有ZoomLevel上都会发生(因为0显然只是整个图像) 我正在运行一个tileserver php tileserver,它从mbtiles文件中提供未打包的向量tile。我已经设法让它们工作了,但是分辨率在maxzoom之外的openlayers上变成了垃圾(好像向量没有正确地更新它们自己的分辨率) 在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 = {
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,但我不能,因为如果你自己回答,你需要等三天。现在将其标记为已回答。不用担心,抱歉我不知道!