Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-26 07:40:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix(maps): fix _upgradeTiles race guard, interval leak, graticule events, ring labels

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-04-13 22:24:23 +01:00
parent 99edea33e3
commit 51f8a6f65b
1 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
static/js/map-utils.js
View File

@@ -57,7 +57,7 @@ const MapUtils = {
if (typeof Settings === 'undefined') return;
try {
await Settings.init();
if (!map || !map.getContainer || !map.getContainer()) return;
if (!map || map._removed) return;
const layer = Settings.createTileLayer();
let loaded = false;
layer.once('load', () => {
@@ -186,22 +186,35 @@ const MapUtils = {
};
if (options.graticule) {
buildGraticule();
map.on('zoomend moveend', buildGraticule);
map.on('zoomend', buildGraticule);
cleanupFns.push(() => {
map.off('zoomend moveend', buildGraticule);
map.off('zoomend', buildGraticule);
removeGraticule();
});
}
handles.showGraticule = () => {
buildGraticule();
map.on('zoomend moveend', buildGraticule);
map.on('zoomend', buildGraticule);
};
handles.hideGraticule = () => {
map.off('zoomend moveend', buildGraticule);
map.off('zoomend', buildGraticule);
removeGraticule();
};
handles.removeAll = () => cleanupFns.forEach(fn => fn());
// Auto-cleanup when Leaflet map is removed
const autoCleanup = () => {
cleanupFns.forEach(fn => fn());
map.off('remove', autoCleanup);
};
map.on('remove', autoCleanup);
const originalRemoveAll = handles.removeAll;
handles.removeAll = () => {
map.off('remove', autoCleanup);
originalRemoveAll();
};
return handles;
},
@@ -227,8 +240,8 @@ const MapUtils = {
interactive: false,
}).addTo(layer);
// Label at the top of each ring
const labelLat = center[0] + (dist * (unit === 'km' ? 0.009 : 0.0166));
// Label at accurate north point of ring (Leaflet handles earth curvature)
const labelLat = L.circle(center, { radius: meters }).getBounds().getNorth();
L.marker([labelLat, center[1]], {
icon: L.divIcon({
className: 'map-range-label',