gwadaking/radarsargasses
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: forecasts fill opacity 0.45→0.12 — zones prédictives non opaques

Browse Source 
Les prévisions sont des estimations approximatives : réduire le fill à 0.12
laisse voir la carte (et la terre) en dessous, communiquant visuellement
"zone probable" vs observation confirmée. Contour tirets [6,4] plus lisible.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gwadaking
2026-04-03 20:43:08 -04:00
parent a14782b067
commit cdc8fe90ac
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/Map/SargassesMap.jsx
View File

@@ -78,7 +78,9 @@ const makeLayerStyles = (isPrediction, opacity) => ({
source: isPrediction ? 'forecasts' : 'observations', source: isPrediction ? 'forecasts' : 'observations',
paint: { paint: {
'fill-color': isPrediction ? '#818cf8' : '#f4a020', 'fill-color': isPrediction ? '#818cf8' : '#f4a020',
'fill-opacity': (isPrediction ? 0.45 : 0.5) * opacity, // Prévisions : fill très transparent — le contour tiré porte l'info,
// le fill laisse voir la carte (y compris la terre) en dessous
'fill-opacity': (isPrediction ? 0.12 : 0.50) * opacity,
'fill-opacity-transition': { duration: 350 }, 'fill-opacity-transition': { duration: 350 },
}, },
}, },
@@ -88,10 +90,11 @@ const makeLayerStyles = (isPrediction, opacity) => ({
source: isPrediction ? 'forecasts' : 'observations', source: isPrediction ? 'forecasts' : 'observations',
paint: { paint: {
'line-color': isPrediction ? '#6366f1' : '#c47a10', 'line-color': isPrediction ? '#6366f1' : '#c47a10',
'line-width': isPrediction ? 2 : 2.5, // Prévisions : contour plus épais et tirets plus marqués
'line-opacity': opacity * 0.85, 'line-width': isPrediction ? 2.5 : 2.5,
'line-opacity': opacity * (isPrediction ? 0.75 : 0.85),
'line-opacity-transition': { duration: 350 }, 'line-opacity-transition': { duration: 350 },
...(isPrediction ? { 'line-dasharray': [4, 3] } : {}), ...(isPrediction ? { 'line-dasharray': [6, 4] } : {}),
}, },
}, },
}); });