BrickclayDesign System

Geo map

bk-geo-map: offline US outline via ECharts geo + vendored GeoJSON (no OSM tiles / OSRM). Modes mirror the transportation-dashboard analytics maps: location, bubble, track, point. Street routing stays on bk-map (/theme/map).

bk-geo-mapCharts and mapsAngular

Preview

A working preview of Geo map in the Brickclay style. Try it.

LiveOffline
Interact with the preview to see events here.

1. Location (devices)

Live devices use the accent color; offline use braking red. Click a mark to cross-filter (dim + selectionChange).

2. Bubble (measure)

Symbol area scales with sqrt(value). Zoom grows/shrinks marks with the backdrop.

3. Track (path)

Time-ordered points (oldest → newest colour), polyline when a single device, Start / End labels.

4. Point (single pin)

Focused view around one record with ripple marker.

Selection log

Click a mark on any map above.

API (inputs)

InputTypeNotes
modebubblelocation | track | point | Default location
pointsBkGeoPoint[]id, lat, lng + mode fields
dimstringWhen set, clicks emit selectionChange
selectedKeys / highlightedKeysstring[]Dims non-selected marks
fit / padboolean / numberBubble framing; pad around data
showPath / pointSizeboolean / numberTrack polyline + marker size
minSize / maxSizenumberBubble symbol range