How frey210/airporttech_interactive-map works
This is a React-based airport technology map application. Users load maps, inspect and filter equipment markers, and view network status; authorized users can create maps, edit marker placement, publish or delete maps, and manage map icons. The app coordinates these workflows through an API client that communicates with an external service. The supplied excerpts show the map wizard, icon wizard, editor panel, and coordinate utilities; some App wiring is only partially excerpted, so uncertain links are marked unverified.
Main entry points: App.tsx Map application · api.ts Map API client · main.tsx React entry · MapWizard.tsx Map creation
Components 11
Map interface
- React entry
src/main.tsx - Map application
src/App.tsx - Browse and filter
src/App.tsx - Network status
src/App.tsx
Map editing
- Map creation
src/MapWizard.tsx - Marker editor panel
src/MapEditorPanel.tsx - Icon management
src/IconWizard.tsx
API and data
- Map API client
src/api.ts
Map geometry
- Coordinate utilities
src/coordinates.ts
Other components
- Map user
- Map service
Connections 13
- Map user → React entry: opens
src/main.tsx - React entry → Map application: renders
src/main.tsx - Map application → Map API client: loads and mutates
src/App.tsx - Map API client → Map service: requests data
src/api.ts - Map application → Browse and filter: presents maps
src/App.tsx - Map application → Network status: loads status
src/App.tsx - Map application → Marker editor panel: renders editor
src/App.tsx - Marker editor panel → Map application: invokes callbacks
src/MapEditorPanel.tsx - Map application → Map creation: opens wizard
src/App.tsx - Map creation → Map API client: creates and uploads
src/MapWizard.tsx - Map application → Icon management: opens manager
src/App.tsx - Icon management → Map API client: uploads and deletes
src/IconWizard.tsx - Map application → Coordinate utilities: constrains view
src/App.tsx