Mapbox - invalid tile order

Question

I am working on my own tile server. I have weird problems with displaying tiles in the correct order. Tiles were created using OSM data. When I use tileserver-gl-light as a tiles server everything seems to be ok, but when I try to serve tiles by my own server they do not appear in correct order after zooming. I use the same page to render the map so I think the problem is connected with the server. The tiles look like this (Zoom 1):

I appreciate any help. Best regards, Marek

score 1 · Answer 1 · answered Jan 12 '20 at 07:54

1

Set the scheme to "tms" when adding layer to mapbox-gl like this:

    map.addLayer({
      id: 'tms_layer',
      type: 'raster',
      source: {
        type: 'raster',
        tiles: [
          'https://tile-server/{z}/{x}/{y}.png'
        ],
        scheme: 'tms'
      },
    });

This happens because certain tile servers use the OSGeo spec scheme.

More info here: https://docs.mapbox.com/mapbox-gl-js/style-spec/#sources-raster-scheme

answered Jan 12 '20 at 07:54

Manish

4,903
1
29
39

I've set the url properly. It was not the issue. – Marek Marczak Jan 16 '20 at 07:26
1

@MarekMarczak Have you also set `scheme: 'tms'`? – Manish Jan 16 '20 at 09:04

score 0 · Accepted Answer · answered Jan 11 '20 at 20:31

I don't know the reason why but there was a need for correction y axis value before fetching data from mbtiles database.

If your tiles url looks like: http://host:port/data/{z}/{x}/{y} you need to recalculate y value before fetching tile data in pbf format from database:

y = pow(2, z) - 1 - y

There is no mention about this in mbtiles specification but I found the solution in Tileserver-PHP source code

Mapbox - invalid tile order

2 Answers2