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

Union of all paint properties across all layer types.

type AllPaintProperties \= {  
    ["background-color"](#background-color)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>;  
    ["background-color-transition"](#background-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["background-opacity"](#background-opacity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["background-opacity-transition"](#background-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["background-pattern"](#background-pattern)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        [ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/),  
    \>;  
    ["background-pattern-transition"](#background-pattern-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-blur"](#circle-blur)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["circle-blur-transition"](#circle-blur-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-color"](#circle-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>;  
    ["circle-color-transition"](#circle-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-opacity"](#circle-opacity)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["circle-opacity-transition"](#circle-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-pitch-alignment"](#circle-pitch-alignment)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>;  
    ["circle-pitch-scale"](#circle-pitch-scale)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>;  
    ["circle-radius"](#circle-radius)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["circle-radius-transition"](#circle-radius-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-stroke-color"](#circle-stroke-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/),  
    \>;  
    ["circle-stroke-color-transition"](#circle-stroke-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-stroke-opacity"](#circle-stroke-opacity)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["circle-stroke-opacity-transition"](#circle-stroke-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-stroke-width"](#circle-stroke-width)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["circle-stroke-width-transition"](#circle-stroke-width-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["circle-translate"](#circle-translate)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>;  
    ["circle-translate-anchor"](#circle-translate-anchor)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>;  
    ["circle-translate-transition"](#circle-translate-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["color-relief-color"](#color-relief-color)?: [ExpressionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ExpressionSpecification/);  
    ["color-relief-opacity"](#color-relief-opacity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["color-relief-opacity-transition"](#color-relief-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-antialias"](#fill-antialias)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<boolean\>;  
    ["fill-color"](#fill-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>;  
    ["fill-color-transition"](#fill-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-extrusion-base"](#fill-extrusion-base)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["fill-extrusion-base-transition"](#fill-extrusion-base-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-extrusion-color"](#fill-extrusion-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/),  
    \>;  
    ["fill-extrusion-color-transition"](#fill-extrusion-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-extrusion-height"](#fill-extrusion-height)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["fill-extrusion-height-transition"](#fill-extrusion-height-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-extrusion-opacity"](#fill-extrusion-opacity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["fill-extrusion-opacity-transition"](#fill-extrusion-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-extrusion-pattern"](#fill-extrusion-pattern)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/),  
    \>;  
    ["fill-extrusion-pattern-transition"](#fill-extrusion-pattern-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-extrusion-translate"](#fill-extrusion-translate)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>;  
    ["fill-extrusion-translate-anchor"](#fill-extrusion-translate-anchor)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        "map"  
        | "viewport",  
    \>;  
    ["fill-extrusion-translate-transition"](#fill-extrusion-translate-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-extrusion-vertical-gradient"](#fill-extrusion-vertical-gradient)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<boolean\>;  
    ["fill-layer-opacity"](#fill-layer-opacity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["fill-layer-opacity-transition"](#fill-layer-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-opacity"](#fill-opacity)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["fill-opacity-transition"](#fill-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-outline-color"](#fill-outline-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/),  
    \>;  
    ["fill-outline-color-transition"](#fill-outline-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-pattern"](#fill-pattern)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/),  
    \>;  
    ["fill-pattern-transition"](#fill-pattern-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["fill-translate"](#fill-translate)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>;  
    ["fill-translate-anchor"](#fill-translate-anchor)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>;  
    ["fill-translate-transition"](#fill-translate-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["heatmap-color"](#heatmap-color)?: [ExpressionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ExpressionSpecification/);  
    ["heatmap-intensity"](#heatmap-intensity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["heatmap-intensity-transition"](#heatmap-intensity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["heatmap-opacity"](#heatmap-opacity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["heatmap-opacity-transition"](#heatmap-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["heatmap-radius"](#heatmap-radius)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["heatmap-radius-transition"](#heatmap-radius-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["heatmap-weight"](#heatmap-weight)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["hillshade-accent-color"](#hillshade-accent-color)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>;  
    ["hillshade-accent-color-transition"](#hillshade-accent-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["hillshade-exaggeration"](#hillshade-exaggeration)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["hillshade-exaggeration-transition"](#hillshade-exaggeration-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["hillshade-highlight-color"](#hillshade-highlight-color)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        [ColorArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorArraySpecification/),  
    \>;  
    ["hillshade-highlight-color-transition"](#hillshade-highlight-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["hillshade-illumination-altitude"](#hillshade-illumination-altitude)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        [NumberArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/NumberArraySpecification/),  
    \>;  
    ["hillshade-illumination-anchor"](#hillshade-illumination-anchor)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        "map"  
        | "viewport",  
    \>;  
    ["hillshade-illumination-direction"](#hillshade-illumination-direction)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        [NumberArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/NumberArraySpecification/),  
    \>;  
    ["hillshade-method"](#hillshade-method)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        "standard"  
        | "basic"  
        | "combined"  
        | "igor"  
        | "multidirectional",  
    \>;  
    ["hillshade-shadow-color"](#hillshade-shadow-color)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
        [ColorArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorArraySpecification/),  
    \>;  
    ["hillshade-shadow-color-transition"](#hillshade-shadow-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["icon-color"](#icon-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>;  
    ["icon-color-transition"](#icon-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["icon-halo-blur"](#icon-halo-blur)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["icon-halo-blur-transition"](#icon-halo-blur-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["icon-halo-color"](#icon-halo-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/),  
    \>;  
    ["icon-halo-color-transition"](#icon-halo-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["icon-halo-width"](#icon-halo-width)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["icon-halo-width-transition"](#icon-halo-width-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["icon-opacity"](#icon-opacity)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["icon-opacity-transition"](#icon-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["icon-translate"](#icon-translate)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>;  
    ["icon-translate-anchor"](#icon-translate-anchor)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>;  
    ["icon-translate-transition"](#icon-translate-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-blur"](#line-blur)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["line-blur-transition"](#line-blur-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-color"](#line-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>;  
    ["line-color-transition"](#line-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-dasharray"](#line-dasharray)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\[\]\>;  
    ["line-dasharray-transition"](#line-dasharray-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-gap-width"](#line-gap-width)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["line-gap-width-transition"](#line-gap-width-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-gradient"](#line-gradient)?: [ExpressionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ExpressionSpecification/);  
    ["line-layer-opacity"](#line-layer-opacity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["line-layer-opacity-transition"](#line-layer-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-offset"](#line-offset)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["line-offset-transition"](#line-offset-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-opacity"](#line-opacity)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["line-opacity-transition"](#line-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-pattern"](#line-pattern)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/),  
    \>;  
    ["line-pattern-transition"](#line-pattern-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-translate"](#line-translate)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>;  
    ["line-translate-anchor"](#line-translate-anchor)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>;  
    ["line-translate-transition"](#line-translate-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["line-width"](#line-width)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["line-width-transition"](#line-width-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["raster-brightness-max"](#raster-brightness-max)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["raster-brightness-max-transition"](#raster-brightness-max-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["raster-brightness-min"](#raster-brightness-min)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["raster-brightness-min-transition"](#raster-brightness-min-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["raster-contrast"](#raster-contrast)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["raster-contrast-transition"](#raster-contrast-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["raster-fade-duration"](#raster-fade-duration)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["raster-hue-rotate"](#raster-hue-rotate)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["raster-hue-rotate-transition"](#raster-hue-rotate-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["raster-opacity"](#raster-opacity)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["raster-opacity-transition"](#raster-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["raster-resampling"](#raster-resampling)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"linear" | "nearest"\>;  
    ["raster-saturation"](#raster-saturation)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>;  
    ["raster-saturation-transition"](#raster-saturation-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    [resampling](#resampling)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"linear" | "nearest"\>;  
    ["text-color"](#text-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>;  
    ["text-color-transition"](#text-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["text-halo-blur"](#text-halo-blur)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["text-halo-blur-transition"](#text-halo-blur-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["text-halo-color"](#text-halo-color)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
        [ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/),  
    \>;  
    ["text-halo-color-transition"](#text-halo-color-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["text-halo-width"](#text-halo-width)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["text-halo-width-transition"](#text-halo-width-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["text-opacity"](#text-opacity)?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>;  
    ["text-opacity-transition"](#text-opacity-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
    ["text-translate"](#text-translate)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>;  
    ["text-translate-anchor"](#text-translate-anchor)?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>;  
    ["text-translate-transition"](#text-translate-transition)?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/);  
}

##### Index

### Properties[](#properties)

[background-color?](#background-color) [background-color-transition?](#background-color-transition) [background-opacity?](#background-opacity) [background-opacity-transition?](#background-opacity-transition) [background-pattern?](#background-pattern) [background-pattern-transition?](#background-pattern-transition) [circle-blur?](#circle-blur) [circle-blur-transition?](#circle-blur-transition) [circle-color?](#circle-color) [circle-color-transition?](#circle-color-transition) [circle-opacity?](#circle-opacity) [circle-opacity-transition?](#circle-opacity-transition) [circle-pitch-alignment?](#circle-pitch-alignment) [circle-pitch-scale?](#circle-pitch-scale) [circle-radius?](#circle-radius) [circle-radius-transition?](#circle-radius-transition) [circle-stroke-color?](#circle-stroke-color) [circle-stroke-color-transition?](#circle-stroke-color-transition) [circle-stroke-opacity?](#circle-stroke-opacity) [circle-stroke-opacity-transition?](#circle-stroke-opacity-transition) [circle-stroke-width?](#circle-stroke-width) [circle-stroke-width-transition?](#circle-stroke-width-transition) [circle-translate?](#circle-translate) [circle-translate-anchor?](#circle-translate-anchor) [circle-translate-transition?](#circle-translate-transition) [color-relief-color?](#color-relief-color) [color-relief-opacity?](#color-relief-opacity) [color-relief-opacity-transition?](#color-relief-opacity-transition) [fill-antialias?](#fill-antialias) [fill-color?](#fill-color) [fill-color-transition?](#fill-color-transition) [fill-extrusion-base?](#fill-extrusion-base) [fill-extrusion-base-transition?](#fill-extrusion-base-transition) [fill-extrusion-color?](#fill-extrusion-color) [fill-extrusion-color-transition?](#fill-extrusion-color-transition) [fill-extrusion-height?](#fill-extrusion-height) [fill-extrusion-height-transition?](#fill-extrusion-height-transition) [fill-extrusion-opacity?](#fill-extrusion-opacity) [fill-extrusion-opacity-transition?](#fill-extrusion-opacity-transition) [fill-extrusion-pattern?](#fill-extrusion-pattern) [fill-extrusion-pattern-transition?](#fill-extrusion-pattern-transition) [fill-extrusion-translate?](#fill-extrusion-translate) [fill-extrusion-translate-anchor?](#fill-extrusion-translate-anchor) [fill-extrusion-translate-transition?](#fill-extrusion-translate-transition) [fill-extrusion-vertical-gradient?](#fill-extrusion-vertical-gradient) [fill-layer-opacity?](#fill-layer-opacity) [fill-layer-opacity-transition?](#fill-layer-opacity-transition) [fill-opacity?](#fill-opacity) [fill-opacity-transition?](#fill-opacity-transition) [fill-outline-color?](#fill-outline-color) [fill-outline-color-transition?](#fill-outline-color-transition) [fill-pattern?](#fill-pattern) [fill-pattern-transition?](#fill-pattern-transition) [fill-translate?](#fill-translate) [fill-translate-anchor?](#fill-translate-anchor) [fill-translate-transition?](#fill-translate-transition) [heatmap-color?](#heatmap-color) [heatmap-intensity?](#heatmap-intensity) [heatmap-intensity-transition?](#heatmap-intensity-transition) [heatmap-opacity?](#heatmap-opacity) [heatmap-opacity-transition?](#heatmap-opacity-transition) [heatmap-radius?](#heatmap-radius) [heatmap-radius-transition?](#heatmap-radius-transition) [heatmap-weight?](#heatmap-weight) [hillshade-accent-color?](#hillshade-accent-color) [hillshade-accent-color-transition?](#hillshade-accent-color-transition) [hillshade-exaggeration?](#hillshade-exaggeration) [hillshade-exaggeration-transition?](#hillshade-exaggeration-transition) [hillshade-highlight-color?](#hillshade-highlight-color) [hillshade-highlight-color-transition?](#hillshade-highlight-color-transition) [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) [hillshade-shadow-color-transition?](#hillshade-shadow-color-transition) [icon-color?](#icon-color) [icon-color-transition?](#icon-color-transition) [icon-halo-blur?](#icon-halo-blur) [icon-halo-blur-transition?](#icon-halo-blur-transition) [icon-halo-color?](#icon-halo-color) [icon-halo-color-transition?](#icon-halo-color-transition) [icon-halo-width?](#icon-halo-width) [icon-halo-width-transition?](#icon-halo-width-transition) [icon-opacity?](#icon-opacity) [icon-opacity-transition?](#icon-opacity-transition) [icon-translate?](#icon-translate) [icon-translate-anchor?](#icon-translate-anchor) [icon-translate-transition?](#icon-translate-transition) [line-blur?](#line-blur) [line-blur-transition?](#line-blur-transition) [line-color?](#line-color) [line-color-transition?](#line-color-transition) [line-dasharray?](#line-dasharray) [line-dasharray-transition?](#line-dasharray-transition) [line-gap-width?](#line-gap-width) [line-gap-width-transition?](#line-gap-width-transition) [line-gradient?](#line-gradient) [line-layer-opacity?](#line-layer-opacity) [line-layer-opacity-transition?](#line-layer-opacity-transition) [line-offset?](#line-offset) [line-offset-transition?](#line-offset-transition) [line-opacity?](#line-opacity) [line-opacity-transition?](#line-opacity-transition) [line-pattern?](#line-pattern) [line-pattern-transition?](#line-pattern-transition) [line-translate?](#line-translate) [line-translate-anchor?](#line-translate-anchor) [line-translate-transition?](#line-translate-transition) [line-width?](#line-width) [line-width-transition?](#line-width-transition) [raster-brightness-max?](#raster-brightness-max) [raster-brightness-max-transition?](#raster-brightness-max-transition) [raster-brightness-min?](#raster-brightness-min) [raster-brightness-min-transition?](#raster-brightness-min-transition) [raster-contrast?](#raster-contrast) [raster-contrast-transition?](#raster-contrast-transition) [raster-fade-duration?](#raster-fade-duration) [raster-hue-rotate?](#raster-hue-rotate) [raster-hue-rotate-transition?](#raster-hue-rotate-transition) [raster-opacity?](#raster-opacity) [raster-opacity-transition?](#raster-opacity-transition) [raster-resampling?](#raster-resampling) [raster-saturation?](#raster-saturation) [raster-saturation-transition?](#raster-saturation-transition) [resampling?](#resampling) [text-color?](#text-color) [text-color-transition?](#text-color-transition) [text-halo-blur?](#text-halo-blur) [text-halo-blur-transition?](#text-halo-blur-transition) [text-halo-color?](#text-halo-color) [text-halo-color-transition?](#text-halo-color-transition) [text-halo-width?](#text-halo-width) [text-halo-width-transition?](#text-halo-width-transition) [text-opacity?](#text-opacity) [text-opacity-transition?](#text-opacity-transition) [text-translate?](#text-translate) [text-translate-anchor?](#text-translate-anchor) [text-translate-transition?](#text-translate-transition)

## Properties[](#properties-1)

### `Optional`background-color[](#background-color)

"background-color"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The color with which the background will be drawn.

#### Default[](#default)

```typescript
"#000000"
```

### `Optional`background-color-transition[](#background-color-transition)

"background-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`background-opacity[](#background-opacity)

"background-opacity"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

The opacity at which the background will be drawn.

#### Default[](#default-1)

```typescript
1
```

### `Optional`background-opacity-transition[](#background-opacity-transition)

"background-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`background-pattern[](#background-pattern)

"background-pattern"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/)\>

Name of image in sprite to use for drawing an image background. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.

### `Optional`background-pattern-transition[](#background-pattern-transition)

"background-pattern-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-blur[](#circle-blur)

"circle-blur"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Amount to blur the circle. 1 blurs the circle such that only the centerpoint is full opacity.

### `Optional`circle-blur-transition[](#circle-blur-transition)

"circle-blur-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-color[](#circle-color)

"circle-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The fill color of the circle.

#### Default[](#default-2)

```typescript
"#000000"
```

### `Optional`circle-color-transition[](#circle-color-transition)

"circle-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-opacity[](#circle-opacity)

"circle-opacity"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The opacity at which the circle will be drawn.

#### Default[](#default-3)

```typescript
1
```

### `Optional`circle-opacity-transition[](#circle-opacity-transition)

"circle-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-pitch-alignment[](#circle-pitch-alignment)

"circle-pitch-alignment"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>

Orientation of circle when map is pitched.

#### Default[](#default-4)

```typescript
"viewport"
```

### `Optional`circle-pitch-scale[](#circle-pitch-scale)

"circle-pitch-scale"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>

Controls the scaling behavior of the circle when the map is pitched.

#### Default[](#default-5)

```typescript
"map"
```

### `Optional`circle-radius[](#circle-radius)

"circle-radius"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Circle radius.

#### Default[](#default-6)

```typescript
5
```

### `Optional`circle-radius-transition[](#circle-radius-transition)

"circle-radius-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-stroke-color[](#circle-stroke-color)

"circle-stroke-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The stroke color of the circle.

#### Default[](#default-7)

```typescript
"#000000"
```

### `Optional`circle-stroke-color-transition[](#circle-stroke-color-transition)

"circle-stroke-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-stroke-opacity[](#circle-stroke-opacity)

"circle-stroke-opacity"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The opacity of the circle's stroke.

#### Default[](#default-8)

```typescript
1
```

### `Optional`circle-stroke-opacity-transition[](#circle-stroke-opacity-transition)

"circle-stroke-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-stroke-width[](#circle-stroke-width)

"circle-stroke-width"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The width of the circle's stroke. Strokes are placed outside of the `circle-radius`.

### `Optional`circle-stroke-width-transition[](#circle-stroke-width-transition)

"circle-stroke-width-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`circle-translate[](#circle-translate)

"circle-translate"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>

The geometry's offset. Values are `[x, y]` where negatives indicate left and up, respectively.

#### Default[](#default-9)

```json
[0, 0]
```

### `Optional`circle-translate-anchor[](#circle-translate-anchor)

"circle-translate-anchor"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>

Controls the frame of reference for `circle-translate`.

#### Default[](#default-10)

```typescript
"map"
```

### `Optional`circle-translate-transition[](#circle-translate-transition)

"circle-translate-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`color-relief-color[](#color-relief-color)

"color-relief-color"?: [ExpressionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ExpressionSpecification/)

Defines the color of each pixel based on its elevation. Should be an expression that uses `["elevation"]` as input.

#### Example[](#example)

```json
[
    "interpolate",
    ["linear"],
    ["elevation"],
    0,
    "black",
    8849,
    "white"
]
```

### `Optional`color-relief-opacity[](#color-relief-opacity)

"color-relief-opacity"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

The opacity at which the color-relief will be drawn.

#### Default[](#default-11)

```typescript
1
```

### `Optional`color-relief-opacity-transition[](#color-relief-opacity-transition)

"color-relief-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

"fill-antialias"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<boolean\>

Whether or not the fill should be antialiased.

#### Default[](#default-12)

```typescript
true
```

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

"fill-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The color of the filled part of this layer. This color can be specified as `rgba` with an alpha component and the color's opacity will not affect the opacity of the 1px stroke, if it is used. When used with an SDF fill pattern, this serves as the foreground color of the pattern.

#### Default[](#default-13)

```typescript
"#000000"
```

### `Optional`fill-color-transition[](#fill-color-transition)

"fill-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

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

The height with which to extrude the base of this layer. Must be less than or equal to `fill-extrusion-height`.

### `Optional`fill-extrusion-base-transition[](#fill-extrusion-base-transition)

"fill-extrusion-base-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

"fill-extrusion-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
    [ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/),  
\>

The base color of the extruded fill. The extrusion's surfaces will be shaded differently based on this color in combination with the root `light` settings. If this color is specified as `rgba` with an alpha component, the alpha component will be ignored; use `fill-extrusion-opacity` to set layer opacity.

#### Default[](#default-14)

```typescript
"#000000"
```

### `Optional`fill-extrusion-color-transition[](#fill-extrusion-color-transition)

"fill-extrusion-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

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

The height with which to extrude this layer.

### `Optional`fill-extrusion-height-transition[](#fill-extrusion-height-transition)

"fill-extrusion-height-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

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

The opacity of the entire fill extrusion layer. This is rendered on a per-layer, not per-feature, basis, and data-driven styling is not available.

#### Default[](#default-15)

```typescript
1
```

### `Optional`fill-extrusion-opacity-transition[](#fill-extrusion-opacity-transition)

"fill-extrusion-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

"fill-extrusion-pattern"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
    [ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/),  
\>

Name of image in sprite to use for drawing images on extruded fills. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.

### `Optional`fill-extrusion-pattern-transition[](#fill-extrusion-pattern-transition)

"fill-extrusion-pattern-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

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

The geometry's offset. Values are `[x, y]` where negatives indicate left and up (on the flat plane), respectively.

#### Default[](#default-16)

```json
[0, 0]
```

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

"fill-extrusion-translate-anchor"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
    "map"  
    | "viewport",  
\>

Controls the frame of reference for `fill-extrusion-translate`.

#### Default[](#default-17)

```typescript
"map"
```

### `Optional`fill-extrusion-translate-transition[](#fill-extrusion-translate-transition)

"fill-extrusion-translate-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

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

Whether to apply a vertical gradient to the sides of a fill-extrusion layer. If true, sides will be shaded slightly darker farther down.

#### Default[](#default-18)

```typescript
true
```

### `Optional`fill-layer-opacity[](#fill-layer-opacity)

"fill-layer-opacity"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Opacity applied to the layer as a whole. Unlike `fill-opacity` and alpha values in `fill-color`, which are applied per feature and accumulate where fills overlap, `fill-layer-opacity` is applied once so overlapping fills appear as a single surface at the given opacity. When both `fill-opacity` and `fill-layer-opacity` are set, the per-feature, overlap accumulation is preserved, then `fill-layer-opacity` composites the result. This property affects only the layer it is set on and cannot be used to composite multiple layers together or control how this layer blends with layers above or below it.

![fill-opacity vs. fill-layer-opacity](https://docs.maptiler.com/assets/tsdocs/fill-layer-opacity.svg)

#### Default[](#default-19)

```typescript
1
```

### `Optional`fill-layer-opacity-transition[](#fill-layer-opacity-transition)

"fill-layer-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`fill-opacity[](#fill-opacity)

"fill-opacity"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The opacity of the entire fill layer. In contrast to the `fill-color`, this value will also affect the 1px stroke around the fill, if the stroke is used.

#### Default[](#default-20)

```typescript
1
```

### `Optional`fill-opacity-transition[](#fill-opacity-transition)

"fill-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

"fill-outline-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The outline color of the fill. Matches the value of `fill-color` if unspecified.

### `Optional`fill-outline-color-transition[](#fill-outline-color-transition)

"fill-outline-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`fill-pattern[](#fill-pattern)

"fill-pattern"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
    [ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/),  
\>

Name of image in sprite to use for drawing image fills. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.

### `Optional`fill-pattern-transition[](#fill-pattern-transition)

"fill-pattern-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`fill-translate[](#fill-translate)

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

The geometry's offset. Values are `[x, y]` where negatives indicate left and up, respectively.

#### Default[](#default-21)

```json
[0, 0]
```

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

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

Controls the frame of reference for `fill-translate`.

#### Default[](#default-22)

```typescript
"map"
```

### `Optional`fill-translate-transition[](#fill-translate-transition)

"fill-translate-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`heatmap-color[](#heatmap-color)

"heatmap-color"?: [ExpressionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ExpressionSpecification/)

Defines the color of each pixel based on its density value in a heatmap. Should be an expression that uses `["heatmap-density"]` as input.

#### Default[](#default-23)

```json
[
    "interpolate",
    ["linear"],
    ["heatmap-density"],
    0,
    "rgba(0, 0, 255, 0)",
    0.1,
    "royalblue",
    0.3,
    "cyan",
    0.5,
    "lime",
    0.7,
    "yellow",
    1,
    "red"
]
```

### `Optional`heatmap-intensity[](#heatmap-intensity)

"heatmap-intensity"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Similar to `heatmap-weight` but controls the intensity of the heatmap globally. Primarily used for adjusting the heatmap based on zoom level.

#### Default[](#default-24)

```typescript
1
```

### `Optional`heatmap-intensity-transition[](#heatmap-intensity-transition)

"heatmap-intensity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`heatmap-opacity[](#heatmap-opacity)

"heatmap-opacity"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

The global opacity at which the heatmap layer will be drawn.

#### Default[](#default-25)

```typescript
1
```

### `Optional`heatmap-opacity-transition[](#heatmap-opacity-transition)

"heatmap-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`heatmap-radius[](#heatmap-radius)

"heatmap-radius"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Radius of influence of one heatmap point in pixels. Increasing the value makes the heatmap smoother, but less detailed.

#### Default[](#default-26)

```typescript
30
```

### `Optional`heatmap-radius-transition[](#heatmap-radius-transition)

"heatmap-radius-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`heatmap-weight[](#heatmap-weight)

"heatmap-weight"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

A measure of how much an individual point contributes to the heatmap. A value of 10 would be equivalent to having 10 points of weight 1 in the same spot. Especially useful when combined with clustering.

#### Default[](#default-27)

```typescript
1
```

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

"hillshade-accent-color"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The shading color used to accentuate rugged terrain like sharp cliffs and gorges.

#### Default[](#default-28)

```typescript
"#000000"
```

### `Optional`hillshade-accent-color-transition[](#hillshade-accent-color-transition)

"hillshade-accent-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

"hillshade-exaggeration"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Intensity of the hillshade

#### Default[](#default-29)

```typescript
0.5
```

### `Optional`hillshade-exaggeration-transition[](#hillshade-exaggeration-transition)

"hillshade-exaggeration-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

"hillshade-highlight-color"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
    [ColorArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorArraySpecification/),  
\>

The shading color of areas that faces towards the light source(s). Only when `hillshade-method` is set to `multidirectional` can you specify multiple light sources.

#### Default[](#default-30)

```typescript
"#FFFFFF"
```

### `Optional`hillshade-highlight-color-transition[](#hillshade-highlight-color-transition)

"hillshade-highlight-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

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

"hillshade-illumination-altitude"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
    [NumberArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/NumberArraySpecification/),  
\>

The altitude of the light source(s) used to generate the hillshading with 0 as sunset and 90 as noon. Only when `hillshade-method` is set to `multidirectional` can you specify multiple light sources.

#### Default[](#default-31)

```typescript
45
```

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

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

Direction of light source when map is rotated.

#### Default[](#default-32)

```typescript
"viewport"
```

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

"hillshade-illumination-direction"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<  
    [NumberArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/NumberArraySpecification/),  
\>

The direction of the light source(s) used to generate the hillshading with 0 as the top of the viewport if `hillshade-illumination-anchor` is set to `viewport` and due north if `hillshade-illumination-anchor` is set to `map`. Only when `hillshade-method` is set to `multidirectional` can you specify multiple light sources.

#### Default[](#default-33)

```typescript
335
```

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

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

The hillshade algorithm to use, one of `standard`, `basic`, `combined`, `igor`, or `multidirectional`. ![Visual comparison of standard, basic, igor, combined, and multidirectional hillshade-method](https://docs.maptiler.com/assets/tsdocs/hillshade_methods.png)

#### Default[](#default-34)

```typescript
"standard"
```

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

"hillshade-shadow-color"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[ColorArraySpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorArraySpecification/)\>

The shading color of areas that face away from the light source(s). Only when `hillshade-method` is set to `multidirectional` can you specify multiple light sources.

#### Default[](#default-35)

```typescript
"#000000"
```

### `Optional`hillshade-shadow-color-transition[](#hillshade-shadow-color-transition)

"hillshade-shadow-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`icon-color[](#icon-color)

"icon-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The color of the icon. This can only be used with SDF icons.

#### Default[](#default-36)

```typescript
"#000000"
```

### `Optional`icon-color-transition[](#icon-color-transition)

"icon-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`icon-halo-blur[](#icon-halo-blur)

"icon-halo-blur"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Fade out the halo towards the outside.

### `Optional`icon-halo-blur-transition[](#icon-halo-blur-transition)

"icon-halo-blur-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`icon-halo-color[](#icon-halo-color)

"icon-halo-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The color of the icon's halo. Icon halos can only be used with SDF icons.

#### Default[](#default-37)

```typescript
"rgba(0, 0, 0, 0)"
```

### `Optional`icon-halo-color-transition[](#icon-halo-color-transition)

"icon-halo-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`icon-halo-width[](#icon-halo-width)

"icon-halo-width"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Distance of halo to the icon outline.

The unit is in pixels only for SDF sprites that were created with a blur radius of 8, multiplied by the display density. I.e., the radius needs to be 16 for `@2x` sprites, etc.

### `Optional`icon-halo-width-transition[](#icon-halo-width-transition)

"icon-halo-width-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`icon-opacity[](#icon-opacity)

"icon-opacity"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The opacity at which the icon will be drawn.

#### Default[](#default-38)

```typescript
1
```

### `Optional`icon-opacity-transition[](#icon-opacity-transition)

"icon-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`icon-translate[](#icon-translate)

"icon-translate"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>

Distance that the icon's anchor is moved from its original placement. Positive values indicate right and down, while negative values indicate left and up.

#### Default[](#default-39)

```json
[0, 0]
```

### `Optional`icon-translate-anchor[](#icon-translate-anchor)

"icon-translate-anchor"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>

Controls the frame of reference for `icon-translate`.

#### Default[](#default-40)

```typescript
"map"
```

### `Optional`icon-translate-transition[](#icon-translate-transition)

"icon-translate-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-blur[](#line-blur)

"line-blur"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Blur applied to the line, in pixels.

### `Optional`line-blur-transition[](#line-blur-transition)

"line-blur-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-color[](#line-color)

"line-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The color with which the line will be drawn.

#### Default[](#default-41)

```typescript
"#000000"
```

### `Optional`line-color-transition[](#line-color-transition)

"line-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-dasharray[](#line-dasharray)

"line-dasharray"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\[\]\>

Specifies the lengths of the alternating dashes and gaps that form the dash pattern. The lengths are later scaled by the line width. To convert a dash length to pixels, multiply the length by the current line width. GeoJSON sources with `lineMetrics: true` specified won't render dashed lines to the expected scale. Zoom-dependent expressions will be evaluated only at integer zoom levels. The only way to create an array value is using `["literal", [...]]`; arrays cannot be read from or derived from feature properties.

### `Optional`line-dasharray-transition[](#line-dasharray-transition)

"line-dasharray-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-gap-width[](#line-gap-width)

"line-gap-width"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Draws a line casing outside of a line's actual path. Value indicates the width of the inner gap.

### `Optional`line-gap-width-transition[](#line-gap-width-transition)

"line-gap-width-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-gradient[](#line-gradient)

"line-gradient"?: [ExpressionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ExpressionSpecification/)

Defines a gradient with which to color a line feature. Can only be used with GeoJSON sources that specify `"lineMetrics": true`.

### `Optional`line-layer-opacity[](#line-layer-opacity)

"line-layer-opacity"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Opacity applied to the layer as a whole. Unlike `line-opacity` and alpha values in `line-color`, which are applied per feature and accumulate where lines overlap, `line-layer-opacity` is applied once so overlapping lines appear as a single surface at the given opacity. When both `line-opacity` and `line-layer-opacity` are set, the per-feature, overlap accumulation is preserved, then layer-opacity composites the result. This property affects only the layer it is set on and cannot be used to composite multiple layers together or control how this layer blends with layers above or below it.

![line-opacity vs. line-layer-opacity](https://docs.maptiler.com/assets/tsdocs/line-layer-opacity.svg)

#### Default[](#default-42)

```typescript
1
```

### `Optional`line-layer-opacity-transition[](#line-layer-opacity-transition)

"line-layer-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-offset[](#line-offset)

"line-offset"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The line's offset. For linear features, a positive value offsets the line to the right, relative to the direction of the line, and a negative value to the left. For polygon features, a positive value results in an inset, and a negative value results in an outset.

### `Optional`line-offset-transition[](#line-offset-transition)

"line-offset-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-opacity[](#line-opacity)

"line-opacity"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The opacity at which the line will be drawn.

#### Default[](#default-43)

```typescript
1
```

### `Optional`line-opacity-transition[](#line-opacity-transition)

"line-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-pattern[](#line-pattern)

"line-pattern"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<  
    [ResolvedImageSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ResolvedImageSpecification/),  
\>

Name of image in sprite to use for drawing image lines. For seamless patterns, image width must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.

### `Optional`line-pattern-transition[](#line-pattern-transition)

"line-pattern-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-translate[](#line-translate)

"line-translate"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>

The geometry's offset. Values are `[x, y]` where negatives indicate left and up, respectively.

#### Default[](#default-44)

```json
[0, 0]
```

### `Optional`line-translate-anchor[](#line-translate-anchor)

"line-translate-anchor"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>

Controls the frame of reference for `line-translate`.

#### Default[](#default-45)

```typescript
"map"
```

### `Optional`line-translate-transition[](#line-translate-transition)

"line-translate-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`line-width[](#line-width)

"line-width"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Stroke thickness.

#### Default[](#default-46)

```typescript
1
```

### `Optional`line-width-transition[](#line-width-transition)

"line-width-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`raster-brightness-max[](#raster-brightness-max)

"raster-brightness-max"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Increase or reduce the brightness of the image. The value is the maximum brightness.

#### Default[](#default-47)

```typescript
1
```

### `Optional`raster-brightness-max-transition[](#raster-brightness-max-transition)

"raster-brightness-max-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`raster-brightness-min[](#raster-brightness-min)

"raster-brightness-min"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Increase or reduce the brightness of the image. The value is the minimum brightness.

### `Optional`raster-brightness-min-transition[](#raster-brightness-min-transition)

"raster-brightness-min-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`raster-contrast[](#raster-contrast)

"raster-contrast"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Increase or reduce the contrast of the image.

### `Optional`raster-contrast-transition[](#raster-contrast-transition)

"raster-contrast-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`raster-fade-duration[](#raster-fade-duration)

"raster-fade-duration"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Fade duration when a new tile is added, or when a video is started or its coordinates are updated.

#### Default[](#default-48)

```typescript
300
```

### `Optional`raster-hue-rotate[](#raster-hue-rotate)

"raster-hue-rotate"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Rotates hues around the color wheel.

### `Optional`raster-hue-rotate-transition[](#raster-hue-rotate-transition)

"raster-hue-rotate-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`raster-opacity[](#raster-opacity)

"raster-opacity"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

The opacity at which the image will be drawn.

#### Default[](#default-49)

```typescript
1
```

### `Optional`raster-opacity-transition[](#raster-opacity-transition)

"raster-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`raster-resampling[](#raster-resampling)

"raster-resampling"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"linear" | "nearest"\>

The resampling/interpolation method to use for overscaling, also known as texture magnification filter. It is advised to use the generic `resampling` paint property instead.

#### Default[](#default-50)

```typescript
"linear"
```

### `Optional`raster-saturation[](#raster-saturation)

"raster-saturation"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<number\>

Increase or reduce the saturation of the image.

### `Optional`raster-saturation-transition[](#raster-saturation-transition)

"raster-saturation-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`resampling[](#resampling)

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

The resampling/interpolation method to use for overscaling, also known as texture magnification filter. ![Visual comparison of linear resampling versus nearest resampling](https://docs.maptiler.com/assets/tsdocs/resampling.png)

#### Default[](#default-51)

```typescript
"linear"
```

### `Optional`text-color[](#text-color)

"text-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The color with which the text will be drawn.

#### Default[](#default-52)

```typescript
"#000000"
```

### `Optional`text-color-transition[](#text-color-transition)

"text-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`text-halo-blur[](#text-halo-blur)

"text-halo-blur"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The halo's fadeout distance towards the outside.

### `Optional`text-halo-blur-transition[](#text-halo-blur-transition)

"text-halo-blur-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`text-halo-color[](#text-halo-color)

"text-halo-color"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<[ColorSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/ColorSpecification/)\>

The color of the text's halo, which helps it stand out from backgrounds.

#### Default[](#default-53)

```typescript
"rgba(0, 0, 0, 0)"
```

### `Optional`text-halo-color-transition[](#text-halo-color-transition)

"text-halo-color-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`text-halo-width[](#text-halo-width)

"text-halo-width"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

Distance of halo to the font outline. Max text halo width is 1/4 of the font-size.

### `Optional`text-halo-width-transition[](#text-halo-width-transition)

"text-halo-width-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`text-opacity[](#text-opacity)

"text-opacity"?: [DataDrivenPropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/DataDrivenPropertyValueSpecification/)<number\>

The opacity at which the text will be drawn.

#### Default[](#default-54)

```typescript
1
```

### `Optional`text-opacity-transition[](#text-opacity-transition)

"text-opacity-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)

### `Optional`text-translate[](#text-translate)

"text-translate"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<\[number, number\]\>

Distance that the text's anchor is moved from its original placement. Positive values indicate right and down, while negative values indicate left and up.

#### Default[](#default-55)

```json
[0, 0]
```

### `Optional`text-translate-anchor[](#text-translate-anchor)

"text-translate-anchor"?: [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<"map" | "viewport"\>

Controls the frame of reference for `text-translate`.

#### Default[](#default-56)

```typescript
"map"
```

### `Optional`text-translate-transition[](#text-translate-transition)

"text-translate-transition"?: [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)