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

Defines a gradient for use in a radial gradient layer.

type GradientDefinition \= {  
    [scale](#scale): number;  
    [stops](#stops): \[[GradientStop](https://docs.maptiler.com/sdk-js/api-reference/types/GradientStop/), [GradientStopColor](https://docs.maptiler.com/sdk-js/api-reference/types/GradientStopColor/)\]\[\];  
}

##### Index

### Properties[](#properties)

[scale](#scale) [stops](#stops)

## Properties[](#properties-1)

### scale[](#scale)

scale: number

Scale factor that affects the size/reach of the gradient

### stops[](#stops)

stops: \[[GradientStop](https://docs.maptiler.com/sdk-js/api-reference/types/GradientStop/), [GradientStopColor](https://docs.maptiler.com/sdk-js/api-reference/types/GradientStopColor/)\]\[\]

Array of gradient stops, where each stop is a tuple containing a position and a color