The leaflet zoom control extended with a button to zoom out to min zoom
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
L.Control.ZoomMin.css
L.Control.ZoomMin.js
LICENCE
README.md
package.json
screenshot.png

README.md

leaflet-zoom-min

A Leaflet control that extends L.Control.Zoom. It adds a button to the zoom control that allows you to zoom to the map minimum zoom level in a single click.

Zoom min control screenshot

Usage

Add leaflet-zoom-min JS and CSS to your page:

<link rel="stylesheet" href="L.Control.ZoomMin.css" media="screen">
<script src="L.Control.ZoomMin.js"></script>

Add the zoom min control to your map:

var map = L.map("map", {
  layers: L.tileLayer("http://{s}.tile.cloudmade.com/API-key/997/256/{z}/{x}/{y}.png"),
  center: [51.505, -0.09],
  zoom: 3,
  minZoom: 2,
  maxZoom: 16,
  zoomControl: false
})

map.addControl(new L.Control.ZoomMin())