2f:T135b,// La carte map = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte let map = L.map(container).setView([43.5803741, 1.344636787], 10); // Ajout de la couche de fond OpenStreetMap directement à la carte let osmLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© OpenStreetMap contributors' }).addTo(map); // Cette couche reste toujours active // Définition des couches WMS pour les différents niveaux d'essences comme couches de base let essenceLvl1Layer = L.tileLayer.wms("https://www.geotests.net/geoserver/jleinen/wms", { layers: 'jleinen:carte_essences_lvl1', format: 'image/png', transparent: true, version: '1.1.0' }); let essenceLvl2Layer = L.tileLayer.wms("https://www.geotests.net/geoserver/jleinen/wms", { layers: 'jleinen:carte_essences_lvl2', format: 'image/png', transparent: true, version: '1.1.0' }); let essenceLvl3Layer = L.tileLayer.wms("https://www.geotests.net/geoserver/jleinen/wms", { layers: 'jleinen:carte_essences_lvl3', format: 'image/png', transparent: true, version: '1.1.0' }).addTo(map); // Ajoutez par défaut // Configuration du contrôle des couches pour inclure uniquement les couches d'essences comme options interchangeables let baseLayers = { "Essences Niveau 1": essenceLvl1Layer, "Essences Niveau 2": essenceLvl2Layer, "Essences Niveau 3": essenceLvl3Layer }; // Ajout du contrôle des couches sans inclure la couche de fond OSM L.control.layers(baseLayers).addTo(map); // Initialisation de la légende let legend = L.control({ position: 'bottomright' }); legend.onAdd = function(map) { this._div = L.DomUtil.create('div', 'info legend'); this.updateLegend('jleinen:carte_essences_lvl3'); // Mettre à jour avec la couche par défaut return this._div; }; // Fonction pour mettre à jour la légende legend.updateLegend = function(layerName) { let legendUrl = `https://www.geotests.net/geoserver/jleinen/wms?service=WMS&version=1.1.0&request=GetLegendGraphic&layer=${layerName}&format=image/png&sld_version=1.1.0`; this._div.innerHTML = ' legend

'; }; legend.addTo(map); // mise en pace échelle et boussole // Ajout de l'échelle à la carte L.control.scale({imperial: false}).addTo(map); // Ajout de l'indication du nord avec l'image de la boussole var northControl = L.control({position: 'topright'}); northControl.onAdd = function(map) { var div = L.DomUtil.create('div', 'info north-control'); // Utilisez l'URL de l'image pour le src de l'élément img div.innerHTML = `

`; // Vous pouvez ajuster les dimensions selon vos besoins return div; }; northControl.addTo(map); // Fonction recherche d'adresse avec openstreetmap : function searchAddress() { const input = document.getElementById('search-input'); const query = input.value; fetch(`https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(query)}`) .then(response => response.json()) .then(data => { if (data.length > 0) { const { lat, lon } = data[0]; map.setView([lat, lon], 13); // Centre la carte et ajuste le zoom L.marker([lat, lon]).addTo(map) .bindPopup(query) .openPopup(); } else { alert("Aucun résultat trouvé"); } }) .catch(error => console.log('Erreur lors de la recherche :', error)); } document.getElementById('search-btn').addEventListener('click', searchAddress); // Géolocalisation de l'utilisateur function locateUser() { map.locate({setView: true, maxZoom: 13}); map.on('locationfound', function(e) { L.marker(e.latlng).addTo(map) .bindPopup("Vous êtes ici").openPopup(); }); map.on('locationerror', function(e) { alert("La géolocalisation a échoué: " + e.message); }); } document.getElementById('locate-btn').addEventListener('click', locateUser); // Écouter les changements de couches pour mettre à jour la légende map.on('baselayerchange', function(event) { let layerName; switch (event.name) { case 'Essences Niveau 1': layerName = 'jleinen:carte_essences_lvl1'; break; case 'Essences Niveau 2': layerName = 'jleinen:carte_essences_lvl2'; break; case 'Essences Niveau 3': layerName = 'jleinen:carte_essences_lvl3'; break; } if (layerName) { legend.updateLegend(layerName); } }); }30:[{"id":"74831a6dd1e69f61233405f371f194e5ffeb30fb94483be83328509822ed6945bf9a9274a9a60151b0427bbeb3533c9cfde0af84fa1e75cfc3613f8774904c69","href":"https://static.observableusercontent.com/files/74831a6dd1e69f61233405f371f194e5ffeb30fb94483be83328509822ed6945bf9a9274a9a60151b0427bbeb3533c9cfde0af84fa1e75cfc3613f8774904c69","name":"compass-about-truenorth-construction-true-north-construction-27.png","type":"image/png","lastModified":1708354538926.887,"size":61820}] 2d:{"title":"Projet Webmapping : Cartographie des essences forestière de la zone d'étude","cells":[{"id":0,"value":"# Projet Webmapping : Cartographie des essences forestière de la zone d'étude ","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"Présentation des cartographies obtenue après l'entrainement d'un modèle RandomForest sur les données de la version 2.0 de la BD Forêt®\n\nLa version 2.0 de la BD Forêt® représente une source d'information primordiale concernant les zones forestières et les terrains semi-naturels. Elle sert de référence géographique essentielle pour la caractérisation des types d'arbres présents dans ces zones.\n\nLe but principal de cette étude était de déterminer la capacité de la BD Forêt® version 2.0 à fournir des échantillons de référence adaptés pour effectuer une classification supervisée en utilisant des séquences d'images temporelles capturées par Sentinel 2.\n\nLa carte présentée ci-dessous illustre les résultats obtenus dans l'identification des différentes essences forestières, grâce à l'application d'un modèle RandomForest développé dans le cadre de l'UE Télédétection.\n\n3 niveaux de classifications sont disponibles et à choisir en haut à droite de la carte.","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"### Choisir un lieu d'intérêt pour centrer la carte ci-dessous :","pinned":false,"hidden":false,"mode":"md"},{"id":13,"value":"

\n \n \n

","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"\n","pinned":false,"hidden":false,"mode":"md"},{"id":17,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"### Source des données : ","pinned":false,"hidden":false,"mode":"md"},{"id":35,"value":"Projet géomatique classification avec entrainement réalisé sur les données de la BD foret version 2.0 : https://inventaire-forestier.ign.fr/IMG/pdf/dc_bdforet_2-0.pdf","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"fond de la carte : OpenStreetMap","pinned":false,"hidden":false,"mode":"md"},{"id":40,"value":"#### Importations et constantes utilisées","pinned":false,"hidden":false,"mode":"md"},{"id":20,"value":"L = require('leaflet@1.2.0');","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"compassImageUrl = FileAttachment(\"compass-about-truenorth-construction-true-north-construction-27.png\").url()","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}