Places Customization Playground
Customize place markers with icons, fonts, and colors
Every knob on the panel repaints the places already on the map, with no new search and no layer edits.
updateConfigreplaces one part of the config and keeps the others, so a singlemarkerTypename swaps the whole marker look.labeltakes the label colour, font and aformatexpression, which reads the propertiesextraFeaturePropsderives off eachPlace.iconmaps a POI category id to an image of your own, offset in pixels, andicon.opacityfades every marker type’s icons while the labels stay solid.beforeLayerConfigmoves every marker layer under the map’s labels and back.- The search behind each map move runs through
createLatestRequest, so a slow answer cannot paint over a newer viewport.
Related examples
EV charging stations search
Interactive exploration of EV charging stations, their connectors and charging points
Playground
Search and Geocoding
Places and POIs
Electric Vehicles
Plugins
Web
Map Chat Agent
Ask a chat beside the map for places, routes or traffic, and watch the map search, draw and frame the answer
Playground
AI
Search and Geocoding
Places and POIs
Map Style
Base Map
Geometry
Traffic
Routing
Plugins
Web
React
Map Chat Agent State Playground
A map chat whose every result lands in a side panel, where you can show, hide or drop it yourself
Playground
AI
Search and Geocoding
Places and POIs
Map Style
Base Map
Geometry
Traffic
Routing
Bring Your Own Data
Plugins
Web
React
Site Selection Agent
A site selection agent on the TomTom Maps SDK Agent Toolkit: hand-picked default tools, custom analysis tools, its own persona and state slice
Playground
AI
Search and Geocoding
Places and POIs
Routing
Traffic
Map Style
Base Map
Plugins
Web
React