Le développement des solutions Web pour les SIG a connu récemment une évolution spectaculaire dans la diversité des solutions proposées. On pourra citer : Django/GeoDjango, Leaflet, GeoServer, MapServer, ArcGIS Online, OpenLayers, Folium et bien d’autres. Leaflet reste la solution la plus performante et également la plus facile à prendre en main. Ses possibilités sont très étendues, allant de la simple visualisation de données à des plateformes Web complète comme un géoportail.
Le rôle de React.js dans les interfaces utilisateurs
La librairie JavaScript React est une librairie libre destinée à créer des interfaces UIs (User Interfaces ou Interfaces Utilisateurs). Elle a été développée par Facebook, sa première version est apparue en 2013. Le gros avantage de React est sa capacité à générer une page unique comprenant toutes les composantes nécessaires à une application. Le temps de chargement est ainsi plus long, mais une fois la page chargée tout est fonctionnel sans chargement supplémentaire. React est utilisée par une grande majorité de développeur dits Front-end, c’est-à-dire les développeurs gérant la partie visible (graphique) des applications et sites web. La librairie permet notamment de créer des Uis modernes, performantes et agréables à utiliser.
Le rôle de Leaflet.js dans la cartographie Web
La librairie JavaScript Leaflet est la librairie opensource de référence pour la création de cartes interactives. Elle s’est principalement développée en termes d’utilisateurs quand l’API Google Maps est devenue payante. Elle est notamment utilisée par OpenStreetMap et l’IGN. Leaflet peut être utilisée pour intégrer des cartes simples dans des pages Web ou pour construite des Uis cartographiques complètes. Elle s’appuie sur la gestion des principales sources de données géographiques Web (flux WMS/WMTS/WFS, GeoJSON…) et leur représentation par des styles. Elle intègre également des outils de gestion d’interactions utilisateurs – interface poussées.
La combinaison React-Leaflet pour un SIG Web complet
React-Leaflet est un outil permettant d’utiliser les composantes React dans des cartes Leaflet. Ce n’est ni une librairie, ni un framework, c’est un outil développé par plusieurs contributeurs visant à faciliter la combinaison de deux librairies JavaScript pour la production d’application Web performantes. L’intégration de React dans des applications Leaflet est un avantage certain dans un produit final. La principale contrainte d’une application cartographique sur le Web est le temps de chargement des données. Les applications sont bien trop souvent limitées dans leur utilisation par cette contrainte. Les composantes React représentent une bonne solution à cette contrainte. En plus de cet avantage, React embarque un modèle d’architecture stable pour les applications Web qui ne peut que bénéficier aux cartes interactives. Les composantes permettent de créer des fonctionnalités bien distinctes mais aussi bien organisées, élément important dans la complexité évidente d’une plateforme complète de cartographie interactive.
Sources
https://fr.wikipedia.org/wiki/React_%28JavaScript%29 https://reactjs.org/ https://fr.wikipedia.org/wiki/Leaflet https://leafletjs.com/ https://react-leaflet.js.org/