---
template: "example.html"
title: "Navigation controls example"
shortdesc: "Shows how to add navigation controls."
docs: >
  <p>This example shows how to use the beforeRender function on the Map to run one
  or more animations.</p>
  <p>The following navigation controls are added to the map:</p>
  <ul>
    <li><code>ol.control.Zoom</code> (added by default)</li>
    <li><code>ol.control.ZoomToExtent</code></li>
  </ul>
tags: "control, navigation, extent"
---
<div class="row-fluid">
  <div class="span12">
    <div id="map" class="map"></div>
  </div>
</div>