viewof leafletMap = { const container = yield html`

`; const map = L.map(container).setView([39.5, -8], 5); // ⬅️ Centrado en Portugal, zoom 7 L.tileLayer("https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png", { attribution: "© CartoDB" }).addTo(map); function style(feature) { const cls = feature.properties.class; return { fillColor: cls === "1" ? "#66b2e8" : cls === "2" ? "#ffb347" : cls === "3" ? "#66cc66" : "#cccccc", color: "white", weight: 0.2, fillOpacity: 0.85 }; } function onEachFeature(feature, layer) { const props = feature.properties; const name = props.fMUNICIPIO || props.NAME_2; const pm25 = parseFloat(props.mean_pm25).toFixed(2); const cls = props.class || "N/A"; const ue = props.ue_status || "N/A"; const tooltip = ` ${name}
Annual PM2.5: ${pm25} µg/m³
EU Status: ${ue}
Class: ${cls} `; layer.bindTooltip(tooltip, { sticky: true, direction: "top" }); } const baseLayer = L.geoJSON(geo, { style, onEachFeature }).addTo(map); if (municipio !== "Portugal (all)") { const selected = geo.features.find(f => f.properties.fMUNICIPIO === municipio); if (selected) { const highlight = L.geoJSON(selected, { style: { color: "black", weight: 3, fillOpacity: 0 }, interactive: false }).addTo(map); map.fitBounds(highlight.getBounds(), { maxZoom: 9 }); } } // else { // map.fitBounds(baseLayer.getBounds(), { maxZoom: 7 }); // ❌ Desactivado // } const legend = L.control({ position: "bottomright" }); legend.onAdd = function () { const div = L.DomUtil.create("div"); div.innerHTML = `

PM_2.5 Trajectory Classes

Trajectory 1

Trajectory 2

Trajectory 3

`; return div; }; legend.addTo(map); return container; }