31:T52a,map = { const container = yield htl.html`

`; const map = L.map(container, { preferCanvas: true }).setView( [42.61045923500554, 12.725382591156608], 6 ); const minRadius = 1; const maxRadius = 5; const treeRadius = d3 .scaleLinear() .domain(trees.features.map((d) => +d.properties["ALTEZZA (m)"])) .range([minRadius, maxRadius]); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); trees.features.forEach((d) => L.circleMarker( L.latLng(d.geometry.coordinates[1], d.geometry.coordinates[0]), { color: color, radius: treeRadius( +d.properties["ALTEZZA (m)"] ? d.properties["ALTEZZA (m)"] : minRadius // set missing values to `minRadius` ) } ) .bindPopup( `

${d.properties.LOCALITÀ}

${ d.properties["NOME SCIENTIFICO"] }

Altezza (m): ${ d.properties["ALTEZZA (m)"] ? d.properties["ALTEZZA (m)"] : "n/a" }

` ) .on("mouseover", function (e) { this.openPopup(); }) .on("mouseout", function (e) { this.closePopup(); }) .addTo(map) ); }32:[] 2f:{"title":"... e allora esportiamo!","cells":[{"id":0,"value":"# ... e allora esportiamo!\n\nUna semplice mappa degli [alberi monumentali](https://github.com/ondata/alberimonumentaliitalia) in Italia.","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"viewof color = Inputs.color({\n label: \"Colore degli Alberi\",\n value: \"#427d08\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"viewof search = Inputs.search(\n trees.features.map((d) => d.properties),\n {\n placeholder: \"Ricerca full-text 🌳 🌴 🌲\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"table = Inputs.table(search)","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"Prossima lezione","pinned":false,"hidden":false,"mode":"html"},{"id":14,"value":"## Appendice","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"// fonte https://github.com/ondata/alberimonumentaliitalia/blob/master/alberiMonumentali.geojson\ntrees = d3.json(\n \"https://raw.githubusercontent.com/ondata/alberimonumentaliitalia/master/alberiMonumentali.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}