2d:null 2e:["$","title",null,{"children":"Squirrels and historic districts | G.Trebicka | Observable"}] 33:Td1d,// PROPER LEAFLET IMPORT import {L} from "https://esm.sh/leaflet@1.9.4" // DATA LOADING WITH ERROR HANDLING squirrelData = await fetch("https://raw.githubusercontent.com/trebicka/Squirrel-historic-nyc/main/squirrel.geojson") .then(r => r.json()) .catch(e => ({ type: "FeatureCollection", features: [], error: `Squirrel data failed: ${e.message}` })) historicData = await fetch("https://raw.githubusercontent.com/trebicka/Squirrel-historic-nyc/main/historic.geojson") .then(r => r.json()) .catch(e => ({ type: "FeatureCollection", features: [], error: `Historic data failed: ${e.message}` })) // MAP CONSTRUCTION map = { const container = DOM.element('div', { style: 'height:600px; background:#f0f0f0; position:relative;' }); try { const map = L.map(container).setView([40.782, -73.965], 13); // BASE LAYER L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap' }).addTo(map); // HISTORIC DISTRICTS if (historicData?.features?.length > 0) { L.geoJSON(historicData, { style: { fillColor: '#78c679', weight: 1, opacity: 1, color: '#444', fillOpacity: 0.7 }, onEachFeature: (feature, layer) => { if (feature.properties?.area_name) { layer.bindPopup(`${feature.properties.area_name}`); } } }).addTo(map); } // SQUIRRELS if (squirrelData?.features?.length > 0) { const colorMap = { Gray: "#808080", Cinnamon: "#D2691E", Black: "#000000" }; L.geoJSON(squirrelData, { pointToLayer: (feature, latlng) => { const color = colorMap[feature.properties?.primary_fur_color] || "#999"; return L.circleMarker(latlng, { radius: 5, fillColor: color, color: "#000", weight: 0.5, fillOpacity: 0.8 }); }, onEachFeature: (feature, layer) => { const props = feature.properties || {}; const coords = layer.getLatLng(); layer.bindPopup(` Squirrel Sighting
${props.primary_fur_color ? `Color: ${props.primary_fur_color}
` : ""} Location: ${coords.lat.toFixed(4)}, ${coords.lng.toFixed(4)} `); } }).addTo(map); } // LEGEND const legend = L.control({position: 'bottomright'}); legend.onAdd = () => { const div = L.DomUtil.create('div', 'info legend'); div.innerHTML = `

Squirrel Colors

Gray

Cinnamon

Black

`; return div; }; legend.addTo(map); return map; } catch (e) { container.innerHTML = `

Error Loading Map

${e.message}

`; return container; } }34:[{"id":"158198b01d48cc672272b8b17ac9b673bd5abc6619e5412732dedd4449324cead8e8a09a4f58291b32addadf4c20c73279be751bdb911818a66ab4db645aa644","href":"https://static.observableusercontent.com/files/158198b01d48cc672272b8b17ac9b673bd5abc6619e5412732dedd4449324cead8e8a09a4f58291b32addadf4c20c73279be751bdb911818a66ab4db645aa644","name":"index.qmd","type":"application/octet-stream","lastModified":1746826641898.612,"size":4291},{"id":"0652e9a0f6937e7579639fd1e5c14510222c22053c9f233dd2de7a78ab8c14eae64ec44ed8f3eab8034b20832394e979a15d7752aed21efccfd1fb7517bd242e","href":"https://static.observableusercontent.com/files/0652e9a0f6937e7579639fd1e5c14510222c22053c9f233dd2de7a78ab8c14eae64ec44ed8f3eab8034b20832394e979a15d7752aed21efccfd1fb7517bd242e","name":"index@2.html","type":"text/html","lastModified":1746826716117.659,"size":1304064},{"id":"b76a6bacc661c62099218d7af1452423b97f76b55699d6643172525c0beb33ee1105878dec6d9006b5e9d172c0322fa10f465203e42f648a6e07520e92cc7d75","href":"https://static.observableusercontent.com/files/b76a6bacc661c62099218d7af1452423b97f76b55699d6643172525c0beb33ee1105878dec6d9006b5e9d172c0322fa10f465203e42f648a6e07520e92cc7d75","name":"historic.geojson","type":"application/geo+json","lastModified":1746827346781.121,"size":968220},{"id":"69458955fd919edf8f352eef0b32d352e100f13ad770c7f786ef06d3635289a188b935cdb895c22e30c53f4bad7e300d7ad344a9caef801989c525f607fcd46a","href":"https://static.observableusercontent.com/files/69458955fd919edf8f352eef0b32d352e100f13ad770c7f786ef06d3635289a188b935cdb895c22e30c53f4bad7e300d7ad344a9caef801989c525f607fcd46a","name":"squirrel.geojson","type":"application/geo+json","lastModified":1746827346854.328,"size":2393424}] 31:{"id":"32242582e1fbb3a2","slug":"squirrels-and-historic-districts","title":"Squirrels and historic districts","thumbnail":"49914a53ddeeefaa2d501441e88b20bbb5a1aa3d20681f3351a758bc8ddbc45e","access_level":"public","create_time":"$D2025-05-09T21:19:48.533Z","update_time":"$D2025-05-09T21:49:33.076Z","view_time":null,"first_public_time":"$D2025-05-09T21:19:48.533Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a32913c2b0edac60","login":"trebicka","name":"G.Trebicka","avatar_url":"https://avatars-next.observableusercontent.com/2d7dd637070df728ffb21a3aa5a3e8e282a175feb15bd32fe60a338596b4c5f8","tier":"starter_2024"},"version":40,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ad8baf6981b63c06","login":"trebicka","name":"G.Trebicka","avatar_url":"https://avatars-next.observableusercontent.com/2d7dd637070df728ffb21a3aa5a3e8e282a175feb15bd32fe60a338596b4c5f8","tier":null}],"members":[{"type":"team","id":"a32913c2b0edac60","login":"trebicka","name":"G.Trebicka","avatar_url":"https://avatars-next.observableusercontent.com/2d7dd637070df728ffb21a3aa5a3e8e282a175feb15bd32fe60a338596b4c5f8","tier":"starter_2024","role":"editor"},{"type":"individual","id":"ad8baf6981b63c06","login":"trebicka","name":"G.Trebicka","avatar_url":"https://avatars-next.observableusercontent.com/2d7dd637070df728ffb21a3aa5a3e8e282a175feb15bd32fe60a338596b4c5f8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Squirrels and historic districts","cells":[{"id":0,"value":"# Squirrels and historic districts ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"squirrel = FileAttachment(\"squirrel.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"historic = FileAttachment(\"historic.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"