Plus à propos de Mapgears...

Mapgears labs

Matane, Une ville attractive et animée!

Un démo d’application de cartographie Web de la ville de Matane.

Preview

Objectif et origine du démo

Ce démo a pour objectif de montrer les attraits touristiques d’une ville en utilisant différentes méthodes de navigation entre une carte OpenStreetMap et des informations contextuelles. Nous avons adapté un tutoriel de Mapbox pour faire ce démo avec Leaflet.

Fonctionnalités

Plusieurs méthodes de navigation sont possibles:

  • Dérouler la liste des points d’intérêts de gauche avec la souris ou le clavier
  • Cliquer sur le point d’intérêt désiré dans la liste déroulante ou sur la carte

Nous avons aussi ajouté un lien dans la description de la Maison Horace-Bouffard permettant d’afficher le trajet pour s’y rendre à partir du bureau d’accueil touristique de Matane. De plus, sur la page couverture de la liste déroulante, un lien Flickr ouvre un diaporama de photographie provenant de ce site. Ces images sont récupérées dynamiquement sur Flickr à l’aide de leur géolocalisation et d’un critère de recherche “matane”.

Références

Pour en savoir plus à propos des technologies utilisées dans cette application, visiter leur site web respectif: Leaflet, Lightbox, jQuery, jQuery UI et OpenStreetMap.

Mots-clés de cet article