| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: View Animation
|
| 4 | shortdesc: Demonstrates animated pan, zoom, and rotation.
|
| 5 | docs: >
|
| 6 | This example shows how to use the <code>view.animate()</code> method to run
|
| 7 | one or more animations.
|
| 8 | tags: "animation"
|
| 9 | ---
|
| 10 | <div id="map" class="map"></div>
|
| 11 | <button id="rotate-left" title="Rotate clockwise">↻</button>
|
| 12 | <button id="rotate-right" title="Rotate counterclockwise">↺</button>
|
| 13 | <button id="pan-to-london">Pan to London</button>
|
| 14 | <button id="elastic-to-moscow">Elastic to Moscow</button>
|
| 15 | <button id="bounce-to-istanbul">Bounce to Istanbul</button>
|
| 16 | <button id="spin-to-rome">Spin to Rome</button>
|
| 17 | <button id="fly-to-bern">Fly to Bern</button>
|
| 18 | <button id="rotate-around-rome">Rotate around Rome</button>
|
| 19 | <button id="tour">Take a tour</button>
|