// 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; } }