Basic routing with multiple waypoints

Search for places nearby the center of a location

Display a traffic flow map

The smallest conversational map agent: a map, a chat box and the Agent Toolkit, in plain TypeScript

Post-process the map with bloom, glare, grade, tint, fog, edge blur, depth of field and vignette.

A whole 3D city round the Eiffel Tower, from the rippling Seine and the trees on the Champ de Mars to the buildings and the tower, lit by one sun from dawn to dusk

Find stops along a route within a one-minute detour and insert them all at optimal positions in a single call.

Dynamically add and remove intermediate stops on a route by clicking the map

Find the beaches and viewpoints within a one-minute detour of a coastal drive

Search along one of several drives by query or category, or only along chosen section types or a share of its length

Find fast chargers within a one-minute detour of a route, from a Node.js process

The map's copyright logos in any corner, clear of your app's own panels, on every standard style

Show geometry around the search area

Geocode several addresses in parallel from Node.js and report each failure by its SDK error code

Every bloom knob on one panel, including the scope that decides which part of the map is allowed to glow.

Places, a route and fetched traffic incidents drawn in the style's own look, following the styling knobs that restyle it, live

20k clustered random points and random polygons around London, rendered with the CustomGeoJSONModule. Both layers are clickable.

Render a custom GeoJSON heatmap and labeled symbol layer with the CustomGeoJSONModule, with style-change restore, hover and click events.

Colour a city by the median asking price per square metre in each hexagon, aggregated from your own listings and drawn with the CustomGeoJSONModule.

Give the base map's 3D buildings windows, a sun that casts shadows and a night look, and tune their look live

Display the visible map center and bounds excluding surrounding UI panels, so they don't overlap

Fly like a bird through eight cities and over five landscapes, banking round their landmarks and down their avenues, in twenty looks with skies, typefaces and effects of their own

Circle the Empire State Building through Midtown in eight looks, each mixing 3D buildings, bloom, depth of field and a map theme

Interactive controls for map styling and layer management

Display a default map

Show your own GeoJSON polygons and respond to clicks on them

Switch a route's labels and your own text between metric, imperial UK and imperial US units.

Expand the map view to contain a specified bounding box while accounting for surrounding UI panels

Fast charging stations near one location, filtered by connector and power, with each station's connectors on click

Interactive exploration of EV charging stations, their connectors and charging points

Triangles coloured by their event state (hovered, long-hovered, recently hovered, clicked), with sliders for the long-hover delay and the recently hovered period.

Server-side geocoding service with NodeJS implementation

Display multiple geographic geometries with different configurations

Style a place's geometry

Search for places within specific geographic boundaries

Server-side geometry search with NodeJS implementation

Searching along a route using buffer polygons to search along its line

Fly to a disputed territory and see its borders, names and address from each country's view

Give the map's water, glaciers, forests, fields, sand, mud, paving and roads living textures, and tune their look live

Switch the map to a globe with an atmosphere with the styling foundations module's view knobs, or raise it in 3D with the terrain module

Display a hillshade map

Shade the Alps in your own colours, light them from any direction and height, and play a day of sun across them

Hold the map's tile requests behind a toggle, then release them

Server-side traffic incident details service with NodeJS implementation

Hover, click and paint single 3D buildings and landmarks in Amsterdam with the Landmarks 3D plugin

Hover, click and paint single 3D buildings of the base map in Midtown Manhattan

Click country, city and neighborhood labels on the map to show their boundaries

Click on map POIs to see their details

Base Map with interactive roads and house numbers.

Switch between different map languages dynamically

Control individual base map layer groups

AI traffic-manager assistant: monitor incidents, cluster hotspots, and analyse network state

Load map style parts as you need them, allowing for a faster initial map load

Ask a chat beside the map for places, routes or traffic, and watch the map search, draw and frame the answer

A map chat whose every result lands in a side panel, where you can show, hide or drop it yourself

Recolour the whole base map with ten semantic colours in one call: every shade, outline and variant the style derived from one of them follows it

Making key layers of the map appear in an animation.

Filter POI categories with show/hide modes

Calculate time-based accessibility areas from multiple locations

Interactive playground for route reconstruction features

Switch between different standard map styles

Restyle the map from panels built off the knob catalogues of each module drawing it: sizes, the label typeface, road markings, hillshade, POI and traffic colours, map presets, and whole layer groups

Theme the whole map from a few colours (a brand, an artist, a mood), an image's dominant colours or a website's stylesheet

Swap traffic presets, from flow only to icon-less incidents, and fine-tune flow and incidents one setting at a time

Every label on the map in one typeface, from open-source font files or the style's own Noto faces, with a route, museums and a district in Paris following along or set apart

Paint the map in watercolour on paper with your own shader and layer, under the plugin's bloom, grade and vignette.

Handle various map events and user interactions

Show different geometries with different modules using different configurations

Showing multiple maps, where each map has a geometry displayed

Four famous towers, cathedrals, stadiums or monuments in 3D, one per map, in a grid that fits any screen

Four maps of Amsterdam moving together, with four colour themes for each standard style, in a grid that fits any screen

Display routes from multiple origins to a common destination

Click a pin to open its address, and click anywhere else on the map to close it

Draw labelled lines between a charging station and nearby cafes using PlacesModule.showConnections

Draw the entrances of places for all of them, or only the hovered or clicked ones

Name a kind of place in one of five languages and find it inside the Paris outline

Tune how charging and fuel stations cluster, how the count badge looks and what it counts

Customize place markers with icons, fonts, and colors

Style the default icon for places

Draw places in the base map's own POI look, with their label, icon and selected colours overridden through MapLibre paint

Find POI categories by keyword, best match first, and search places with their codes in NodeJS

Pick a circle, square, diamond or pin, and its colour, per POI category, on the map's own POIs and on searched places alike

Server-side POI search for bus stops in Amsterdam with NodeJS

Areas reachable from a geocoded address within a drive time and a distance, summarised by a Node.js process

Style drive-time bands from two stations, and theme the map they take their colours from

Search, add and drag stops, set how long you stay at each, follow the trip on a timeline of its road sections, then fly over it.

Switch styles, and choose whether the SDK module state comes along (resetState)

Turn a coordinate into a street address, pin it on the map and read the whole response beside it

Reverse geocode a clicked point, with every request option on one panel

Server-side reverse geocoding with NodeJS implementation

Pick a vehicle, road types to avoid and stretches to box off, and watch London to Brussels replan

Plan one trip into Amsterdam for departures across the next weekday and pick the fastest.

Edit a route by hand: move its stops by their pins, pull new ones off the line, and watch the road follow

A camera that flies a mountain route on a loop, over 3D terrain, with the route replanned from two search boxes

Give each leg of a calculated route its own route type and avoid list, and recalculate on every change.

Hover and click along the route line to see time and distance progress

Draw and style every route section type with one set of knobs, and place the speed-limit signs.

Adjust how long a route waits at a stop, and see the wait on the stop's pin and in the journey time.

Interactively explore and customize route styling using its color, width and waypoint size, and layer overrides.

Choose what a route's summary bubble says, which routes carry one, its colour and typeface, the zooms it shows at, and a text of your own per route.

Restyle a route's waypoint pins per role, number or letter its stops, and give them icons of your own.

Display route alternatives and what sets each one apart

Calculate and display a route with its main color changed.

Display a route with guidance arrows and lane signs

Calculate and display a route with MapLibre layer customizations on it.

Dynamic route recalculation with live traffic updates

Calculate and display a route with quick waypoint icon styling.

Chain four routing services into one map: geocode the stops, plan a route with a pause, search along it, and show what is reachable from the destination.

Server-side routing service with NodeJS implementation

Show places of the same category with different icons

The same fuel station search run once per filter (brand, fuel type, country), each result set in its own colour

Search for places within the area of a location

Suggest places, brands and categories as you type, then page through a picked brand or category in view

Rank a mountain trip's routes by how winding they are, set what counts as a curve, see its open-road bends, town turns and hairpins, and pick a curvy stretch to see where it runs.

Geocode a place name, open the map framed on its extent and pin it

Fetch a council's listed buildings as GeoJSON and pin each one, named, on the map

A site selection agent on the TomTom Maps SDK Agent Toolkit: hand-picked default tools, custom analysis tools, its own persona and state slice

Post each speed limit as a road sign shaped the way its country shapes it

Find the nearest of your own stores by drive time, from any address.

Open the map in your own colours and typeface: a warm Lisbon palette from the very first frame, with no flash of the default style, and every label in Fraunces

Draw a three.js scene in metres around a place, among the map's 3D buildings, and click its objects

Display traffic area analytics for a geocoded city

Configure traffic area analytics: 2D/3D mode toggle, custom color stops with color pickers

Server-side traffic area analytics for a geocoded city using NodeJS

Explore traffic area analytics for different locations

Filter live traffic flow by road category, and click a road for its speed and closure readings.

Light up live traffic over a mono dark map with the map-effects plugin's bloom.

Search a city and render its current traffic incidents, clipped to its boundary, as a developer-controlled overlay

Bring a city's traffic incidents forward and push the rest of the map back, with one switch

Display a traffic incidents map

Show live and planned traffic incidents, narrow them by severity, and click one for its delay and history.

Keep parking, chargers and supermarkets in view as the map moves, each set appearing from its own zoom level

Demonstrate waypoint management with different routing scenarios

Westminster at night in 3D: lit windows, the Houses of Parliament on the moonlit Thames, and streets that glow like lamps

Sydney Harbour in 3D over satellite imagery: moving water, trees in the Botanic Garden, the city's towers, the Harbour Bridge and the Opera House

Render TomTom Orbis 3D Landmarks in seven cities on a TomTomMap with the Landmarks 3D plugin, and tune their look

Render the map surface in 3D using terrain elevation data

A tilted satellite map over the Matterhorn, with terrain, sky and exaggeration that outlive a style switch