---
layout: example.html
title: Zoom Sliders
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"
---
<h4>Default style</h4>
<div id="map1" class="map"></div>

<h4>Placed between zoom controls</h4>
<div id="map2" class="map"></div>

<h4>Horizontal and completely re-styled</h4>
<div id="map3" class="map"></div>