list radar timestamps
This commit is contained in:
parent
887e0aa676
commit
a9d0968e28
18
.eslintrc.js
18
.eslintrc.js
|
@ -20,13 +20,9 @@ module.exports = {
|
||||||
'tab',
|
'tab',
|
||||||
],
|
],
|
||||||
'no-tabs': 0,
|
'no-tabs': 0,
|
||||||
'no-use-before-define': 0,
|
|
||||||
'no-console': 0,
|
'no-console': 0,
|
||||||
'linebreak-style': [
|
|
||||||
'error',
|
|
||||||
'unix',
|
|
||||||
],
|
|
||||||
'max-len': 0,
|
'max-len': 0,
|
||||||
|
'linebreak-style': 0,
|
||||||
quotes: [
|
quotes: [
|
||||||
'error',
|
'error',
|
||||||
'single',
|
'single',
|
||||||
|
@ -47,6 +43,18 @@ module.exports = {
|
||||||
'no-floating-decimal': ['error'],
|
'no-floating-decimal': ['error'],
|
||||||
'no-trailing-spaces': ['error'],
|
'no-trailing-spaces': ['error'],
|
||||||
'brace-style': [2, '1tbs', { allowSingleLine: true }],
|
'brace-style': [2, '1tbs', { allowSingleLine: true }],
|
||||||
|
'no-mixed-operators': [
|
||||||
|
'error',
|
||||||
|
{
|
||||||
|
groups: [
|
||||||
|
['&', '|', '^', '~', '<<', '>>', '>>>'],
|
||||||
|
['==', '!=', '===', '!==', '>', '>=', '<', '<='],
|
||||||
|
['&&', '||'],
|
||||||
|
['in', 'instanceof'],
|
||||||
|
],
|
||||||
|
allowSamePrecedence: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
ignorePatterns: [
|
ignorePatterns: [
|
||||||
'*.min.js',
|
'*.min.js',
|
||||||
|
|
|
@ -36,12 +36,12 @@ class Radar extends WeatherDisplay {
|
||||||
this.backgroundImage = utils.image.load('images/BackGround4_1.png');
|
this.backgroundImage = utils.image.load('images/BackGround4_1.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
async getData(_weatherParameters) {
|
async getData(weatherParameters) {
|
||||||
super.getData(_weatherParameters);
|
super.getData(weatherParameters);
|
||||||
const weatherParameters = _weatherParameters ?? this.weatherParameters;
|
if (!weatherParameters) weatherParameters = this.weatherParameters;
|
||||||
|
|
||||||
// ALASKA ISN'T SUPPORTED!
|
// ALASKA AND HAWAII AREN'T SUPPORTED!
|
||||||
if (weatherParameters.state === 'AK') {
|
if (weatherParameters.state === 'AK' || weatherParameters.state === 'HI') {
|
||||||
this.setStatus(STATUS.noData);
|
this.setStatus(STATUS.noData);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -51,30 +51,50 @@ class Radar extends WeatherDisplay {
|
||||||
|
|
||||||
// get the base map
|
// get the base map
|
||||||
let src = 'images/4000RadarMap2.jpg';
|
let src = 'images/4000RadarMap2.jpg';
|
||||||
if (weatherParameters.state === 'HI') src = 'images/HawaiiRadarMap2.png';
|
if (weatherParameters.State === 'HI') src = 'images/HawaiiRadarMap2.png';
|
||||||
this.baseMap = await utils.image.load(src);
|
this.baseMap = await utils.image.load(src);
|
||||||
|
|
||||||
const baseUrl = 'https://radar.weather.gov/Conus/RadarImg/';
|
const baseUrl = 'https://mesonet.agron.iastate.edu/archive/data/';
|
||||||
|
const baseUrlEnd = '/GIS/uscomp';
|
||||||
|
const baseUrls = [];
|
||||||
|
let date = DateTime.utc().minus({ days: 1 }).startOf('day');
|
||||||
|
|
||||||
let radarHtml;
|
// make urls for yesterday, today and tomorrow
|
||||||
try {
|
while (date <= DateTime.utc().plus({ days: 1 }).startOf('day')) {
|
||||||
// get a list of available radars
|
baseUrls.push(`${baseUrl}${date.toFormat('yyyy/LL/dd')}${baseUrlEnd}`);
|
||||||
radarHtml = await utils.fetch.text(baseUrl, { cors: true });
|
date = date.plus({ days: 1 });
|
||||||
} catch (e) {
|
|
||||||
console.error('Unable to get list of radars');
|
|
||||||
console.error(e);
|
|
||||||
this.setStatus(STATUS.failed);
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const lists = (await Promise.all(baseUrls.map(async (url) => {
|
||||||
|
try {
|
||||||
|
// get a list of available radars
|
||||||
|
const radarHtml = await utils.fetch.text(url, { cors: true });
|
||||||
|
return radarHtml;
|
||||||
|
} catch (e) {
|
||||||
|
console.log('Unable to get list of radars');
|
||||||
|
console.error(e);
|
||||||
|
this.setStatus(STATUS.failed);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}))).filter((d) => d);
|
||||||
|
|
||||||
// convert to an array of gif urls
|
// convert to an array of gif urls
|
||||||
|
const pngs = lists.map((html, htmlIdx) => {
|
||||||
const parser = new DOMParser();
|
const parser = new DOMParser();
|
||||||
const xmlDoc = parser.parseFromString(radarHtml, 'text/html');
|
const xmlDoc = parser.parseFromString(html, 'text/html');
|
||||||
|
// add the base url
|
||||||
|
const base = xmlDoc.createElement('base');
|
||||||
|
base.href = baseUrls[htmlIdx];
|
||||||
|
xmlDoc.head.append(base);
|
||||||
const anchors = xmlDoc.getElementsByTagName('a');
|
const anchors = xmlDoc.getElementsByTagName('a');
|
||||||
const gifs = [];
|
const gifs = [];
|
||||||
Object.values(anchors).forEach((a) => {
|
for (const idx in anchors) {
|
||||||
gifs.push(a.innerHTML);
|
if (anchors[idx].innerHTML?.includes('png') && anchors[idx].innerHTML?.includes('n0r_')) {
|
||||||
});
|
gifs.push(anchors[idx].href);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return gifs;
|
||||||
|
}).flat();
|
||||||
|
|
||||||
// filter for selected urls
|
// filter for selected urls
|
||||||
let filter = /Conus_\d/;
|
let filter = /Conus_\d/;
|
||||||
|
@ -94,16 +114,16 @@ class Radar extends WeatherDisplay {
|
||||||
let sourceXY;
|
let sourceXY;
|
||||||
let width;
|
let width;
|
||||||
let height;
|
let height;
|
||||||
if (weatherParameters.state === 'HI') {
|
if (weatherParameters.State === 'HI') {
|
||||||
width = 600;
|
width = 600;
|
||||||
height = 571;
|
height = 571;
|
||||||
sourceXY = Radar.getXYFromLatitudeLongitudeHI(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
sourceXY = this.getXYFromLatitudeLongitudeHI(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
||||||
} else {
|
} else {
|
||||||
width = 2550;
|
width = 2550;
|
||||||
height = 1600;
|
height = 1600;
|
||||||
offsetX *= 2;
|
offsetX *= 2;
|
||||||
offsetY *= 2;
|
offsetY *= 2;
|
||||||
sourceXY = Radar.getXYFromLatitudeLongitudeDoppler(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
sourceXY = this.getXYFromLatitudeLongitudeDoppler(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
||||||
}
|
}
|
||||||
|
|
||||||
// create working context for manipulation
|
// create working context for manipulation
|
||||||
|
@ -116,11 +136,11 @@ class Radar extends WeatherDisplay {
|
||||||
// calculate radar offsets
|
// calculate radar offsets
|
||||||
let radarOffsetX = 117;
|
let radarOffsetX = 117;
|
||||||
let radarOffsetY = 60;
|
let radarOffsetY = 60;
|
||||||
let radarSourceXY = Radar.getXYFromLatitudeLongitudeDoppler(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
let radarSourceXY = this.getXYFromLatitudeLongitudeDoppler(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
||||||
let radarSourceX = radarSourceXY.x / 2;
|
let radarSourceX = radarSourceXY.x / 2;
|
||||||
let radarSourceY = radarSourceXY.y / 2;
|
let radarSourceY = radarSourceXY.y / 2;
|
||||||
|
|
||||||
if (weatherParameters.state === 'HI') {
|
if (weatherParameters.State === 'HI') {
|
||||||
radarOffsetX = 120;
|
radarOffsetX = 120;
|
||||||
radarOffsetY = 69;
|
radarOffsetY = 69;
|
||||||
radarSourceXY = this.getXYFromLatitudeLongitudeHI(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
radarSourceXY = this.getXYFromLatitudeLongitudeHI(weatherParameters.latitude, weatherParameters.longitude, offsetX, offsetY);
|
||||||
|
@ -167,7 +187,7 @@ class Radar extends WeatherDisplay {
|
||||||
const imgBlob = await utils.image.load(blob);
|
const imgBlob = await utils.image.load(blob);
|
||||||
|
|
||||||
// draw the entire image
|
// draw the entire image
|
||||||
if (weatherParameters.state === 'HI') {
|
if (weatherParameters.State === 'HI') {
|
||||||
workingContext.clearRect(0, 0, 571, 600);
|
workingContext.clearRect(0, 0, 571, 600);
|
||||||
workingContext.drawImage(imgBlob, 0, 0, 571, 600);
|
workingContext.drawImage(imgBlob, 0, 0, 571, 600);
|
||||||
} else {
|
} else {
|
||||||
|
@ -186,10 +206,10 @@ class Radar extends WeatherDisplay {
|
||||||
cropContext.imageSmoothingEnabled = false;
|
cropContext.imageSmoothingEnabled = false;
|
||||||
cropContext.drawImage(workingCanvas, radarSourceX, radarSourceY, (radarOffsetX * 2), (radarOffsetY * 2.33), 0, 0, 640, 367);
|
cropContext.drawImage(workingCanvas, radarSourceX, radarSourceY, (radarOffsetX * 2), (radarOffsetY * 2.33), 0, 0, 640, 367);
|
||||||
// clean the image
|
// clean the image
|
||||||
Radar.removeDopplerRadarImageNoise(cropContext);
|
this.removeDopplerRadarImageNoise(cropContext);
|
||||||
|
|
||||||
// merge the radar and map
|
// merge the radar and map
|
||||||
Radar.mergeDopplerRadarImage(context, cropContext);
|
this.mergeDopplerRadarImage(context, cropContext);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
canvas,
|
canvas,
|
||||||
|
@ -292,26 +312,30 @@ class Radar extends WeatherDisplay {
|
||||||
return { x, y };
|
return { x, y };
|
||||||
}
|
}
|
||||||
|
|
||||||
static getXYFromLatitudeLongitudeDoppler(Latitude, Longitude, OffsetX, OffsetY) {
|
static GetXYFromLatitudeLongitudeDoppler(pos, offsetX, offsetY) {
|
||||||
let y = 0;
|
let y = 0;
|
||||||
let x = 0;
|
let x = 0;
|
||||||
const ImgHeight = 3200;
|
const imgHeight = 6000;
|
||||||
const ImgWidth = 5100;
|
const imgWidth = 2800;
|
||||||
|
|
||||||
|
y = (51 - pos.latitude) * 61.4481;
|
||||||
|
// center map
|
||||||
|
y -= offsetY;
|
||||||
|
|
||||||
y = (51.75 - Latitude) * 55.2;
|
|
||||||
y -= OffsetY; // Centers map.
|
|
||||||
// Do not allow the map to exceed the max/min coordinates.
|
// Do not allow the map to exceed the max/min coordinates.
|
||||||
if (y > (ImgHeight - (OffsetY * 2))) {
|
if (y > (imgHeight - (offsetY * 2))) {
|
||||||
y = ImgHeight - (OffsetY * 2);
|
y = imgHeight - (offsetY * 2);
|
||||||
} else if (y < 0) {
|
} else if (y < 0) {
|
||||||
y = 0;
|
y = 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
x = ((-130.37 - Longitude) * 41.775) * -1;
|
x = ((-129.138 - pos.longitude) * 42.1768) * -1;
|
||||||
x -= OffsetX; // Centers map.
|
// center map
|
||||||
|
x -= offsetX;
|
||||||
|
|
||||||
// Do not allow the map to exceed the max/min coordinates.
|
// Do not allow the map to exceed the max/min coordinates.
|
||||||
if (x > (ImgWidth - (OffsetX * 2))) {
|
if (x > (imgWidth - (offsetX * 2))) {
|
||||||
x = ImgWidth - (OffsetX * 2);
|
x = imgWidth - (offsetX * 2);
|
||||||
} else if (x < 0) {
|
} else if (x < 0) {
|
||||||
x = 0;
|
x = 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -234,7 +234,6 @@ const utils = (() => {
|
||||||
const rewriteUrl = (_url) => {
|
const rewriteUrl = (_url) => {
|
||||||
let url = _url;
|
let url = _url;
|
||||||
url = url.replace('https://api.weather.gov/', window.location.href);
|
url = url.replace('https://api.weather.gov/', window.location.href);
|
||||||
url = url.replace('https://radar.weather.gov/', window.location.href);
|
|
||||||
url = url.replace('https://www.cpc.ncep.noaa.gov/', window.location.href);
|
url = url.replace('https://www.cpc.ncep.noaa.gov/', window.location.href);
|
||||||
return url;
|
return url;
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in a new issue