06 · Hillshade

Real DEM tile sources need an API key, so this example builds a synthetic height field in-browser and shades it with the same Horn algorithm used inside RasterDEMLayer. For a live basemap overlay, point the layer at your Terrain-RGB or Terrarium tiles.

Full source: 06-hillshade.ts

import { RasterDEMLayer } from 'ts-maps'

const dem = new RasterDEMLayer('https://tiles.example.com/terrain-rgb/{z}/{x}/{y}.png', {
  encoding: 'mapbox',
  exaggeration: 1.2,
  sun: { azimuth: 315, altitude: 45 },
})
dem.addTo(map)

← Heatmap · Clusters →