18 lines
822 B
HTML
18 lines
822 B
HTML
---
|
||
layout: example.html
|
||
title: Flight Animation
|
||
shortdesc: Demonstrates how to animate flights with ´postrender´.
|
||
docs: >
|
||
This example shows how to use <b>postrender</b> and <b>vectorContext</b> to
|
||
animate flights. A great circle arc between two airports is calculated using
|
||
<a href="https://github.com/springmeyer/arc.js">arc.js</a> and then the flight
|
||
paths are animated with <b>postrender</b>. The flight data is provided by
|
||
<a href="https://openflights.org/data.html">OpenFlights</a> (a simplified data
|
||
set from the <a href="https://docs.mapbox.com/mapbox.js/example/v1.0.0/animating-flight-paths/">
|
||
Mapbox.js documentation</a> is used).
|
||
tags: "animation, vector, feature, flights, arc"
|
||
resources:
|
||
- https://api.mapbox.com/mapbox.js/plugins/arc.js/v0.1.0/arc.js
|
||
---
|
||
<div id="map" class="map"></div>
|