Leaflet Zoom5 Control

Leaflet's zoom control only goes +/- one level at a time. This add-on lets you zoom five levels at a time. Try it out in this sample map:

Using the Zoom5 Control

The control is written to be mostly independent of other files, so you can easily drop it into any Leaflet map. Start by loading the code into your HTML file:

<script src="//acme.com/javascript/acme.namespace.jsm" type="text/javascript"></script>
<script src="//acme.com/javascript/acme.maps.zoom5.jsm" type="text/javascript"></script>
    

If you want to copy the code to your own site that's fine - trade-off between depending on me vs. getting any bugfixes.

Step two, add the control to your map.

acme.maps.zoom5.Create( options ).addTo( map );
    

That's all there is to it.

ACME Labs / JavaScript Utilities / Zoom Control