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

Show geometry around the search area

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

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.

SDK modules preserve state when switching map styles

Switch between different map languages dynamically

Control individual base map layer groups

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

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

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

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

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

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.

Display a traffic flow map

A playground to explore traffic flow data and features.

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