28 lines
953 B
HTML
28 lines
953 B
HTML
---
|
|
template: example.html
|
|
title: Animation example
|
|
shortdesc: Demonstrates animated pan, zoom, and rotation.
|
|
docs: >
|
|
This example shows how to use the beforeRender function on the Map to run one
|
|
or more animations.
|
|
tags: "animation"
|
|
---
|
|
<div class="row-fluid">
|
|
<div class="span12">
|
|
<div id="map" class="map"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row-fluid">
|
|
<div class="span12">
|
|
<button id="rotate-left" title="Rotate clockwise">↻</button>
|
|
<button id="rotate-right" title="Rotate counterclockwise">↺</button>
|
|
<button id="rotate-around-rome">Rotate around Rome</button>
|
|
<button id="pan-to-london">Pan to London</button>
|
|
<button id="elastic-to-moscow">Elastic to Moscow</button>
|
|
<button id="bounce-to-istanbul">Bounce to Istanbul</button>
|
|
<button id="spin-to-rome">Spin to Rome</button>
|
|
<button id="fly-to-bern">Fly to Bern</button>
|
|
<button id="spiral-to-madrid">Spiral to Madrid</button>
|
|
</div>
|
|
</div>
|