On this page

    Style lines with a data-driven property

    Create a visualization with a data expression for line-color.

    Create a gradient line using an expression

    Create a gradient line using an expression

    Examples

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

    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
    Style lines with a data-driven property
    Style lines with a data-driven property