CODEWITHSUNDEEP
javascriptjqueryleafletmapbox
Rohan
Rohan

Reputation: 13771

How to zoom on marker click event in Mapbox Leaflet?

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());
});

Upvotes: 6

Views: 24303

Answers (2)

asir6
asir6

Reputation: 584

Try

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

Upvotes: 3

Alexandru Pufan
Alexandru Pufan

Reputation: 1912

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);
});

Upvotes: 18

Related Questions