186 lines
4.3 KiB
JavaScript
186 lines
4.3 KiB
JavaScript
|
const getXYFromLatitudeLongitudeMap = (pos, offsetX, offsetY) => {
|
||
|
let y = 0;
|
||
|
let x = 0;
|
||
|
const imgHeight = 3200;
|
||
|
const imgWidth = 5100;
|
||
|
|
||
|
y = (51.75 - pos.latitude) * 55.2;
|
||
|
// center map
|
||
|
y -= offsetY;
|
||
|
|
||
|
// Do not allow the map to exceed the max/min coordinates.
|
||
|
if (y > (imgHeight - (offsetY * 2))) {
|
||
|
y = imgHeight - (offsetY * 2);
|
||
|
} else if (y < 0) {
|
||
|
y = 0;
|
||
|
}
|
||
|
|
||
|
x = ((-130.37 - pos.longitude) * 41.775) * -1;
|
||
|
// center map
|
||
|
x -= offsetX;
|
||
|
|
||
|
// Do not allow the map to exceed the max/min coordinates.
|
||
|
if (x > (imgWidth - (offsetX * 2))) {
|
||
|
x = imgWidth - (offsetX * 2);
|
||
|
} else if (x < 0) {
|
||
|
x = 0;
|
||
|
}
|
||
|
|
||
|
return { x: x * 2, y: y * 2 };
|
||
|
};
|
||
|
|
||
|
const getXYFromLatitudeLongitudeDoppler = (pos, offsetX, offsetY) => {
|
||
|
let y = 0;
|
||
|
let x = 0;
|
||
|
const imgHeight = 6000;
|
||
|
const imgWidth = 2800;
|
||
|
|
||
|
y = (51 - pos.latitude) * 61.4481;
|
||
|
// center map
|
||
|
y -= offsetY;
|
||
|
|
||
|
// Do not allow the map to exceed the max/min coordinates.
|
||
|
if (y > (imgHeight - (offsetY * 2))) {
|
||
|
y = imgHeight - (offsetY * 2);
|
||
|
} else if (y < 0) {
|
||
|
y = 0;
|
||
|
}
|
||
|
|
||
|
x = ((-129.138 - pos.longitude) * 42.1768) * -1;
|
||
|
// center map
|
||
|
x -= offsetX;
|
||
|
|
||
|
// Do not allow the map to exceed the max/min coordinates.
|
||
|
if (x > (imgWidth - (offsetX * 2))) {
|
||
|
x = imgWidth - (offsetX * 2);
|
||
|
} else if (x < 0) {
|
||
|
x = 0;
|
||
|
}
|
||
|
|
||
|
return { x: x * 2, y: y * 2 };
|
||
|
};
|
||
|
|
||
|
const removeDopplerRadarImageNoise = (RadarContext) => {
|
||
|
const RadarImageData = RadarContext.getImageData(0, 0, RadarContext.canvas.width, RadarContext.canvas.height);
|
||
|
|
||
|
// examine every pixel,
|
||
|
// change any old rgb to the new-rgb
|
||
|
for (let i = 0; i < RadarImageData.data.length; i += 4) {
|
||
|
// i + 0 = red
|
||
|
// i + 1 = green
|
||
|
// i + 2 = blue
|
||
|
// i + 3 = alpha (0 = transparent, 255 = opaque)
|
||
|
let R = RadarImageData.data[i];
|
||
|
let G = RadarImageData.data[i + 1];
|
||
|
let B = RadarImageData.data[i + 2];
|
||
|
let A = RadarImageData.data[i + 3];
|
||
|
|
||
|
// is this pixel the old rgb?
|
||
|
if ((R === 0 && G === 0 && B === 0)
|
||
|
|| (R === 0 && G === 236 && B === 236)
|
||
|
|| (R === 1 && G === 160 && B === 246)
|
||
|
|| (R === 0 && G === 0 && B === 246)) {
|
||
|
// change to your new rgb
|
||
|
|
||
|
// Transparent
|
||
|
R = 0;
|
||
|
G = 0;
|
||
|
B = 0;
|
||
|
A = 0;
|
||
|
} else if ((R === 0 && G === 255 && B === 0)) {
|
||
|
// Light Green 1
|
||
|
R = 49;
|
||
|
G = 210;
|
||
|
B = 22;
|
||
|
A = 255;
|
||
|
} else if ((R === 0 && G === 200 && B === 0)) {
|
||
|
// Light Green 2
|
||
|
R = 0;
|
||
|
G = 142;
|
||
|
B = 0;
|
||
|
A = 255;
|
||
|
} else if ((R === 0 && G === 144 && B === 0)) {
|
||
|
// Dark Green 1
|
||
|
R = 20;
|
||
|
G = 90;
|
||
|
B = 15;
|
||
|
A = 255;
|
||
|
} else if ((R === 255 && G === 255 && B === 0)) {
|
||
|
// Dark Green 2
|
||
|
R = 10;
|
||
|
G = 40;
|
||
|
B = 10;
|
||
|
A = 255;
|
||
|
} else if ((R === 231 && G === 192 && B === 0)) {
|
||
|
// Yellow
|
||
|
R = 196;
|
||
|
G = 179;
|
||
|
B = 70;
|
||
|
A = 255;
|
||
|
} else if ((R === 255 && G === 144 && B === 0)) {
|
||
|
// Orange
|
||
|
R = 190;
|
||
|
G = 72;
|
||
|
B = 19;
|
||
|
A = 255;
|
||
|
} else if ((R === 214 && G === 0 && B === 0)
|
||
|
|| (R === 255 && G === 0 && B === 0)) {
|
||
|
// Red
|
||
|
R = 171;
|
||
|
G = 14;
|
||
|
B = 14;
|
||
|
A = 255;
|
||
|
} else if ((R === 192 && G === 0 && B === 0)
|
||
|
|| (R === 255 && G === 0 && B === 255)) {
|
||
|
// Brown
|
||
|
R = 115;
|
||
|
G = 31;
|
||
|
B = 4;
|
||
|
A = 255;
|
||
|
}
|
||
|
|
||
|
RadarImageData.data[i] = R;
|
||
|
RadarImageData.data[i + 1] = G;
|
||
|
RadarImageData.data[i + 2] = B;
|
||
|
RadarImageData.data[i + 3] = A;
|
||
|
}
|
||
|
|
||
|
RadarContext.putImageData(RadarImageData, 0, 0);
|
||
|
};
|
||
|
|
||
|
const mergeDopplerRadarImage = (mapContext, radarContext) => {
|
||
|
const mapImageData = mapContext.getImageData(0, 0, mapContext.canvas.width, mapContext.canvas.height);
|
||
|
const radarImageData = radarContext.getImageData(0, 0, radarContext.canvas.width, radarContext.canvas.height);
|
||
|
|
||
|
// examine every pixel,
|
||
|
// change any old rgb to the new-rgb
|
||
|
for (let i = 0; i < radarImageData.data.length; i += 4) {
|
||
|
// i + 0 = red
|
||
|
// i + 1 = green
|
||
|
// i + 2 = blue
|
||
|
// i + 3 = alpha (0 = transparent, 255 = opaque)
|
||
|
|
||
|
// is this pixel the old rgb?
|
||
|
if ((mapImageData.data[i] < 116 && mapImageData.data[i + 1] < 116 && mapImageData.data[i + 2] < 116)) {
|
||
|
// change to your new rgb
|
||
|
|
||
|
// Transparent
|
||
|
radarImageData.data[i] = 0;
|
||
|
radarImageData.data[i + 1] = 0;
|
||
|
radarImageData.data[i + 2] = 0;
|
||
|
radarImageData.data[i + 3] = 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
radarContext.putImageData(radarImageData, 0, 0);
|
||
|
|
||
|
mapContext.drawImage(radarContext.canvas, 0, 0);
|
||
|
};
|
||
|
|
||
|
export {
|
||
|
getXYFromLatitudeLongitudeDoppler,
|
||
|
getXYFromLatitudeLongitudeMap,
|
||
|
removeDopplerRadarImageNoise,
|
||
|
mergeDopplerRadarImage,
|
||
|
};
|