leaflet layer control events?

leaflet
user1032402 picture user1032402 · Dec 31, 2012 · Viewed 24.8k times · Source

All, I want to detect user layer selection in order to synchronize my sidebar with the displayed layers.

But I don't see any layer control events in the API reference; How might I tell when such user layer selection has occurred?

As an alternative, I've looked at the layer load and unload events, but I don't see any identification in what's returned. Did I miss that somehow?

Answer

Jabran Saeed picture Jabran Saeed · Sep 6, 2013

There is a "baselayerchange' event defined here http://leafletjs.com/reference.html#control-layers Just bind it to the map object and you are good to go.

map.on('baselayerchange', function(e) {
  console.log(e);
});

Related questions

Leaflet - How to find existing markers, and delete markers?

I have started using leaflet as an open source map, http://leaflet.cloudmade.com/ The following jQuery code will enable the creation of markers on the map on map click: map.on('click', onMapClick); function onMapClick(e) { var marker = new …

Read More
How to change the map center in Leaflet.js

The following code initializes a leaflet map. The initialize function centers the map based on user location. How do I change the center of the map to a new position after calling the initialize function? function initialize() { map = L.map(…

Read More
How to reference static assets within vue javascript

I'm looking for the right url to reference static assets, like images within Vue javascript. For example, I'm creating a leaflet marker using a custom icon image, and I've tried several urls, but they all return a 404 (Not Found): Main.…

Read More