---
title: "FillExtrusionPaintProps | 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 FillExtrusionPaintProps

type FillExtrusionPaintProps \= {  
    ["fill-extrusion-base"](#fill-extrusion-base): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
    ["fill-extrusion-color"](#fill-extrusion-color): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>;  
    ["fill-extrusion-height"](#fill-extrusion-height): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
    ["fill-extrusion-opacity"](#fill-extrusion-opacity): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>;  
    ["fill-extrusion-pattern"](#fill-extrusion-pattern): [CrossFadedDataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedDataDrivenProperty/)<[ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/)\>;  
    ["fill-extrusion-translate"](#fill-extrusion-translate): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<\[number, number\]\>;  
    ["fill-extrusion-translate-anchor"](#fill-extrusion-translate-anchor): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"map" | "viewport"\>;  
    ["fill-extrusion-vertical-gradient"](#fill-extrusion-vertical-gradient): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<boolean\>;  
}

##### Index

### Properties[](#properties)

[fill-extrusion-base](#fill-extrusion-base) [fill-extrusion-color](#fill-extrusion-color) [fill-extrusion-height](#fill-extrusion-height) [fill-extrusion-opacity](#fill-extrusion-opacity) [fill-extrusion-pattern](#fill-extrusion-pattern) [fill-extrusion-translate](#fill-extrusion-translate) [fill-extrusion-translate-anchor](#fill-extrusion-translate-anchor) [fill-extrusion-vertical-gradient](#fill-extrusion-vertical-gradient)

## Properties[](#properties-1)

### fill-extrusion-base[](#fill-extrusion-base)

"fill-extrusion-base": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>

### fill-extrusion-color[](#fill-extrusion-color)

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

### fill-extrusion-height[](#fill-extrusion-height)

"fill-extrusion-height": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>

### fill-extrusion-opacity[](#fill-extrusion-opacity)

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

### fill-extrusion-pattern[](#fill-extrusion-pattern)

"fill-extrusion-pattern": [CrossFadedDataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedDataDrivenProperty/)<[ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/)\>

### fill-extrusion-translate[](#fill-extrusion-translate)

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

### fill-extrusion-translate-anchor[](#fill-extrusion-translate-anchor)

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

### fill-extrusion-vertical-gradient[](#fill-extrusion-vertical-gradient)

"fill-extrusion-vertical-gradient": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<boolean\>