32:[] 30:{"title":"Aperçu des possibilités de la bibliothèque Leaflet","cells":[{"id":0,"value":"md`# Aperçu des possibilités de la bibliothèque Leaflet`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"// Lien vers la bibliothèque\nL = require('leaflet');","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"// Lien vers la feuille de styles CSS\nhtml``","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"// La carte\nmap = {\n // Création du

conteneur de la carte\n let container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` });\n \n // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte\n yield container;\n \n // Création de la carte avec une couche OSM issue de MapBox (token privé limité)\n let map = L.map(container).setView([43.6, 1.45], 12);\n\n let osmLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n maxZoom: 19,\n attribution: '© OpenStreetMap contributors'\n }).addTo(map);\n \n // Ajout d'un marqueur\n const marker = L.marker([43.6, 1.44]).addTo(map);\n marker.bindPopup(\"Coucou !
Je suis un popup.\");\n\n const marker2 = L.marker([43.5781, 1.4]).addTo(map);\n marker2.bindPopup(\"Coucou !
Je suis un autre popup.\");\n\n const echelle = L.control.scale().addTo(map);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":66,"value":"md`## Exercices :\n- Modifier le centrage et le niveau de zoom de la carte.\n- Ajouter un nouveau marqueur sur l'UT2J.\n- Changer le style de fond de carte MapBox [(liste)](https://docs.mapbox.com/api/maps/styles/)\n- Ajouter des contrôles supplémentaires dans l'interface : zoom et échelle [(doc.)](https://leafletjs.com/reference-1.7.1.html#control-scale).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"// Inspiré de https://observablehq.com/@tmcw/leaflet","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}