Basic geometryShow geometry around the search areaGetting StartedPlaces and SearchMap StyleGeometryWeb
Bring Your Own Data: Yorkshire HeatmapAdd your own data with heatmap and place icons visualization.WebBring Your Own DataPlaces and SearchCustomization
Calculate map bounds that exclude surrounding UI panelsDisplay the visible map center and bounds excluding surrounding UI panels, so they don't overlapUtilitiesWeb
Click on the rest of the mapDetect clicks on places vs. the rest of the mapPlaces and SearchBase MapWebUser Interaction Events
Config playgroundInteractive controls for map styling and layer managementPlaygroundMap StyleTrafficWeb
Default mapDisplay a default mapGetting StartedWeb
Ensure a bounding box is visible between UI panelsExpand the map view to contain a specified bounding box while accounting for surrounding UI panelsUtilitiesWeb
Geocode service NodeJSServer-side geocoding service with NodeJS implementationPlaces and SearchNode.js
Geocode start locationInitialize a map based on a geocoded locationPlaces and SearchWebGetting Started
Geometries playgroundDisplay multiple geographic geometries with different configurationsPlaygroundBase MapMap StyleGeometryWeb
Geometry search playgroundSearch for places within specific geographic boundariesPlaygroundPlaces and SearchGeometryWeb
Geometry search service NodeJSServer-side geometry search with NodeJS implementationPlaces and SearchGeometryNode.js
Geometry search with POI categoriesGeometry search combined with POI category filteringPlaygroundPlaces and SearchGeometryWeb
Geometry searches along a routeSearching along a route using buffer polygons to search along its lineRoutingPlaces and SearchGeometryWeb
Hillshade mapDisplay a hillshade mapGetting StartedMap StyleWeb
Interactive roads and numbersBase Map with interactive roads and house numbers.Base MapWebPlaygroundUser Interaction Events
Keep state when changing styleSDK modules preserve state when switching map stylesRoutingMap StyleWeb
Language playgroundSwitch between different map languages dynamicallyPlaygroundBase MapWeb
Layer group togglingControl individual base map layer groupsCustomizationBase MapMap StyleWeb
Loading map style partsLoad map style parts as you need them, allowing for a faster initial map loadPlaygroundMap StyleWeb
Long Distance EV Routing charging stops customizationA-B Long Distance EV Route with charging stops having custom icons and text.RoutingElectric VehiclesWebCustomization
Long Distance EV Routing with detailed vehicleA-B Long Distance EV Route with charging stops and detailed vehicle parameters.RoutingElectric VehiclesWeb
Long Distance EV Routing with model IDA-B Long Distance EV Route with charging stops and vehicle model IDRoutingElectric VehiclesWeb
Map autocomplete fuzzy search playgroundCombine autocomplete search with fuzzy search functionalityPlaces and SearchPlaygroundWebUser Interaction Events
Map EV charging stations playgroundEV charging station discovery with availability dataPlaygroundPlaces and SearchElectric VehiclesWeb
Map layer groups visibility animationMaking key layers of the map appear in an animation.Base MapCustomizationMap StyleWeb
Map POI filtersFilter POI categories with show/hide modesBase MapPlaygroundWeb
Map route reconstruction playgroundInteractive playground for route reconstruction featuresRoutingPlaygroundWeb
Map Style SwitcherSwitch between different standard map stylesMap StyleWebPlayground
Map traffic config playgroundInteractive playground for traffic configuration optionsTrafficCustomizationPlaygroundWeb
Mixed User Interaction EventsHandle various map events and user interactionsPlaygroundBase MapUser Interaction EventsWeb
Multiple geometry modulesShow different geometries with different modules using different configurationsPlaces and SearchGeometryWeb
Multiple maps with geometriesShowing multiple maps, where each maps has a geometry displayedBase MapGeometryWeb
Multiple parallel routesDisplay multiple routes simultaneously from coordinate pairsRoutingCustomizationWeb
Multiple routes from different originsDisplay routes from multiple origins to a common destinationRoutingCustomizationWeb
Pin on map with interactionDisplay a pin on the map with interactionGetting StartedBase MapPlaces and SearchUser Interaction EventsWeb
Places Customization PlaygroundCustomize place markers with icons, fonts, and colorsCustomizationPlaces and SearchMap StyleWebPlayground
Places default icon stylingStyle the default icon for placesCustomizationPlaces and SearchWeb
Places in geometrySearch for places within specific geometric boundariesPlaces and SearchGeometryWeb
Places with Custom Layer ConfigurationDemonstrate custom layer styling using the new layers property in PlacesModuleConfigCustomizationPlaces and SearchWeb
Reverse geocodeReverse geocode an address and display it on the mapGetting StartedPlaces and SearchWeb
Reverse geocoding JSONReverse geocoding service with webpack integrationPlaces and SearchWeb
Reverse geocoding playgroundReverse geocoding integration with interactive mapsWebPlaygroundPlaces and Search
Reverse geocoding service NodeJSServer-side reverse geocoding with NodeJS implementationPlaces and SearchNode.js
Route with alternativesDisplay route alternatives and comparison optionsRoutingWeb
Route with custom main colorCalculate and display a route with its main color changed.RoutingWebCustomization
Route with guidanceDisplay route with guidance arrowsRoutingWeb
Route with MapLibre CustomizationCalculate and display a route with MapLibre layer customizations on it.RoutingWebCustomization
Route with traffic monitoringDynamic route recalculation with live traffic updatesRoutingTrafficWeb
Route with waypoint icon styingCalculate and display a route with quick waypoint icon styling.RoutingWebCustomization
Route with waypointsBasic routing with multiple waypointsRoutingWeb
Routing service NodeJSServer-side routing service with NodeJS implementationRoutingNode.js
Same place category with different iconsShow places of the same category with different iconsCustomizationPlaces and SearchWeb
Search nearby parkingSearch for parking places within a defined areaGetting StartedPlaces and SearchGeometryWeb
Show a geocoded locationGeocode a location and show it on the map.Getting StartedPlaces and SearchWeb
Traffic flow mapDisplay a traffic flow mapGetting StartedMap StyleWeb
Traffic incidents mapDisplay a traffic incidents mapGetting StartedMap StyleWeb
WaypointsDemonstrate waypoint management with different routing scenariosRoutingWeb