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

syncpoint / terrain-rgb

A detailed tutorial about how to convert geo-tiff files containing Digital Elevation Model (DEM) data into a pyramid of png tiles

118 stars 15 forks source link

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

Open chingchai opened 2 years ago

chingchai commented 2 years ago

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 commented 2 years ago

Hi here,

Same issue on my side. Did you fix it?

luo-geng commented 1 year ago

me too

georgbachmann commented 8 months ago

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 commented 8 months ago

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?