https://www.monthyon.fr/openinfoliveRessources/javascript/leaflet/leaflet.groupedlayercontrol.js

1console.log("GroupedLayers file"),L.Control.GroupedLayers=L.Control.extend({options:{collapsed:!0,position:"topright",autoZIndex:!0,exclusiveGroups:[],groupCheckboxes:!1},initialize:function(e,t,a){var r,i;for(r in L.Util.setOptions(this,a),this._layers=[],this._lastZIndex=0,this._handlingClick=!1,this._groupList=[],this._domGroups=[],e)this._addLayer(e[r],r);for(r in t)for(i in t[r])this._addLayer(t[r][i],i,r,!0)},onAdd:function(e){return this._initLayout(),this._update(),e.on("layeradd",this._onLayerChange,this).on("layerremove",this._onLayerChange,this),this._container},onRemove:function(e){e.off("layeradd",this._onLayerChange,this).off("layerremove",this._onLayerChange,this)},addBaseLayer:function(e,t){return this._addLayer(e,t),this._update(),this},addOverlay:function(e,t,a){return this._addLayer(e,t,a,!0),this._update(),this},removeLayer:function(e){var t=L.Util.stamp(e),a=this._getLayer(t);return a&&delete this._layers[this._layers.indexOf(a)],this._update(),this},_getLayer:function(e){for(var t=0;t<this._layers.length;t++)if(this._layers[t]&&L.stamp(this._layers[t].layer)===e)return this._layers[t]},_initLayout:function(){var e="leaflet-control-layers",t=this._container=L.DomUtil.create("div",e);t.setAttribute("aria-haspopup",!0),L.Browser.touch?L.DomEvent.on(t,"click",L.DomEvent.stopPropagation):(L.DomEvent.disableClickPropagation(t),L.DomEvent.on(t,"wheel",L.DomEvent.stopPropagation));var a=this._form=L.DomUtil.create("form",e+"-list");if(this.options.collapsed){L.Browser.android||L.DomEvent.on(t,"mouseover",this._expand,this).on(t,"mouseout",this._collapse,this);var r=this._layersLink=L.DomUtil.create("a",e+"-toggle",t);r.href="#",r.title="Layers",L.Browser.touch?L.DomEvent.on(r,"click",L.DomEvent.stop).on(r,"click",this._expand,this):L.DomEvent.on(r,"focus",this._expand,this),this._map.on("click",this._collapse,this)}else this._expand();this._baseLayersList=L.DomUtil.create("div",e+"-base",a),this._separator=L.DomUtil.create("div",e+"-separator",a),this._overlaysList=L.DomUtil.create("div",e+"-overlays",a),t.appendChild(a)},_addLayer:function(e,t,a,r){L.Util.stamp(e);var i={layer:e,name:t,overlay:r};this._layers.push(i),a=a||"";var s=this._indexOf(this._groupList,a);-1===s&&(s=this._groupList.push(a)-1);var o=-1!==this._indexOf(this.options.exclusiveGroups,a);i.group={name:a,id:s,exclusive:o},this.options.autoZIndex&&e.setZIndex&&(this._lastZIndex++,e.setZIndex(this._lastZIndex))},_update:function(){if(this._container){this._baseLayersList.innerHTML="",this._overlaysList.innerHTML="";for(var e,t=!1,a=!1,r=this._domGroups.length=0;r<this._layers.length;r++)e=this._layers[r],this._addItem(e),a=a||e.overlay,t=t||!e.overlay;this._separator.style.display=a&&t?"":"none"}},_onLayerChange:function(e){var t,a=this._getLayer(L.Util.stamp(e.layer));a&&(this._handlingClick||this._update(),(t=a.overlay?"layeradd"===e.type?"overlayadd":"overlayremove":"layeradd"===e.type?"baselayerchange":null)&&this._map.fire(t,a))},_createRadioElement:function(e,t){var a='<input type="radio" class="leaflet-control-layers-selector" name="'+e+'"';t&&(a+=' checked="checked"'),a+="/>";var r=document.createElement("div");return r.innerHTML=a,r.firstChild},_addItem:function(e){var t,a,r,i=document.createElement("label"),s=this._map.hasLayer(e.layer);e.overlay?e.group.exclusive?(r="leaflet-exclusive-group-layer-"+e.group.id,t=this._createRadioElement(r,s)):((t=document.createElement("input")).type="checkbox",t.className="leaflet-control-layers-selector",t.defaultChecked=s):t=this._createRadioElement("leaflet-base-layers",s),t.layerId=L.Util.stamp(e.layer),t.groupID=e.group.id,L.DomEvent.on(t,"click",this._onInputClick,this);var o=document.createElement("span");if(o.innerHTML=" "+e.name,i.appendChild(t),i.appendChild(o),e.overlay){a=this._overlaysList;var l=this._domGroups[e.group.id];if(!l){(l=document.createElement("div")).className="leaflet-control-layers-group",l.id="leaflet-control-layers-group-"+e.group.id;var n=document.createElement("label");if(n.className="leaflet-control-layers-group-label",""!==e.group.name&&!e.group.exclusive&&this.options.groupCheckboxes){var h=document.createElement("input");h.type="checkbox",h.className="leaflet-control-layers-group-selector",h.groupID=e.group.id,h.legend=this,L.DomEvent.on(h,"click",this._onGroupInputClick,h),n.appendChild(h)}var c=document.createElement("span");c.className="leaflet-control-layers-group-name",c.innerHTML=e.group.name,n.appendChild(c),l.appendChild(n),a.appendChild(l),this._domGroups[e.group.id]=l}a=l}else a=this._baseLayersList;return a.appendChild(i),i},_onGroupInputClick:function(){var e,t,a,r=this.legend;r._handlingClick=!0;var i=r._form.getElementsByTagName("input"),s=i.length;for(e=0;e<s;e++)(t=i[e]).groupID===this.groupID&&"leaflet-control-layers-selector"===t.className&&(t.checked=this.checked,a=r._getLayer(t.layerId),t.checked&&!r._map.hasLayer(a.layer)?r._map.addLayer(a.layer):!t.checked&&r._map.hasLayer(a.layer)&&r._map.removeLayer(a.layer));r._handlingClick=!1},_onInputClick:function(){var e,t,a,r=this._form.getElementsByTagName("input"),i=r.length;for(this._handlingClick=!0,e=0;e<i;e++)"leaflet-control-layers-selector"===(t=r[e]).className&&(a=this._getLayer(t.layerId),t.checked&&!this._map.hasLayer(a.layer)?this._map.addLayer(a.layer):!t.checked&&this._map.hasLayer(a.layer)&&this._map.removeLayer(a.layer));this._handlingClick=!1},_expand:function(){L.DomUtil.addClass(this._container,"leaflet-control-layers-expanded");var e=this._map._size.y-4*this._container.offsetTop;e<this._form.clientHeight&&(L.DomUtil.addClass(this._form,"leaflet-control-layers-scrollbar"),this._form.style.height=e+"px")},_collapse:function(){this._container.className=this._container.className.replace(" leaflet-control-layers-expanded","")},_indexOf:function(e,t){for(var a=0,r=e.length;a<r;a++)if(e[a]===t)return a;return-1}}),L.control.groupedLayers=function(e,t,a){return console.log("groupedLayers"),new L.Control.GroupedLayers(e,t,a)};