Skip to content

Latest commit

 

History

History
65 lines (43 loc) · 1.66 KB

README.md

File metadata and controls

65 lines (43 loc) · 1.66 KB

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 name={`35R`} pattern={`right`} />
  </Runway>
</Airport>

Development

yarn start

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

Developers

Credits

License

MIT ©