leaflet layer control events?

Question

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?

score 38 · Accepted Answer · edited Feb 12 '19 at 18:09

38

There are some events that let you know when the user activates / desactivates a layer.

This may help you:

For example:

map.on('overlayadd', onOverlayAdd);

function onOverlayAdd(e){
    //do whatever
}

edited Feb 12 '19 at 18:09

Mark McClure

answered Aug 29 '14 at 11:28

Adrian Garcia

1

That does it. Thanks! – user1032402 Aug 30 '14 at 12:24
Does that fire only when a user manually adds a layer through a control, or *any* time a layer is added--even automatically through code? – Rikaelus Dec 14 '15 at 17:14
4

http://leafletjs.com/reference-1.0.3.html#map-baselayerchange. Updated @Adrian Garcia's URL – Greg Jun 23 '17 at 00:51

score 34 · Answer 2 · edited Jan 21 '15 at 09:40

34

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

edited Jan 21 '15 at 09:40

Mikko Viitala

answered Sep 06 '13 at 11:30

Jabran Saeed

Did not work for me with vue-leaflet. `overlayadd` worked instead – Dazzle Aug 01 '21 at 13:28

score 0 · Answer 3 · answered Jan 10 '13 at 15:02

0

You may bind your own "change" event to the Leaflet layers control radio buttons with jQuery like this:

    $("[name='leaflet-base-layers']").change( function () {
        alert('Layers selected: ' + $(this).parent().text());
    });

answered Jan 10 '13 at 15:02

Etienne Desgagné

I was hoping I cd use the native Leaflet, non-JQuery layers control, but I'm beginning to suspect that it's not possible. Re which kind of layer, I'll be pleased with whatever is available. – user1032402 Jan 11 '13 at 21:27

score 0 · Answer 4 · answered May 15 '13 at 09:58

0

I haven't actually tried to use it yet, but this plugin looks promising: https://github.com/vogdb/Leaflet.ActiveLayers

I'm going to give it a shot in one of my projects because this is a very useful function.

answered May 15 '13 at 09:58

ChidG

4 Answers4