Carte interactive pour la ville de Nouméa
La maquette d’application de cartographie Web que Mapgears et ses partenaires SiGéO et SCSI ont proposé à la ville de Nouméa.
La demande d’origine
Pendant l’automne 2012, la ville de Nouméa en Nouvelle-Calédonie était en phase de refaire une beauté à son site Web. Du même coup, ils avaient besoin d’une application de cartographie Web pour rendre disponible leurs données géospatiales au grand public.
Mapgears a été appelée à produire une maquette de cette application en partenariat avec SiGéO et SCSI, des entreprises locales de Nouvelle-Calédonie.
Les technologies utilisées
L’application a été construite entièrement avec des technologies à licence libre. La partie Web est basée sur OpenLayers comme moteur cartographique principal et se marie avec GeoExt et ExtJS pour offrir des outils tels que les curseurs d’opacité et de niveau de zoom.
La partie serveur comprend MapServer pour dessiner la carte ainsi que la légende. Celle-ci a été tuilée et servie par MapCache. Une couche vectorielle de travaux publics est servie par TinyOWS en mode éditable à l’aide du protocole de l’OGC WFS-T. L’outil de routage est basé sur pgRouting pour calculer les chemins les plus courts en utilisant la donnée de la ville tout en contournant les travaux lorsque possible. Le module MapFish Print permet l’exportation de la carte en PDF.
Le résultat est très impressionnant!
Quelques outils particulièrement intéressants
Voici quelques détails supplémentaires concernant certains outils particulièrement intéressants.
Consultation des lieux d’intérêt et recherches
La consultation des lieux d’intérêt de la ville est très intuitive. Ils sont classés en catégories accessibles par des boutons avec menus déroulant en haut de la carte. En quelques clics, on obtient un résultat filtré en fonction du type de lieu recherché. Un clic sur un enregistrement retourné recentre la carte sur cet élément qui est dorénavant surligné et une info-bulle affiche les informations le concernant.
Un autre moyen d’obtenir l’information est à l’aide de l’outil de recherche par saisie de texte. Les résultats obtenus suivent la même logique que précedemment. Ce type de requête cherche dans toutes les données disponibles.
Un dernier outil de recherche spatiale, disponible en haut à droite de l’interface, permet d’obtenir une liste de lieux d’intérêt dans un rayon donné à partir du centre de la carte.
Calcul d’itinéraire
Une fois l’outil activé, un premier clic dans la carte détermine le lieu de départ et le second le lieu d’arrivée. Le chemin le plus court est calculé et dessiné dans la carte. Ce qui intéressant est que l’outil tient compte de la présence des travaux et les considère dans ses calculs. Dans l’exemple ci-bas, la rue du Pasteur Maurice LEENHARDT est en réparation tel qu’indiqué par le marqueur. L’outil considère donc que de faire un détour est un meilleur parcours.
Astuces MapServer
Le rendu de la carte est très joli, particulièrement grâce à l’effet de couleur dégradée et de la symbologie SVG. Simon Mercier explique plus en détail la recette pour Produire un effet de couleur dégradée avec MapServer dans son blogue. La Symbologie SVG est supportée depuis MapServer 6.2 et augmente considérablement la qualité des symboles de la carte.
Voir l’application en action
Vous pouvez voir l’application en action et avoir un feeling de son niveau de professionalisme. Vous pouvez également regarder cette vidéo qui explique en large ses fonctionnalités et comment s’en servir.
Références
Pour en savoir plus à propos des technologies utilisées dans cette application, visiter leur site web respectif: ExtJS, GeoExt, OpenLayers, MapFish PrintMapServer, MapCache, pgRouting et TinyOWS.