Création d’une carte interactive OpenStreetMap

Carte interactive OpenStreetMap et Leaflet pour localiser les projets d'une agence d'architecture située à Colmar en Alsace

Le projet

Création d’une carte interactive OpenStreetMap* pour le site internet mongiello-plisson.com
Localisation de tous les projets réalisés par l’agence d’architecture Mongiello & Plisson à Colmar.

Fonctionnalités

  • Aperçu du projet directement sur la carte (Photo, Nom, Ville et Date)
  • Lien direct vers la page dédiée au projet
  • Lien direct vers le lieu sur Google Maps
  • Recherche d’un projet par Nom ou par Ville
  • Liste des réalisations pour localiser et accéder rapidement à un projet
  • Mise à jour instantanée de la Liste selon le niveau de Zoom
  • Design responsive : s’adapte à tous les écrans
  • Réciproquement depuis la page d’un projet : lien pour accéder à sa localisation sur la carte

Technique

OpenStreetMap* + Leaflet* + développement Javascript

*OpenStreetMap

OpenStreetMap est un projet cartographique libre et gratuit (à la différence de Google Maps).

*Leaflet

Leaflet est une bibliothèque JavaScript libre. Elle est notamment utilisée par le projet OpenStreetMap.