// Lien vers la bibliothèque
L = require('leaflet');
// La carte
map = {
// Création du <div> 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 avec une couche OSM issue de MapBox (token privé limité)
let map = L.map(container).setView([43.6, 1.45], 12);
let osmLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© <a href="https://openstreetmap.org/copyright">OpenStreetMap contributors</a>'
}).addTo(map);
// Ajout d'un marqueur
const marker = L.marker([43.6, 1.44]).addTo(map);
marker.bindPopup("<b>Coucou !</b><br>Je suis un popup.");
const marker2 = L.marker([43.5781, 1.4]).addTo(map);
marker2.bindPopup("<b>Coucou !</b><br>Je suis un autre popup.");
const echelle = L.control.scale().addTo(map);
}
// Inspiré de https://observablehq.com/@tmcw/leaflet
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
