map = { const container = html`

`; yield container; // Ensure the map is properly initialized const map = L.map(container).setView([35.055,-82.599], 11.5); //evacs L.geoJSON(evacs, { style: { fill: true, fillColor:'#f8dc75', color: 'yellow' }, onEachFeature: function (f, l) { var time = new Date((f.properties.time).replace(' ', 'T') + 'Z') l.bindPopup(`TIME: ${time.toLocaleDateString()} ${time.toLocaleTimeString()}
LEVEL: ${f.properties.level}
INFO: ${f.properties.info}
SOURCE: ${f.properties.source ? `Link` : 'N/A'}`)} }) //perimeters L.geoJSON(geo.filter(fire_perimeter.data, (d) => d.OBJECTID != '37993'),{ style: { fill: true, fillColor:'#FAA0A0', color: 'red' }, onEachFeature: function (f, l) { //console.log(f) l.bindPopup(` Fire: ${f.properties.poly_IncidentName}
% contained: ${f.properties.attr_PercentContained} %
size: ${f.properties.attr_IncidentSize} acres
discovery time: ${new Date(f.properties.attr_FireDiscoveryDateTime).toLocaleString()}
data updated at: ${new Date(f.properties.attr_ModifiedOnDateTime_dt).toLocaleString()}
`); } }).on('click', (f,l) => {console.log(f.properties)} ).addTo(map) L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); L.control.scale().addTo(map); return map }