Besoin d'une carte interactive des emplacements des agences avec recherche par géolocalisation

Nous gérons un réseau d'agences physiques et voulons offrir aux visiteurs de notre site web un moyen rapide et visuel de trouver l'emplacement qui leur convient le mieux. Actuellement, notre page de contact se contente de lister les adresses en texte brut, ce qui est peu pratique pour quiconque essaie de déterminer quelle agence est la plus proche ou quels services sont offerts où. Nous avons besoin d'un widget de carte interactive qui place chaque agence comme un marqueur, affiche l'adresse et les heures d'ouverture dans une fenêtre contextuelle ou un panneau latéral lorsqu'un marqueur est cliqué, et se met à jour automatiquement chaque fois que nous ajoutons ou fermons un emplacement.

Au-delà de la carte de base, l'outil doit détecter la localisation du visiteur (avec permission) et mettre en évidence ou trier les agences par distance, afin que quelqu'un puisse voir instantanément quel point est le plus proche et obtenir des directions. Nous voulons également un panneau de filtre où les visiteurs peuvent affiner la liste en fonction des services disponibles à chaque agence, car toutes les agences n'offrent pas la gamme complète. Le résultat doit fonctionner sans accroc sur desktop et mobile, se charger rapidement et s'intégrer visuellement dans le design de notre site existant.

Ce que nous attendons du freelance :
— un composant de carte fonctionnel avec des marqueurs et des fenêtres contextuelles personnalisés
— un moyen convivial pour les administrateurs de mettre à jour les données des agences sans toucher au code
— recherche de l'agence la plus proche basée sur la géolocalisation avec tri par distance
— filtrage basé sur les services avec des contrôles clairs et lisibles
— mise en page réactive testée sur des tailles d'écran courantes

Veuillez partager des exemples de projets similaires de carte ou de localisateur que vous avez réalisés, ainsi que votre technologie proposée et votre calendrier.