Render TomTom Orbis 3D Landmarks on a TomTomMap with the Landmarks 3D plugin

Find stops along a route within a 5-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

Search for EV charging stations along a route using the along-route search API

Interactively search for places along a route by query or POI category

Along-route search

Show geometry around the search area

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 — style-change restore, hover, and click events.

Add your own data with heatmap and place icons visualization.

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

Detect clicks on places vs. the rest of the map

Interactive controls for map styling and layer management

Display a default map

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

Customize EV charging station icons, text, and availability display

Interactive exploration of charging station availability

Server-side geocoding service with NodeJS implementation

Initialize a map based on a geocoded location

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

Geometry search combined with POI category filtering

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

Display a hillshade map

Server-side traffic incident details service with NodeJS implementation

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

Tune the charging preferences of an EV route and watch where the planned charging time goes.

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

A-B Long Distance EV Route with charging stops having custom icons and text.

A-B Long Distance EV Route with charging stops and detailed vehicle parameters.

A-B Long Distance EV Route with charging stops and vehicle model ID

Combine autocomplete search with fuzzy search functionality

Interactive map assistant using AI to control maps and services

Interactive map assistant using AI to control maps and services

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

Interactive playground for traffic configuration options

Handle various map events and user interactions

Show different geometries with different modules using different configurations

Showing multiple maps, where each maps has a geometry displayed

Display multiple routes simultaneously from coordinate pairs

Display routes from multiple origins to a common destination

Display a pin on the map with interaction

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

Customize place markers with icons, fonts, and colors

Style the default icon for places

Search for places within specific geometric boundaries

Demonstrate custom layer styling using the new layers property in PlacesModuleConfig

Discover and filter POI category types, explore sub-categories, and use them in searches with NodeJS

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

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

Reverse geocode an address and display it on the map

Reverse geocoding service with webpack integration

Reverse geocoding integration with interactive maps

Server-side reverse geocoding with NodeJS implementation

Experiment with avoid road types and avoid areas on a route between Paris and Amsterdam

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

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 theme properties and layer overrides.

Display route alternatives and comparison options

Calculate and display a route with its main color changed.

Display route with guidance arrows

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.

Basic routing with multiple waypoints

Server-side routing service with NodeJS implementation

Show places of the same category with different icons

Search for places nearby the center of a location

Search for places within the area of a location

Geocode a location and show it on the map.

Plain conversational map agent on the TomTom Maps SDK Agent Toolkit — built-in default tools only

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

Display a traffic flow map

A playground to explore traffic flow data and features.

Search a city and render its current traffic incidents as a developer-controlled overlay

Display a traffic incidents map

A playground to explore traffic incidents data and features.

Display places automatically on current map viewport

Demonstrate waypoint management with different routing scenarios