bot/WeatherTool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redraw map canvases after Monda loads

Browse Source
This commit is contained in:
b0txec
2026-08-19 22:07:16 +03:00
parent d72c3d3473
commit ffcf3a2595
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/map/MapView.tsx
+3
View File
@@ -13,6 +13,7 @@ import { download } from '../../helpers/download'
export const MapView: Component<{ type: MapResolution, data: () => ResultKeyVal[], mode?: "temperature" | "faktiska", productionTemplate?: boolean }> = ({ type, data, mode = "temperature", productionTemplate = false }) => { export const MapView: Component<{ type: MapResolution, data: () => ResultKeyVal[], mode?: "temperature" | "faktiska", productionTemplate?: boolean }> = ({ type, data, mode = "temperature", productionTemplate = false }) => {
const [getCanvas, setCanvas] = createSignal<HTMLCanvasElement>(); const [getCanvas, setCanvas] = createSignal<HTMLCanvasElement>();
const [getImg, setImg] = createSignal(new Image()); const [getImg, setImg] = createSignal(new Image());
const [fontReady, setFontReady] = createSignal(false);
const weatherIconsSignal = createSignal<{[key: string]: string;}>({}); const weatherIconsSignal = createSignal<{[key: string]: string;}>({});
const [getWeatherIcons] = weatherIconsSignal; const [getWeatherIcons] = weatherIconsSignal;
const [getTitle, setTitle] = createSignal(""); const [getTitle, setTitle] = createSignal("");
@@ -42,6 +43,7 @@ export const MapView: Component<{ type: MapResolution, data: () => ResultKeyVal[
} }
onMount(() => { onMount(() => {
void document.fonts.load(`700 ${props.fontSize}px Monda`).then(() => setFontReady(true));
const ctx = getCanvas()!.getContext("2d")!; const ctx = getCanvas()!.getContext("2d")!;
const img = new Image(); const img = new Image();
img.onload = () => { img.onload = () => {
@@ -60,6 +62,7 @@ export const MapView: Component<{ type: MapResolution, data: () => ResultKeyVal[
}); });
createEffect(() => { createEffect(() => {
fontReady();
const ctx = getCanvas()!.getContext("2d")!; const ctx = getCanvas()!.getContext("2d")!;
const weatherIcons = getWeatherIcons(); const weatherIcons = getWeatherIcons();
const coordsAndData: CityData[] = data() const coordsAndData: CityData[] = data()