explore: thicker heatmap lines (4px + blur)

This commit is contained in:
Davide Scaini
2026-05-14 14:57:39 +02:00
parent b3c41967f6
commit a75fabecb9
+2 -2
View File
@@ -192,14 +192,14 @@
// Global heatmap — all lines in warm amber, very low opacity so overlapping routes stack up
map.addLayer({ id: 'explore-heat-global', type: 'line', source: 'explore-lines', layout: { visibility: 'none' },
paint: { 'line-width': 2, 'line-opacity': 0.08, 'line-blur': 0.5, 'line-color': '#f97316' },
paint: { 'line-width': 4, 'line-opacity': 0.10, 'line-blur': 1, 'line-color': '#f97316' },
});
// Per-type heatmap layers — same accumulation trick, type-specific colour
for (const [type, hex] of Object.entries(TYPE_COLORS)) {
map.addLayer({ id: `explore-heat-${type}`, type: 'line', source: 'explore-lines',
filter: ['==', ['get', 'type'], type], layout: { visibility: 'none' },
paint: { 'line-width': 2, 'line-opacity': 0.1, 'line-blur': 0.5, 'line-color': hex },
paint: { 'line-width': 4, 'line-opacity': 0.12, 'line-blur': 1, 'line-color': hex },
});
}