---
template: "example.html"
title: "Zoom slider example"
shortdesc: "Example of various ZoomSlider controls."
docs: >
  This example shows how to add a zoom slider to a map and how to customize it.
tags: "zoom, zoomslider, slider, style, styling, css, control"
---
<div class="row-fluid">
  <div class="span4">
    <h4>Default style</h4>
    <div id="map1" class="map"></div>
  </div>
  <div class="span4">
    <h4>Placed between zoom controls</h4>
    <div id="map2" class="map"></div>
  </div>
  <div class="span4">
    <h4>Horizontal and completely re-styled</h4>
    <div id="map3" class="map"></div>
  </div>
</div>