Fix button wrapping and add scale bar control

- Add whiteSpace: nowrap to Get Directions button to prevent text wrap
- Add ScaleControl (imperial units) to bottom-right of map
- Add dark theme styling for scale bar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Matt 2026-04-28 22:06:35 +00:00
commit 0ba8911100
3 changed files with 20 additions and 1 deletions

View file

@ -830,6 +830,12 @@ const MapView = forwardRef(function MapView(_, ref) {
map.addControl(new maplibregl.NavigationControl(), 'top-right')
// Scale bar control
map.addControl(new maplibregl.ScaleControl({
maxWidth: 120,
unit: 'imperial',
}), 'bottom-right')
// Map click two-click selection model
map.on('click', (e) => {
// If a stop pin was just clicked, skip