use background and foreground tiles for fixed parts of the radar #74 #111

This commit is contained in:
Matt Walsh
2025-06-13 22:01:06 -05:00
parent 9303035bb9
commit f456897520
3 changed files with 7 additions and 8 deletions

View File

@@ -29,7 +29,7 @@ const baseMapImages = (tile) => new Promise((resolve) => {
resolve({ resolve({
base: imageBitmap, base: imageBitmap,
overlay: canvas, overlay: canvas.transferToImageBitmap(),
}); });
}); });
}); });
@@ -117,18 +117,18 @@ onmessage = async (e) => {
// build the response // build the response
const t0Base = baseMaps[0].base; const t0Base = baseMaps[0].base;
const t0Overlay = baseMaps[0].overlay.transferToImageBitmap(); const t0Overlay = baseMaps[0].overlay;
let t1Base; let t1Overlay; let t2Base; let t2Overlay; let t3Base; let t3Overlay; let t1Base; let t1Overlay; let t2Base; let t2Overlay; let t3Base; let t3Overlay;
if (mapCoordinates[1].dx < radarFinalSize.width && baseMaps[1]) { if (mapCoordinates[1].dx < radarFinalSize.width && baseMaps[1]) {
t1Base = baseMaps[1].base; t1Base = baseMaps[1].base;
t1Overlay = baseMaps[1].overlay.transferToImageBitmap(); t1Overlay = baseMaps[1].overlay;
} }
if (mapCoordinates[2].dy < radarFinalSize.height && baseMaps[2]) { if (mapCoordinates[2].dy < radarFinalSize.height && baseMaps[2]) {
t2Base = baseMaps[2].base; t2Base = baseMaps[2].base;
t2Overlay = baseMaps[2].overlay.transferToImageBitmap(); t2Overlay = baseMaps[2].overlay;
if (mapCoordinates[1].dx < radarFinalSize.width && baseMaps[3]) { if (mapCoordinates[1].dx < radarFinalSize.width && baseMaps[3]) {
t3Base = baseMaps[3].base; t3Base = baseMaps[3].base;
t3Overlay = baseMaps[3].overlay.transferToImageBitmap(); t3Overlay = baseMaps[3].overlay;
} }
} }
// baseContext.drawImage(baseMaps.fullMap, sourceXY.x, sourceXY.y, offsetX * 2, offsetY * 2, 0, 0, radarFinalSize.width, radarFinalSize.height); // baseContext.drawImage(baseMaps.fullMap, sourceXY.x, sourceXY.y, offsetX * 2, offsetY * 2, 0, 0, radarFinalSize.width, radarFinalSize.height);

View File

@@ -1,10 +1,10 @@
import { import {
radarFinalSize, radarFullSize, modTile, tileSize, removeDopplerRadarImageNoise, mapSizeToFinalSize, radarFinalSize, radarFullSize, removeDopplerRadarImageNoise,
} from './radar-utils.mjs'; } from './radar-utils.mjs';
onmessage = async (e) => { onmessage = async (e) => {
const { const {
url, RADAR_HOST, OVERRIDES, radarSourceXY, sourceXY, url, RADAR_HOST, OVERRIDES, radarSourceXY,
} = e.data; } = e.data;
// get the image // get the image

View File

@@ -143,7 +143,6 @@ class Radar extends WeatherDisplay {
url, url,
RADAR_HOST, RADAR_HOST,
OVERRIDES, OVERRIDES,
sourceXY,
radarSourceXY, radarSourceXY,
}); });