Terrarium Elevation

Global elevation tiles in Terrarium format. Use for hillshading and 3D terrain in MapLibre.

const map = new maplibregl.Map({
  container: "map",
  style: {
    version: 8,
    sources: {
      "raster-tiles": {
        type: "raster",
        tiles: ["https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png"],
        tileSize: 256,
      },
    },
    layers: [{ id: "raster-layer", type: "raster", source: "raster-tiles" }],
  },
});

const elevation = {
  type: "raster-dem",
  tiles: ["https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png"],
  tileSize: 256,
  encoding: "terrarium",
};

const map = new maplibregl.Map({
  container: "map",
  style: {
    version: 8,
    sources: {
      terrain: elevation,
      hillshade: elevation,
    },
    layers: [
      { id: "background", type: "background", paint: { "background-color": "#e9e5dc" } },
      { id: "hillshade", type: "hillshade", source: "hillshade" },
    ],
    // Enable 3D terrain from the elevation source
    terrain: { source: "terrain", exaggeration: 1.5 },
  },
});