Carte
Reprise de canicule-listes, avec deux changements : Leaflet est une dépendance locale et non plus un script chargé depuis un CDN, et la paresse vient d'Astro (client:visible) au lieu d'une injection manuelle de balises.
La carte
Cinq points fictifs. Le design system ne dépend d'aucune API : il cesserait de fonctionner le jour où elle tombe.
Les règles
Une carte est le composant le plus lourd du produit. Chaque choix ci-dessous a une raison.
- Toujours un îlot client. Une carte n'a aucun intérêt pour un robot, et le HTML doit rester lisible sans elle. Ce qu'elle montre existe toujours en texte à côté — sinon l'information disparaît pour qui navigue au clavier ou au lecteur d'écran.
- Fond CartoDB Positron. Clair et discret : la carte porte les points, pas l'inverse.
- Regroupement des points. Au-delà de quelques dizaines de marqueurs, une carte sans clusters devient illisible et lente.
- Bornes verrouillées sur la France. Repris de
canicule-listes: empêche de se perdre au milieu de l'Atlantique en faisant glisser la carte. - Le défilement ne zoome pas. Une carte qui capture la molette piège le lecteur qui voulait simplement descendre dans la page.
Filtres à états
Repris de canicule-listes, où chaque état portait sa couleur écrite en dur. Ici les états passent par les tokens : le thème change, les filtres suivent.