https://github.com/Airport-Discovery/airport-diagram

Airport runways diagram based on Geo Coordinates 📍 for React.
https://github.com/Airport-Discovery/airport-diagram

airport airports aviation chart diagram pilot react runway runways

Last synced: 3 months ago
JSON representation

Airport runways diagram based on Geo Coordinates 📍 for React.

• Host: GitHub
• URL: https://github.com/Airport-Discovery/airport-diagram
• Owner: Airport-Discovery
• License: mit
• Created: 2020-12-31T07:14:06.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-18T09:13:22.000Z (over 3 years ago)
• Last Synced: 2024-05-14T06:21:37.263Z (6 months ago)
• Topics: airport, airports, aviation, chart, diagram, pilot, react, runway, runways
• Language: JavaScript
• Homepage: https://airport-discovery.github.io/airport-diagram/
• Size: 5.92 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-flying - Airport Diagram

README

        
# Airport Diagram

Airport runways diagram based on Geo Coordinates 📍 for React.

![alt mxp](https://airport-discovery.github.io/airport-diagram/assets/mxp.png)

Please read the [documentation](https://airport-discovery.github.io/airport-diagram/) and check out the [demo](https://airport-discovery.github.io/airport-diagram/#/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](https://airport-discovery.github.io/airport-diagram/) and check out the [demo](https://airport-discovery.github.io/airport-diagram/#/demo) for more usage instructions.

## Usage

```javascript

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

import '@airport-discovery/airport-diagram/lib/styles.css';

```

```jsx

  

    

    

  

```

## Development

`yarn start`

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

## Developers

- [Hatem Alimam](https://github.com/hatemalimam)

## Credits

- [Jan Stránský](https://github.com/stranskyjan): [Geo Coordinates offset](https://stackoverflow.com/questions/65505515/geo-coordinates-offset-airport-runways-diagram/65509396)

- [Greg Grothaus](https://github.com/Gregable): [svg-airports](https://github.com/Gregable/svg-airports)

## License

MIT ©