LogoLogo
Sign upHelp CenterContactSocial
Home
Home
  • Overview
  • REST API
    • Getting started
    • Navigating maps and workspaces
    • Uploading files and URLs
    • Styling layers
    • Refreshing live data layers
    • Working with elements
    • Listening to updates using webhooks
    • API Reference
      • Authentication
      • Maps
      • Layers
      • Elements
      • Users
      • Comments
      • Embed Tokens
      • Sources
      • Projects
  • JS SDK
    • Getting started
    • General concepts
    • Controlling maps
    • Working with selection
    • Reading entities
    • Drawing elements
    • Working with layers
    • Layer filters
    • Building custom charts
    • Map interactions and viewport
    • Hiding and showing
    • Integrating with React
    • Sample application
    • Examples
    • API Reference
  • Felt Style Language
    • Getting started
    • Style definition blocks
      • The config block
      • The paint block
      • The label block
      • The legend block
      • The popup block
      • The attributes block
      • The filters block
    • Types of visualizations
      • Simple visualizations
      • Categorical visualizations
      • Numeric visualizations (color & size)
      • Heatmaps
      • Hillshade
    • Zoom-based Styling
      • Interpolators
    • Legends
    • Errors
    • Examples
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. Felt Style Language
  2. Types of visualizations

Hillshade

PreviousHeatmapsNextZoom-based Styling

Last updated 11 months ago

Was this helpful?

Hillshades are used to visualize the valleys and ridges encoded in elevation raster data.

Hillshade visualizations are defined using “type”: “hillshade” and, support the following properties:

Field name
Description

color

An array of colors that will be used in the hillshade. From less elevation to more.

source

The light angle. 0 is North, 90 East, …

intensity

Controls the intensity of a hillshade.

The following map is an example of a raster layer using a hillshade visualization

with the following style

{
  "version": "2.3",
  "type": "hillshade",
  "config": {"band": 1},
  "legend": {},
  "paint": {"isSandwiched": false}
}

Felt also supports adding color to hillshades by defining a color property in the style

which is defined by the following style

{
  "config": {"band": 1, "steps": [-154.46435546875, 7987.457987843631]},
  "legend": {},
  "type": "hillshade",
  "version": "2.3",
  "paint": {
    "isSandwiched": false,
    "color": "@feltHeat",
    "source": 315,
    "intensity": 0.76
  }
}