Aviation Map

Aviation Map is a flight-planning focused navigation map for pilots. The current MVP combines a Leaflet map, browser geolocation, and WMS aeronautical chart overlays so pilots can explore their position and switch between chart layers from a sidebar.

Current Scope

• Display an interactive map with Leaflet
• Use browser geolocation to center the initial view when available
• Fall back to a default location when geolocation is unavailable
• Load aeronautical chart overlays from DECEA WMS services
• Toggle visual and low-altitude enroute charts from the sidebar

Tech Stack

• React 19
• Vite
• Tailwind CSS 4
• Leaflet

Data Sources

The current chart configuration uses public WMS endpoints from DECEA:

• https://geoaisweb.decea.gov.br/geoserver/ICA/ows

Base map tiles are loaded from OpenStreetMap.

Project Structure

src/
  components/
    charts/
    layout/
    map/
  config/
    charts.js
  context/
  pages/

Getting Started

Prerequisites

• Node.js 20+ recommended
• npm

Installation

npm install

Run in Development

npm run dev

Build for Production

npm run build

Lint

npm run lint

Product Vision

This project is intended to evolve into a navigation map for planning flights for pilots, with room for features such as:

• Route creation and storage
• Aircraft profiles
• Additional chart sets and filters
• Airport, waypoint, and airspace layers
• Weather and briefing integrations

Notes

• This repository currently represents an early-stage frontend MVP.
• The chart catalog is hardcoded in src/config/charts.js.
• No API keys are required for the current implementation.

Disclaimer

This software is currently a planning-oriented prototype and should not be treated as a certified source for operational flight decisions without proper validation, procedures, and official aeronautical documentation.