markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve global map displays with caching and unit fixes

Browse source
This commit is contained in:
mrkmntal 2026-04-07 21:16:12 -04:00
commit dd31dd5853
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
server/scripts/modules/utils/leaflet-weather-map.mjs
View file

@ -2,6 +2,7 @@ import { safePromiseAll } from './fetch.mjs';
import { loadData } from './data-loader.mjs'; import { loadData } from './data-loader.mjs';
import { getSmallIconFromWmoCode } from '../icons.mjs'; import { getSmallIconFromWmoCode } from '../icons.mjs';
import { getOpenMeteoObservationSnapshot } from './weather.mjs'; import { getOpenMeteoObservationSnapshot } from './weather.mjs';
import { temperature } from './units.mjs';
const BASE_MAP_URL = 'https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}'; const BASE_MAP_URL = 'https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}';
const BOUNDARY_MAP_URL = 'https://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer/tile/{z}/{y}/{x}'; const BOUNDARY_MAP_URL = 'https://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer/tile/{z}/{y}/{x}';
@ -100,12 +101,13 @@ const selectNearbyCities = (map, sourceLocation, cities, options = {}) => {
}; };
const buildNearbyWeatherMarker = (city, observation) => { const buildNearbyWeatherMarker = (city, observation) => {
const temperatureConverter = temperature();
const icon = getSmallIconFromWmoCode(observation.weatherCode, observation.isDay); const icon = getSmallIconFromWmoCode(observation.weatherCode, observation.isDay);
const markerHtml = ` const markerHtml = `
<div class="nearby-weather-marker-inner"> <div class="nearby-weather-marker-inner">
<div class="city">${city.name}</div> <div class="city">${city.name}</div>
<div class="details"> <div class="details">
<div class="temp">${Math.round(observation.temperature)}</div> <div class="temp">${temperatureConverter(observation.temperature)}</div>
<img src="${icon}" alt="${city.name} weather" /> <img src="${icon}" alt="${city.name} weather" />
</div> </div>
</div>`; </div>`;