Example sources in the examples dir

examples/animation.html

@@ -0,0 +1,27 @@
+---
+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"><i class="icon-arrow-left"></i></button>
+    <button id="rotate-right"><i class="icon-arrow-right"></i></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>