title: How to get lat and long on zoomed event in leaflet js
body: <p>I am using leaflet js to draw a map. I am struggling in situation where i want to get latitude, longitude &amp; zoom level of map on two events first is zoom and second in on click. I have search a stack's post :
  <a href="https://stackoverflow.com/questions/43064954/get-position-on-zooming-in-map-leaflet">Get Position on zooming in map : leaflet</a>
  but no help is found. At first i have tried to get lat &amp; lng first but i get southwest &amp; northeast meta data how can i get a perfect lat &amp; lng.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var map = L.map('map').setView([51.505, -0.09], 13);
  
  var tiles = L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}.png', {
    maxZoom: 18,
    attribution: 'Map data © &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors',
       }).addTo(map);
  
  // first i try the on zoomend event to get lat, lng
  map.on('zoomend',function(e){
      var map = e.target,
      bounds = map.getBounds();
      // here i get southwest &amp; northeast data how to get lat &amp; lng &amp; zoom level 
     console.log(bounds); 
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- required js &amp; css --&gt;
  &lt;script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" /&gt;
  
  &lt;!-- in it i draw map --&gt;
  &lt;div id="map" style="height:400px; width:900px"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>