Airport Diagram

Airport runways diagram based on Geo Coordinates 📍 for React.

alt mxp

Please read the documentation and check out the demo for more usage instructions.

Installation

yarn

yarn add @airport-discovery/airport-diagram

npm

yarn add @airport-discovery/airport-diagram

Documentation

Please read the documentation and check out the demo for more usage instructions.

Usage

import { Airport, Runway, RunwayId } from '@airport-discovery/airport-diagram';
import '@airport-discovery/airport-diagram/lib/styles.css';

<Airport>
  <Runway
    startingGeoPoint={{
      lat: 45.650384,
      long: 8.727896,
    }}
    endingGeoPoint={{
      lat: 45.61575,
      long: 8.73749722,
    }}
  >
    <RunwayId name={`17L`} pattern={`left`} ></RunwayId>
    <RunwayId name={`35R`} pattern={`right`} ></RunwayId>
  </Runway>
</Airport>

Development

yarn start

Then go to http://localhost:4000 where you can see the documentation and test the modifications.

Airport Diagram

Installation

yarn

npm

Documentation

Usage

Development

Developers

Credits

License