William a eu l’idée pour le volet informatique de son mémoire de maîtrise d’une storymap où le défilement ferait apparaître diverses couches. J’ai trouvé l’idée très intéressante et je m’y suis essayé. J’ai donc d’abord créé une couche vectorielle dans QGIS.
Je l’ai ensuite exportée vers GeoJson, pour ensuite l’associer à une variable, comme expliqué ici.
J’ai ensuite fourché dans Codepen la version du projet Sherbrooke 1881 où nous utilisions une carte de fond OSM.
On se souvient qu’avant de pouvoir utiliser la variable Wellington, on doit l’avoir transformée pour la rendre utilisable par Leaflet avec la fonction appropriée (j’en profite pour lui attribuer le style désiré):
J’ai ajouté un <div> dans le HTML et avec ScrollTrigger j’ai entré le code suivant dans le JS pour ajouter la couche en entrant, et l’enlever en sortant:
Ce qui me donne ceci (régler le zoom à 0.25px avant de faire défiler ou voir dans Codepen en cliquant sur «Edit on Codepen»):
See the Pen Sherbrooke 1881 C by Tristan Landry (@cybergastronom) on CodePen.
Laisser un commentaire