Create a gradient line using an expression

Use the line-gradient paint property and an expression to visualize distance from the starting point of a line.

Related examples

Style lines with a data-driven property

Examples

Create visualizations using data expressions for line colors.

Line layer (polyline helper)

Examples

Add minimal line layer using MapTiler polyline helper.

Style a GeoJSON Line layer (polyline helper)

Examples

Style GeoJSON line layer using MapTiler polyline helper.

Line color ramp symbol (polyline helper)

Examples

Style line color based on map zoom level.