diff --git a/frontend/src/components/Map/SargassesMap.jsx b/frontend/src/components/Map/SargassesMap.jsx index ff396e8..4972868 100644 --- a/frontend/src/components/Map/SargassesMap.jsx +++ b/frontend/src/components/Map/SargassesMap.jsx @@ -78,7 +78,9 @@ const makeLayerStyles = (isPrediction, opacity) => ({ source: isPrediction ? 'forecasts' : 'observations', paint: { '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 }, }, }, @@ -87,11 +89,12 @@ const makeLayerStyles = (isPrediction, opacity) => ({ type: 'line', source: isPrediction ? 'forecasts' : 'observations', paint: { - 'line-color': isPrediction ? '#6366f1' : '#c47a10', - 'line-width': isPrediction ? 2 : 2.5, - 'line-opacity': opacity * 0.85, + 'line-color': isPrediction ? '#6366f1' : '#c47a10', + // Prévisions : contour plus épais et tirets plus marqués + 'line-width': isPrediction ? 2.5 : 2.5, + 'line-opacity': opacity * (isPrediction ? 0.75 : 0.85), 'line-opacity-transition': { duration: 350 }, - ...(isPrediction ? { 'line-dasharray': [4, 3] } : {}), + ...(isPrediction ? { 'line-dasharray': [6, 4] } : {}), }, }, });