How to fix bug occurred over-altitude terrain RGB raster tileset in Mapbox GL JS

[chingchai]

Hi, I use my DEM generate from Drone using OpenDroneMap. After that, I use gdal_warp to re-project my DSM to EPSG:3857 and transform the greyscale data into the RGB data using rio-rgbify and last step i use gdal2tiles.py to generate xyz tiles. But i got error when add tiles layer to Mapbox GL JS as the picture shown below.

        this.map.addSource("mydem", {
          type: "raster-dem",
          tiles: [
            "https://url/tiles/dem-rgb-v2/{z}/{x}/{y}.png",
          ],
          tileSize: 512,
          maxzoom: 18
        });
        this.map.setTerrain({ source: "mydem", exaggeration: 0.7 });

[NasH5169]

Hi here,

Same issue on my side. Did you fix it?

[luo-geng]

me too

[georgbachmann]

I have a very similar problem. I followed this tutorial here step by step. Only difference was that my dataset was a 5m resolution dataset.
Did you solve your problem? @ThomasHalwax do you have an idea? Would be super happy about some help :)

[ThomasHalwax]

TBH I'm not sure what causes these spikes but my guess is the resampling method used by gdalwrap. The tutorial uses lanczos. Maybe someone could try some other methods and post the results?

[ThomasLonjon]

Hi !
Having the same issues here, got the same spikes.
On [georgbachmann] example, it is very clear spikes appear on level lines ! It seems to be the same on my side.
It seems to happen on the blue band, where the dark blue switches to light blue
In fact, it seems the problem seem to come with the blue layer, on which there should not be such importante breaks in color, and dark blue areas should not be that dark.
Has anyone found other ways to create their own raster dem mbtiles ?