group Two layers in L.control.layers

[cayenne17]

Hello, I'm not good at java script.

I'm looking to group 2 layers into one with the ability to choose.
The baseLayers "Ortho IGNPlan" does not work

		// Plan IGN
		var PlanIGN = L.tileLayer('https://wxs.ign.fr/{ignApiKey}/geoportail/wmts?'+'&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&TILEMATRIXSET=PM'+'&LAYER={ignLayer}&STYLE={style}&FORMAT={format}'+'&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}',	{
			ignApiKey: 'decouverte',
			ignLayer: 'GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2',
			style: 'normal',
			format: 'image/png',
			service: 'WMTS',
			attribution: '&copy; <a target="_blank" rel="noreferrer noopener" href="https://www.ign.fr"><img class="gp-control-attribution-image" src="https://wxs.ign.fr/static/logos/IGN/IGN.gif" title="Institut national de l\'information géographique et forestière" style="height: 30px; width: 30px;"></a> '
		});

		// Photographies aériennes Ortho IGN
		var OrthoIGN = L.tileLayer('https://wxs.ign.fr/{ignApiKey}/geoportail/wmts?'+'&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&TILEMATRIXSET=PM'+'&LAYER={ignLayer}&STYLE={style}&FORMAT={format}'+'&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}', {
			ignApiKey: 'decouverte',
			ignLayer: 'ORTHOIMAGERY.ORTHOPHOTOS',
			style: 'normal',
			format: 'image/jpeg',
			service: 'WMTS',
			attribution: '&copy; <a target="_blank" rel="noreferrer noopener" href="https://www.ign.fr"><img class="gp-control-attribution-image" src="https://wxs.ign.fr/static/logos/IGN/IGN.gif" title="Institut national de l\'information géographique et forestière" style="height: 30px; width: 30px;"></a> '
		});
		
		var OrthoPlanIGN = L.tileLayer('https://wxs.ign.fr/{ignApiKey}/geoportail/wmts?'+'&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&TILEMATRIXSET=PM'+'&LAYER={ignLayer}&STYLE={style}&FORMAT={format}'+'&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}', {
			ignApiKey: 'topographie',
			//ignLayer: 'GEOGRAPHICALNAMES.NAMES,
			ignLayer: 'TRANSPORTNETWORKS.ROADS',
			style: 'normal',
			format: 'image/png',
			service: 'WMTS',
			transparency: 'true',
			opacity: 0.8,
			//attribution: '&copy; <a target="_blank" rel="noreferrer noopener" href="https://www.ign.fr"><img class="gp-control-attribution-image" src="https://wxs.ign.fr/static/logos/IGN/IGN.gif" title="Institut national de l\'information géographique et forestière" style="height: 30px; width: 30px;"></a> '
		});
		
		// OSM FR
		var OSM_FR = L.tileLayer('//{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {
			minZoom: 3,
			maxZoom: 18,
			attribution: 'donn&eacute;es &copy; <a href="//osm.org/copyright">OpenStreetMap</a>/ODbL - rendu <a href="//openstreetmap.fr">OSM France</a> ',
		});

		// OSM Default
		var OSM = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
			minZoom: 3,
			maxZoom: 18,
			attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors '
		});


			latlng = L.latLng(46.5, 2);
			Zoom = 6;


		
		var map = L.map('map', {center: latlng, zoom: Zoom, layers: [OSM]});

		var baseLayers = {
			"OSM": OSM,
			"OSM FR": OSM_FR,
			"Plan IGN": PlanIGN,
			"Ortho IGN": OrthoIGN,
			"Ortho IGNPlan": [OrthoIGN, OrthoPlanIGN]
		};

L.control.layers(baseLayers).addTo(map);

[Falke-Design]

Add first the two layers into a LayerGroup and then add the group to the baseLayers:

var OrthoPlanGroup = L.layerGroup([OrthoIGN, OrthoPlanIGN]);
var baseLayers = {
			"OSM": OSM,
			"OSM FR": OSM_FR,
			"Plan IGN": PlanIGN,
			"Ortho IGN": OrthoIGN,
			"Ortho IGNPlan": OrthoPlanGroup
		};

[cayenne17]

Add first the two layers into a LayerGroup and then add the group to the baseLayers:

var OrthoPlanGroup = L.layerGroup([OrthoIGN, OrthoPlanIGN]);
var baseLayers = {
			"OSM": OSM,
			"OSM FR": OSM_FR,
			"Plan IGN": PlanIGN,
			"Ortho IGN": OrthoIGN,
			"Ortho IGNPlan": OrthoPlanGroup
		};

Thanks, that's what I was looking for.