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 map = new maplibregl.Map({
  container: "map",
  style: {
    version: 8,
    sources: {
      "satellite": {
        type: "raster",
        tiles: [
          "https://mt0.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
          "https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
          "https://mt2.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
          "https://mt3.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
        ],
        tileSize: 256,
      },
      // ── Elevation data ──────────────────────────
      "terrarium": {
        type: "raster-dem",
        tiles: ["https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png"],
        tileSize: 256,
        encoding: "terrarium",
      },
    },
    layers: [{ id: "satellite", type: "raster", source: "satellite" }],
    // ── Enable 3D terrain from elevation source ──
    terrain: { source: "terrarium", exaggeration: 1.5 },
  },
});