I have a Leaflet map with several layers (21) grouped into 7 categories.
Because of the large number of layers, I would like to give up on the standard
L.control.layers look and turn it into a
Bootstrap panel with tabs, based on my categories.
And I want to achieve this:
Is is possible to split the Leaflet layer control into a multiple tabs panel?
I have added my code to a JSFiddle. I only used some markers, for simplicity.
-- Edit --
I have tried using Leaflet.StyledLayerControl plugin to group my layers and move them to each tab based on their category.
Problem: After moving the elements, their styling and the click event are lost.