// bangalore https://thejeshgn-imd_distrcitwise_warnings.web.val.run/?lat=12.9796&lon=77.5906 // lalitpur up https://thejeshgn-imd_distrcitwise_warnings.web.val.run/?lat=24.6936599&lon=78.412621 // vishisha MP https://thejeshgn-imd_distrcitwise_warnings.web.val.run/?lat=23.5210259&lon=77.809569 export default async function(req: Request): Promise { const url = new URL(req.url); const lat = parseFloat(url.searchParams.get("lat") || "12.9796"); const lon = parseFloat(url.searchParams.get("lon") || "77.5906"); const format = url.searchParams.get("format") || "html"; // 1 degree of latitude is roughly 111 kilometers const latOffset = 0.0045; // ~500 meters // Adjust the longitude offset by the latitude's cosine to account for the Earth's curvature const lonOffset = latOffset / Math.cos(lat * (Math.PI / 180)); const minLat = lat - latOffset; const minLon = lon - lonOffset; const maxLat = lat + latOffset; const maxLon = lon + lonOffset; const bbox = minLon + "," + minLat + "," + maxLon + "," + maxLat; // crude hack but works for now const now = new Date(); const utcOffset = 5.5 * 60; // IST is UTC+5:30 const istDate = new Date(now.getTime() + utcOffset * 60 * 1000); // const today = istDate.toISOString(); const today = istDate.toISOString().replace("Z", "+05:30"); const osmand_web = "http://osmand.net/go.html?z=16&lat=" + lat + "&lon=" + lon; const gmaps_poi = "https://www.google.com/maps?&hl=en&t=m&z=12&ll=" + lat + "," + lon + "&q=" + lat + "," + lon; const osm = "http://www.openstreetmap.org/?&zoom=16&layers=M&mlat=" + lat + "&mlon=" + lon; const geo_uri = "geo:" + lat + "," + lon; const dist_nowcast_warnings = "https://reactjs.imd.gov.in/geoserver/imd/wms?service=WMS&request=GetMap&layers=imd%3ANowcast_StateDistrict_Merged&styles=&format=image%2Fsvg&transparent=true&version=1.1.1&width=256&height=256&srs=EPSG%3A4326&bbox=" + bbox; // env=day:Day1_Color const dist_warnings_today = "https://reactjs.imd.gov.in/geoserver/imd/wms?service=WMS&request=GetMap&layers=imd%3AWarnings_StateDistrict_Merged&styles=&format=image%2Fsvg&transparent=true&version=1.1.1&env=day%3ADay1_Color&width=256&height=256&srs=EPSG%3A4326&bbox=" + bbox; // env=day:Day2_Color const dist_warnings_today_plus_1 = "https://reactjs.imd.gov.in/geoserver/imd/wms?service=WMS&request=GetMap&layers=imd%3AWarnings_StateDistrict_Merged&styles=&format=image%2Fsvg&transparent=true&version=1.1.1&env=day%3ADay2_Color&width=256&height=256&srs=EPSG%3A4326&bbox=" + bbox; // env=day:Day3_Color const dist_warnings_today_plus_2 = "https://reactjs.imd.gov.in/geoserver/imd/wms?service=WMS&request=GetMap&layers=imd%3AWarnings_StateDistrict_Merged&styles=&format=image%2Fsvg&transparent=true&version=1.1.1&env=day%3ADay3_Color&width=256&height=256&srs=EPSG%3A4326&bbox=" + bbox; // env=day:Day4_Color const dist_warnings_today_plus_3 = "https://reactjs.imd.gov.in/geoserver/imd/wms?service=WMS&request=GetMap&layers=imd%3AWarnings_StateDistrict_Merged&styles=&format=image%2Fsvg&transparent=true&version=1.1.1&env=day%3ADay4_Color&width=256&height=256&srs=EPSG%3A4326&bbox=" + bbox; // env=day:Day5_Color const dist_warnings_today_plus_4 = "https://reactjs.imd.gov.in/geoserver/imd/wms?service=WMS&request=GetMap&layers=imd%3AWarnings_StateDistrict_Merged&styles=&format=image%2Fsvg&transparent=true&version=1.1.1&env=day%3ADay5_Color&width=256&height=256&srs=EPSG%3A4326&bbox=" + bbox; /* //extract color from SVGs svgElement = document.querySelector('svg'); shapeElement = svgElement.querySelector('g') rect = shapeElement.querySelector('g') fillColor = rect.getAttribute('fill'); */ const r = { "today": today, "lat": lat, "lon": lon, "bbox": bbox, "osmand_web": osmand_web, "gmaps_poi": gmaps_poi, "osm": osm, "geo_uri": geo_uri, "dist_nowcast_warnings": dist_nowcast_warnings, "dist_warnings_today": dist_warnings_today, "dist_warnings_today_plus_1": dist_warnings_today_plus_1, "dist_warnings_today_plus_2": dist_warnings_today_plus_2, "dist_warnings_today_plus_3": dist_warnings_today_plus_3, "dist_warnings_today_plus_4": dist_warnings_today_plus_4, }; if (format == "json") { return Response.json(r); } else { const bboxHtml = `

IMD Warnings

Center: (${lat}, ${lon})

OSMAnd Web, GMaps, OSM Web, Geo URL

BBox: ${bbox}

Min Lon: ${minLon}
Min Lat: ${minLat}
Max Lon: ${maxLon}
Max Lat: ${maxLat}

	No Warning - Green
	Watch - Yellow
	Alert - Orange
	Warning - Red

Warnings - ${today}

Nowcast	Today	Today + 1	Today + 2	Today + 3	Today + 4

URL Format

              https://thejeshgn-imd_distrcitwise_warnings.web.val.run/?lat=12.9796&lon=77.5906&format=html

where

lat = latitude
lon = longitude
format = html or json
defaults : If no lat or lon given, it will take bangalore's.
defaults : If no format is given then it is html

Data Credit : IMD
Made by Thejesh GN and details are in a blog post. `; return new Response(bboxHtml, { headers: { "Content-Type": "text/html" }, }); } }