| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Flight Animation
|
| 4 | shortdesc: Demonstrates how to animate flights with ´postcompose´.
|
| 5 | docs: >
|
| 6 | This example shows how to use <b>postcompose</b> and <b>vectorContext</b> to
|
| 7 | animate flights. A great circle arc between two airports is calculated using
|
| 8 | <a href="https://github.com/springmeyer/arc.js">arc.js</a> and then the flight
|
| 9 | paths are animated with <b>postcompose</b>. The flight data is provided by
|
| 10 | <a href="http://openflights.org/data.html">OpenFlights</a> (a simplified data
|
| 11 | set from the <a href="https://www.mapbox.com/mapbox.js/example/v1.0.0/animating-flight-paths/">
|
| 12 | Mapbox.js documentation</a> is used).
|
| 13 | tags: "animation, vector, feature, flights, arc"
|
| 14 | resources:
|
| 15 | - https://api.mapbox.com/mapbox.js/plugins/arc.js/v0.1.0/arc.js
|
| 16 | ---
|
| 17 | <div id="map" class="map"></div>
|