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?