Fonctionnement de la carte
Résumé
La page "Carte" du site REUT-O-SUD regroupe toutes les données présentées visuellement et organisées de façon modulable. Celle-ci utilise la librairie Leaflet pour gérer l’affichage ainsi qu’une une base de données spécifique (voir l’article "Description de la base de données") et des fichiers Json pour le contenu.
Le code de toute la configuration de la carte est accessible uniquement par le développeur .
Vue d’ensemble
La carte est conçue en javascript grâce à la librairie Leaflet. Elle est composée d’objets de base, et augmentée par des plugins permettant de présenter des fonctionnalités supplémentaires.
les objets présents dans la carte sont les suivants :
Les éléments de base
– En ➊ se situe la gestion des couches, des pointeurs, des polygones et lignes graphiques (adaptée et étendue par une programmation supplémentaire : détaillé dans la section "Groupes de contrôle" ci-dessous.
– En ➋ est représenté l’échelle de la carte en fonction du zoom appliqué.
– En ➌ est indiqué le copyright de la couche affichée.
– En ➐ sont représentés les icônes de zoom de la carte.
Les éléments rajoutés par plugins
– En ➍ est représentée une mini-carte permettant de positionner la fenêtre visible sur la carte mondiale.
– En ➏ se trouve l’icône permettant l’affichage en plein écran de la carte.
– Un plugin d’aide à l’affichage, visualisable en ➑, permet la création de clusters lorsque les pointeurs sont proches les uns des autres, afin de garantir une lisibilité plus claire de l’ensemble de la carte.
– Un dernier plugin, sans numéro, permet de descendre dans la page sans activer les fonctionnalités de la carte (zoom, défilements). Ce plugin est indispensable pour la version mobile.
Les éléments créés intégralement
– En ➎ est représenté un bouton de réinitialisation des paramètres par défaut (les mêmes qu’au chargement de la page.
Enfin, en ➑ se situe la zone ciblée par le projet. Donc celle-ci qui contient tout l’affichage des pointeurs, des polygones et lignes liés à la thématique.
Groupes de contrôle
Les groupes de contrôle sont au nombre de 3 et sont représentés par des icônes (objet) : les couches, les pointeurs ainsi que les polygones et lignes graphiques. Chaque objet se déploie lors du survol de la souris (en mode d’affichage normal), et au touché (en mode d’affichage mobile) pour offrir des choix de visualisation en fonction du besoin et ou du confort visuel.
Il faut savoir que la hauteur minimale de l’encart de la carte est basée sur le contenu de l’ensemble des groupes de contrôle déployés, afin qu’il n’y ait pas d’ascenseur vertical lors de la visualisation des choix de l’un des 3 groupes .
Couches
Dans cet objet, ont été sélectionnés les fonds de carte les plus pertinents afin de visualiser les pointeurs, polygones et ligne avec le contraste approprié. Ces fonds de carte sont des API directement appelés à la source (comme ESRI, OpenStreetMap, Google, etc.) à chaque rechargement de la page.
Il est toujours possible de les modifier à la demande. Attention tout de même à bien ajouter le copyright associé (visible en ➌).
Pointeurs
L’affichage des pointeurs sont le résultat des informations directement issues de la base de données spécifique (voir l’article "Description de la base de données").
Cette section est divisée en 2 parties : les stations d’épuration et les usagers potentiels de ces stations.
Les stations d’épuration
Elles sont sous-divisés en 3 parties :
– L’affichage de la totalité des stations (en cluster ou sans)
– L’affichage des opérations de REUT existantes (sous-devisé en 2 classements)
– L’affichage des potentiels REUT identifiés (sous-divisé en 5 classements)
Il faut bien comprendre que chaque classement est basé sur des critères indépendants. Ceci implique qu’une station d’épuration peut appartenir à plusieurs classements.
Dans l’affichage, cela se concrétise par des points de couleurs qui peuvent se superposer dans l’ordre de la sélection : la couleur visible est le dernier classement sélectionné.
Les usagers potentiels
Les usagers potentiels ne sont visibles que pour les personnes identifiés et nommés administrateur.
Les points épinglés correspondants aux usagers potentiels référencés en base de données sont affichés en fonction du choix de l’opérateur.
Des clusters peuvent peuvent apparaitre dans le cas où certains usagers se trouvent positionnés au même point géographique : ce qui est le cas de certaines industries.
Polygones, lignes
L’affichage des polygones et lignes sont le résultat de fichiers JSON (1 par choix) chargés en mode asynchrone lors du chargement de la carte.
Il est possible que le chargement prenne un peu de temps en cas de débit réseau faible : cela se concrétise par le choix impossible le temps que l’objet n’est pas complètement chargé.
Ici aussi, la multi-sélection est autorisée et dans ce cas, les différentes couches d’objets s’empilent dans l’ordre de la sélection : le dernier sélectionné est au dessus.
