How to zoom on marker click event in Mapbox Leaflet?

Question

I want to zoom on a marker when it is clicked. I am using Mapbox and leaflet.

I tried:

marker.on('click', function(e){
    map.setView([e.lat, e.lng], 12);
});

But it gives me some kind of error:

TypeError: t is null

I even tried:

marker.on('click', function(e){
    map.fitBounds(marker.getBounds());
});

Solution 1

To get the latitude and longitude of the event, you must use e.latlng: latlng reference. Use this:

marker.on('click', function(e){
    map.setView(e.latlng, 13);
});

Solution 2

Try

marker.on('click', function(e){
    map.setView([e.latlng.lat, e.latlng.lng], 12);
});