Traffic area analytics config playground
Configure traffic area analytics: 2D/3D mode toggle, custom color stops with color pickers
One Amsterdam traffic grid, fetched once, is recoloured, re-extruded and restacked from the panel alone.
TrafficAreaAnalyticsModule.showtakes a singletrafficAreaAnalyticsresponse asked for withmetrics: 'all', so no control below refetches.setPaletteandsetColorStopsscope a named palette or your own stops to one metric, so each metric keeps its own ramp. Stops win over the palette, and clearing them brings it back.updateConfigwith anactiveMetricor adisplayModerecolours and reshapes those same cells.trafficAreaAnalyticsKnobCataloguegives the selects their options, the height inputs their bounds and placeholders, and each metric the range its stops are bounded by.setKnobsets each height input’s knob by id. The input refuses a height below 0, but one above its span still applies.beforeLayerConfigplaces the grid against named entries inmapStyleLayerIDs, so “under the labels” is a constant, not a layer id you hunt for.
Related examples
Bloom playground
Every bloom knob on one panel, including the scope that decides which part of the map is allowed to glow.
Playground
Traffic
Map Style
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
Config playground
Interactive controls for map styling and layer management
Playground
Map Style
Base Map
Traffic
Web