I just want to make onclick event in zoom in and zoom out. How can I do it? I just confused to make it because zoom in and zoom out is something that generated by library.
Should I make new function? How I make it possible?
-
look at this example bl.ocks.org/oriolbx/f9a75b1dc017e7a8af2a– Fran RagaCommented Sep 26, 2019 at 17:24
-
it has to make another zoom button right? i just want to make some event when zoom in or zoom out clicked– Ray CoderCommented Sep 26, 2019 at 17:29
Add a comment
|
2 Answers
Assuming your map variable is called map, this zooms in when you click the map:
map.on('click', function() {
map.zoomIn();
});
If you're asking to fire an event when zooming happens, then use:
map.on('zoom', function() {
alert('Zoom, zoom, zoom, zoom, I want you in my room');
});
You can also use the zoomend or zoomend events.
answered Sep 26, 2019 at 18:02
-
-
-
Answer's doc URL is no loger valid. This seems to work better as of today: leafletjs.com/reference-1.6.0.html#map-event Commented Feb 1, 2022 at 15:48
Use map events. zoomstart,zoom,zoomend can be used. e.g.
map.on({zoom : yourfunction})
answered Sep 26, 2019 at 18:12
