#Leaflet / Ajouter des WMS comme fonds de carte et couches

<html> 
<head>
<title>A Leaflet map!</title>  
<meta charset="UTF-8">
<link rel="stylesheet" href="https://d19vzq90twjlae.cloudfront.net/leaflet-0.7.3/leaflet.css" />
<script src="https://d19vzq90twjlae.cloudfront.net/leaflet-0.7.3/leaflet.js"></script>

</head>

<body>

//Appel et configuration carte
var map = L.map('map', {
            center: [48.11, -1.655],
            zoom: 17 });
   
   
// Ajout fonds de carte (tuiles et WMS)

var baselayers = {
     
    // Services de tuiles clasiques
	
     OSM: L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png'),
     ESRI: L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}'),
           
    // WMS de RM
  
PlanRM:L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?', {layers: 'ref_fonds:pvci_fondplan', opacity: 0.5}),
  
OrthoRM:L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?', {layers: 'raster:pg_h_2020',  opacity: 0.5})

};baselayers.OrthoRM.addTo(map);
 
 
// Ajout du bati en wms comme couche 
   var Parcelbati = L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?', 
                          {layers: 'ref_cad:batiment',format: 'image/png',transparent:true}).addTo(map); 
  
// Ajout du cadatre en wms comme couche 
   
   var Cadastre = L.tileLayer.wms('https://geobretagne.fr/geoserver/cadastre/wms', 
            {layers: 'CP.CadastralParcel',format: 'image/png',transparent: true}); 
  
// Ajout des amanegements cyclables en wms comme couche 
  
   var Velos = L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?', 
                          {layers: 'trp_doux:v_voirie_amenagement_velo',format: 'image/png',transparent:true}); 
  
// Ajout de la qualité de l'air
  
   var Air = L.tileLayer.wms('https://data.airbreizh.asso.fr/geoserver/mod_rennes_2017/wms?', 
                          {layers: 'mod_rennes_2017_no2_moya',format: 'image/png',transparent:true, opacity: 0.5}); 
  
   
// Gestion des couches
  
  var Data = {"Parcelbati": Parcelbati, "Cadastre": Cadastre, "Velos": Velos, "Qualité de l'air": Air};
  
// Selecteurs fonds de carte
 
 L.control.layers(baselayers, null, {collapsed : false}).addTo(map);	 
  
 L.control.layers(null,Data, {collapsed : false}).addTo(map);

// Echelle cartographique
  
L.control.scale().addTo(map);

</script>
   
</body>
</html>

https://d19vzq90twjlae.cloudfront.net/leaflet-0.7.3/leaflet.js