Carte intéractive
Carte
Projet en ligne

Carte intéractive

Cette technologie offre l’affichage de cartes interactives en très haute résolution tout en réduisant les coûts réseau et les ressources matérielles.

Dossier projet
16 / 26
·
Tourisme · Carte interactive · PostgreSQL
2023
01
Contexte

Le projet

Secteur
Tourisme
Solution
Carte interactive / Application web
Démarrage
2023
Durée
2 mois
En ligne

Cette technologie, développée par l'agence HWS pour l'application web et mobile Henri Trip, permet d'afficher des cartes interactives de très haute résolution tout en minimisant les coûts réseau et les ressources matérielles. À l'instar des systèmes GPS comme Google Maps, nous ne chargeons pas l'intégralité de la carte à l'affichage, mais uniquement la partie visualisée par l'utilisateur. De plus, une version allégée est chargée lors du zoom le plus éloigné, afin de ne charger en haute résolution que les tuiles pertinentes pour l'utilisateur. Cette carte interactive offre la possibilité d'afficher du contenu multimédia (texte, image, audio) et est entièrement responsive, s'adaptant ainsi aux formats mobiles et desktop. L'intégration de cette carte est extrêmement simple grâce à l'utilisation d'une <iframe>.

02
02
Approche

Notre intervention

Une carte interactive haute performance, pensée pour le voyage et l'expérience utilisateur

Contexte

Pour enrichir l’expérience de navigation des utilisateurs de l’application Henri Trip, HWS a développé une carte interactive de nouvelle génération, à la fois légère, fluide et capable d’afficher du contenu riche. L’enjeu : permettre aux voyageurs de découvrir une destination à travers une interface visuelle agréable, rapide, et totalement responsive — même sur des connexions réseau limitées.

Notre solution

Inspirée des systèmes de cartographie de type Google Maps, notre technologie repose sur un système de chargement progressif des tuiles, en fonction du niveau de zoom et de la zone visible à l’écran. Nous avons intégré :

  • Un mode allégé pour les zooms éloignés,
  • Un chargement haute définition intelligent pour les tuiles utiles,
  • Et une compatibilité parfaite avec le mobile et le desktop.

Fonctionnalités clés

  • Chargement dynamique uniquement des zones visualisées
  • Intégration de contenu multimédia : texte, images, audio
  • Responsive design : UX mobile et desktop parfaitement optimisée
  • Intégration simple via iframe, sans surcoût de complexité pour le client
  • Performances stables même avec des dizaines de points d’intérêt

Résultat

Grâce à cette solution, Henri Trip propose une carte unique en son genre, qui guide l’utilisateur dans son parcours touristique tout en s’adaptant à son usage. Un outil stratégique pour améliorer l’immersion et la découverte, tout en garantissant une performance optimale sur tous les supports.

03
Outils

Stack technique

PostgreSQL, Iframe, React, Leaflet
Grâce à la technologie d'HWS intégrée dans Henri Trip, nous bénéficions de cartes interactives ultra-résolues sans impacter nos coûts réseau. L'affichage dynamique et responsive ainsi que l'intégration facile révolutionnent notre expérience utilisateur.
Office de Tourisme de Mazamet
On passe à la suite

À votre tour de marquer les esprits.

Parlons de votre site ou de votre application — et de la façon dont on peut lui donner la même intensité.