---
title: "HillshadePaintProps | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Type Alias HillshadePaintProps

type HillshadePaintProps \= {  
    ["hillshade-accent-color"](#hillshade-accent-color): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>;  
    ["hillshade-exaggeration"](#hillshade-exaggeration): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>;  
    ["hillshade-highlight-color"](#hillshade-highlight-color): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[ColorArray](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorArray/)\>;  
    ["hillshade-illumination-altitude"](#hillshade-illumination-altitude): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[NumberArray](https://docs.maptiler.com/sdk-js/api-reference/classes/NumberArray/)\>;  
    ["hillshade-illumination-anchor"](#hillshade-illumination-anchor): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"map" | "viewport"\>;  
    ["hillshade-illumination-direction"](#hillshade-illumination-direction): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[NumberArray](https://docs.maptiler.com/sdk-js/api-reference/classes/NumberArray/)\>;  
    ["hillshade-method"](#hillshade-method): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<  
        "standard"  
        | "basic"  
        | "combined"  
        | "igor"  
        | "multidirectional",  
    \>;  
    ["hillshade-shadow-color"](#hillshade-shadow-color): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[ColorArray](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorArray/)\>;  
    [resampling](#resampling): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"linear" | "nearest"\>;  
}

##### Index

### Properties[](#properties)

[hillshade-accent-color](#hillshade-accent-color) [hillshade-exaggeration](#hillshade-exaggeration) [hillshade-highlight-color](#hillshade-highlight-color) [hillshade-illumination-altitude](#hillshade-illumination-altitude) [hillshade-illumination-anchor](#hillshade-illumination-anchor) [hillshade-illumination-direction](#hillshade-illumination-direction) [hillshade-method](#hillshade-method) [hillshade-shadow-color](#hillshade-shadow-color) [resampling](#resampling)

## Properties[](#properties-1)

### hillshade-accent-color[](#hillshade-accent-color)

"hillshade-accent-color": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>

### hillshade-exaggeration[](#hillshade-exaggeration)

"hillshade-exaggeration": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>

### hillshade-highlight-color[](#hillshade-highlight-color)

"hillshade-highlight-color": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[ColorArray](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorArray/)\>

### hillshade-illumination-altitude[](#hillshade-illumination-altitude)

"hillshade-illumination-altitude": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[NumberArray](https://docs.maptiler.com/sdk-js/api-reference/classes/NumberArray/)\>

### hillshade-illumination-anchor[](#hillshade-illumination-anchor)

"hillshade-illumination-anchor": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"map" | "viewport"\>

### hillshade-illumination-direction[](#hillshade-illumination-direction)

"hillshade-illumination-direction": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[NumberArray](https://docs.maptiler.com/sdk-js/api-reference/classes/NumberArray/)\>

### hillshade-method[](#hillshade-method)

"hillshade-method": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<  
    "standard"  
    | "basic"  
    | "combined"  
    | "igor"  
    | "multidirectional",  
\>

### hillshade-shadow-color[](#hillshade-shadow-color)

"hillshade-shadow-color": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[ColorArray](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorArray/)\>

### resampling[](#resampling)

resampling: [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"linear" | "nearest"\>