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

type FillPaintProps \= {  
    ["fill-antialias"](#fill-antialias): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<boolean\>;  
    ["fill-color"](#fill-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-opacity"](#fill-opacity): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
    ["fill-outline-color"](#fill-outline-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-pattern"](#fill-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-translate"](#fill-translate): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<\[number, number\]\>;  
    ["fill-translate-anchor"](#fill-translate-anchor): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"map" | "viewport"\>;  
}

##### Index

### Properties[](#properties)

[fill-antialias](#fill-antialias) [fill-color](#fill-color) [fill-opacity](#fill-opacity) [fill-outline-color](#fill-outline-color) [fill-pattern](#fill-pattern) [fill-translate](#fill-translate) [fill-translate-anchor](#fill-translate-anchor)

## Properties[](#properties-1)

### fill-antialias[](#fill-antialias)

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

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

"fill-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-opacity[](#fill-opacity)

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

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

"fill-outline-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-pattern[](#fill-pattern)

"fill-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-translate[](#fill-translate)

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

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

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