On this page

    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.

    Style lines with a data-driven property

    Style lines with a data-driven property

    Examples

    Create visualizations using data expressions for line colors.

    Line layer (polyline helper)

    Line layer (polyline helper)

    Examples

    Add minimal line layer using MapTiler polyline helper.

    Style a GeoJSON Line layer (polyline helper)

    Style a GeoJSON Line layer (polyline helper)

    Examples

    Style GeoJSON line layer using MapTiler polyline helper.

    Line color ramp symbol (polyline helper)

    Line color ramp symbol (polyline helper)

    Examples

    Style line color based on map zoom level.

    An extension of MapLibre GL JS
    Was this helpful?
    SDK JS
    Examples
    Create a gradient line using an expression
    Create a gradient line using an expression