TomTom Maps SDK for JavaScript
This is the documentation of version 0.59.0. Go to the latest version, 1.0.0-rc.5.
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
    mainColor? routeWidth? waypointSize?
    mainColor?: string

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

    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.

    When unset, the map's accent colour applies if a theme sets one (TomTomMap.mapColors).

    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