Le WMS vous permet d'utiliser des images géolocalisées produites à partir d'une couche de données.
Vous pouvez accéder à l'API WMS pour les données via les actions suivantes :

Pour plus d'informations, référez-vous à la documentation : https://datasud.readthedocs.io/fr/latest/developpeurs/index.html

Le WFS vous permet d'interroger et récupérer des objets géométrique de votre couche de données.
Vous pouvez accéder à l'API WFS pour les données via les actions suivantes :

Pour plus d'informations, référez-vous à la documentation : https://datasud.readthedocs.io/fr/latest/developpeurs/index.html

• Choisissez "Ajouter une couche WMS" (raster) ou "Ajouter une couche WFS" (vecteur)
• "Nouveau"
• Choisissez un NOM pour votre connexion ; nous recommandons par exemple d'utiliser DATASUD_*organisation-de-mon-choix*
• Copier/coller l'URL de l'ORGANISATION choisie : https//ogc-rec.datasud.fr/maps/*organisation-de-mon-choix*
• Soyez attentif au Système de Coordonnées de Référence 'SCR' choisies : nous recommandons l'EPSG:4326 ou EPSG:3857 pour des usages web, EPSG:2154 sinon

Pour plus d'informations, référez-vous à la documentation : https://datasud.readthedocs.io/fr/latest/developpeurs/index.html

• Cliquez sur le bouton "Ajouter des données" pour ajouter une nouvelle couche.
• Cliquez sur le menu déroulant Regarder dans, puis dans Serveurs SIG, puis Ajouter un serveur WMS
• Copier/coller l'URL de l'ORGANISATION choisie : https//ogc-rec.datasud.fr/maps/*organisation-de-mon-choix*
• Choisissez "Version par défaut"
• Cliquez sur Obtenir la couche
• Choisissez la couche à afficher
• Ajoutez le service (par défaut, le nom du service OGC Web Service), une nouvelle liste s'affiche
• Sélectionnez le service et ajoutez (par défaut le nom du service est OGC Web Service

Pour plus d'informations, référez-vous à la documentation : https://datasud.readthedocs.io/fr/latest/developpeurs/index.html

Ajoutez chaque couche wms layer en utilisant L.tileLayer.wms

var votre-variable = L.tileLayer.wms('https://ogc-rec.datasud.fr/maps/', {
  format: 'img/png',
  transparent: true,
  layers: 16
}).addTo(map);
                

Plus d'informations ici : https://www.mapbox.com/mapbox.js/example/v1.0.0/wms/