New method `setInteractive(interactive)` for interactive layers

For interactive layers (layers with the interactive option, or extending the virtual InteractiveLayer class), we could provide a setInteractive method to change the state after the layer is created.

As it is now, there’s no way to change the interactive state after a layer has been created, causing issues like #5441.

[Jadaw1n]

Made this little function as a “plugin”:

L.Layer.prototype.setInteractive = function (interactive) {
    if (this.getLayers) {
        this.getLayers().forEach(layer => {
            layer.setInteractive(interactive);
        });
        return;
    }
    if (!this._path) {
        return;
    }

    this.options.interactive = interactive;

    if (interactive) {
        L.DomUtil.addClass(this._path, 'leaflet-interactive');
    } else {
        L.DomUtil.removeClass(this._path, 'leaflet-interactive');
    }
};

Just call it like every other function e.g. layer.setInteractive(true) or layerGroup.setInteractive(false).

[jmayer86]

Thanks @Jadaw1n ! That worked like a charm, here it is in Typescript for anyone who wants it:

export class InteractiveImageOverlay extends L.ImageOverlay {
    setInteractive(interactive: boolean) {
        this.options.interactive = interactive;

        if (interactive) {
            L.DomUtil.addClass(this.getElement(), 'leaflet-interactive');
            this._map.on('click', (event: L.LeafletMouseEvent) => {
                this.fireEvent('click', event);
            });
        } else {
            L.DomUtil.removeClass(this.getElement(), 'leaflet-interactive');
            this._map.removeEventListener('click');
        }
    }
}