---
layout: example.html
title: Navigation Controls
shortdesc: Shows how to add navigation controls.
docs: >
  <p>This example shows how to use the <code>ol.control.ZoomToExtent</code> control.</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 id="map" class="map"></div>