Loading…
Loading gauge data…
Monitoring Location
"; // =========================================== // Create map const map = L.map('usgs-map').setView([39.5, -98.35], 4); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); // USGS Site Service const url = `https://waterservices.usgs.gov/nwis/site/?format=rdb&sites=${usgsSiteId}`; fetch(url) .then(response => response.text()) .then(text => { const lines = text.split("\n"); // Find the data row const dataLine = lines.find(line => line.startsWith("USGS") ); if (!dataLine) { throw new Error("Site not found."); } const cols = dataLine.split("\t"); const siteName = cols[2]; const lat = parseFloat(cols[4]); const lon = parseFloat(cols[5]); map.setView([lat, lon], 13); L.marker([lat, lon]) .addTo(map) .bindPopup( `${siteName}USGS Site ${usgsSiteId}` ) .openPopup(); }) .catch(err => { console.error(err); });