---
layout: example.html
title: Custom Overview Map
shortdesc: Example of OverviewMap control with advanced customization.
docs: >
  <p>This example demonstrates how you can customize the overviewmap control using its supported options as well as defining custom CSS.  You can also rotate the map using the shift key to see how the overview map reacts.</p>
tags: "overview, overviewmap"
cloak:
  - key: 0e6fc415256d4fbb9b5166a718591d71
    value: Your API key from http://www.thunderforest.com/docs/apikeys/ here

---
<div id="map" class="map"></div>

---
layout: example.html
title: Custom Overview Map
shortdesc: Example of OverviewMap control with advanced customization.
docs: >
  <p>This example demonstrates how you can customize the overviewmap control using its supported options as well as defining custom CSS.  You can also rotate the map using the shift key to see how the overview map reacts.</p>
tags: "overview, overviewmap"
cloak:
  - key: 0e6fc415256d4fbb9b5166a718591d71
    value: Your API key from http://www.thunderforest.com/docs/apikeys/ here

---
<div class="mapcontainer">
  <div id="map" class="map"></div>
</div>
<div><input type="checkbox" id="rotateWithView">Rotate with view</div>

Add container div for CSS and a rotate checkbox
Add container div for CSS and a rotate checkbox

Wrap the map div in a container to facilitate CSS and add a Rotate with view checkbox