TomTom Maps for JavaScript
    Preparing search index...

    Type Alias RouteTheme

    Generic styling for route visualization.

    • Provides high-level theming options for route appearance.
    • Can be overwritten by more specific layer styling configurations.
    type RouteTheme = {
        mainColor?: string;
        routeWidth?: RouteWidth;
        waypointSize?: RouteWaypointSize;
    }
    Index

    Properties

    mainColor? routeWidth? waypointSize?

    Properties

    mainColor?: string

    The primary color applied to the route line, outline, and waypoint icons.

    Use this to quickly brand the route to match your application style. Affects the main selected route line foreground, the route outline (a darker shade is derived automatically), and the waypoint icon fill. Can be overwritten by more specific layer styling configurations.

    Available options:

    • Any valid CSS color string (e.g., "#FF0000", "rgb(255,0,0)", "red", etc.)
    routeWidth?: RouteWidth

    Line thickness preset for the main route line and its outline.

    Scales the route line width at all zoom levels using predefined profiles. Can be overwritten by more specific layer styling configurations.

    "m"

    waypointSize?: RouteWaypointSize

    Icon size preset for route waypoint pins.

    Scales the waypoint icon at all zoom levels using predefined profiles. Can be overwritten by more specific layer styling configurations.

    "m"

    Settings

    Member Visibility

    On This Page

    Properties