| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Zoom Sliders
|
| 4 | shortdesc: Example of various ZoomSlider controls.
|
| 5 | docs: >
|
| 6 | This example shows how to add a zoom slider to a map and how to customize it.
|
| 7 | tags: "zoom, zoomslider, slider, style, styling, css, control"
|
| 8 | ---
|
| 9 | <h4>Default style</h4>
|
| 10 | <div id="map1" class="map"></div>
|
| 11 |
|
| 12 | <h4>Placed between zoom controls</h4>
|
| 13 | <div id="map2" class="map"></div>
|
| 14 |
|
| 15 | <h4>Horizontal and completely re-styled</h4>
|
| 16 | <div id="map3" class="map"></div>
|