airport-diagram

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #android #docker #nodejs #windows #cli #kubernetes #awesome-list #pytorch #mcp #openai

airport-diagram

(★ 15)

Airport runways diagram based on Geo Coordinates 📍 for React.

airport-diagram 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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
<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

- [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 ©

airport-diagram

airport-diagram 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

airport-diagram

airport-diagram 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README