Leaflet.ZoomLabel is a simple zoom level control that you can drop into your leaflet map. It displays zoom level of the map.

Include the CSS:

<link rel="stylesheet" href="L.Control.ZoomLabel.css">

Include the JavaScript:

<script src="L.Control.ZoomLabel.js"></script>

Example usage:

L.control.zoomLabel().addTo(map);

position: The standard Leaflet.Control position parameter. Defaults to 'bottomleft'

http://unbam.github.io/Leaflet.ZoomLabel/

MIT