Enable Leaflet

Libraries, map div, L.map.

Enable Leaflet. Paste HTML, CSS, and JS into the matching panes. Preview updates live.

Goal

Run every block and confirm the chart is visible.

<div id="map"></div>
#map { height: 320px; width: 100%; }
const map = L.map("map").setView([-1.29, 36.82], 6);
L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap" }).addTo(map);
L.marker([-1.29, 36.82]).addTo(map).bindPopup("Nairobi");
console.log("map ready");