Add a pattern to a polygon

Use the fill-pattern feature to draw a polygon by employing a repeating image pattern. This technique allows for the creation of visually appealing shapes by using a repeated image as a fill. To implement this, refer to the layer ⇾ fill ⇾ fill-pattern section in the GL Style Specification.

Show polygon data from GeoJSON on the map

GeoJSON polygon layer

Example

This tutorial shows how to add a GeoJSON polygon overlay to the map.

Polygon fill pattern (polygon helper)

Example

This example shows how to add a polygon layer with a fill pattern to the map using the polygon layer helper.

Polygon color ramp symbol (polygon helper)

Example

This example shows how to add a polygon layer with a color ramp symbol that changes the fill color based on the map's zoom level using the polygon layer helper.