Airport Diagram #

Airport runways diagram based on Geo Coordinates 📍 for React.

Overview #

With airport diagram you can create an airport diagram with it’s runways completely out of geo coordinates,
each Runway has a starting and ending point, for example Malpensa airport has two runways:

17L/35R #

• Starting point: 45.650384 8.727896
• Ending point: 45.61575 8.73749722

Malpensa MXP 17L/35R

17R/35L #

• Starting point: 45.64545278 8.718725
• Ending point: 45.611074 8.728277

Malpensa MXP 17R/35L

The result is a responsive SVG diagram with those two runways, with true heading (bearing), length, runway identification, and pattern indicator.