doxa-maps/library/components/map-controls
Doxa Maps a559665e17
Some checks are pending
Deploy to GitHub Pages / build (push) Waiting to run
Deploy to GitHub Pages / deploy (push) Blocked by required conditions
Update from source 3ed7d8d0c
2026-09-28 12:24:20 +00:00
..
FullscreenButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00
GeocoderComponent.vue Update from source c2af6b16 2026-09-26 07:01:59 +00:00
HamburgerButton.vue Doxa Maps — the map bundler, 7 production plugins and the Experimental shelf 2026-09-25 20:07:59 +00:00
HelpButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00
index.js Doxa Maps — the map bundler, 7 production plugins and the Experimental shelf 2026-09-25 20:07:59 +00:00
LocationButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00
MapControlButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00
MapControlMenu.vue Update from source c85eeee7 2026-09-26 12:59:06 +00:00
MapToolbar.vue Update from source 1d4ce570 2026-09-27 23:44:39 +00:00
README.md Doxa Maps — the map bundler, 7 production plugins and the Experimental shelf 2026-09-25 20:07:59 +00:00
ShareButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00
ThemeToggleButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00
ZoomInButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00
ZoomOutButton.vue Update from source 3ed7d8d0c 2026-09-28 12:24:20 +00:00

library/components/map-controls/ — toolbar buttons

Each file is a single, focused button or input that mounts inside the map's control area. Replaces the older monolithic MapControlsComponent.vue.

  MapToolbar.vue  (container)
   ├─ ZoomInButton · ZoomOutButton · LocationButton
   ├─ FullscreenButton · HamburgerButton · ThemeToggleButton
   ├─ HelpButton · ShareButton
   └─ GeocoderComponent   (all built on MapControlButton.vue)
  • Every button takes a size prop (sm | md | lg) and follows the MapControlButton shape.
  • Click handlers go through inject('mapStore') or getMap() — never a captured Mapbox instance.
  • To add one: copy ZoomInButton.vue and register it in MapToolbar.vue.

Full conventions + catalog: ../../../documentation/architecture/components.md.