Filtrer une carte/un guide à partir d'un rayon

Introduction

Une fois votre guide ou votre carte créé et configuré, vous avez la possibilité d’afficher seulement une zone géographique en la filtrant par un rayon. Pour ça, il vous suffit d’ajouter « le rayon » en paramètre du code d’intégration fourni.

Les étapes

  1. Grâce à ce tutoriel sur l’intégration d’une carte ou d’un guide, vous pouvez récupérer le code iframe (balise HTML permettant d’intégrer un widget) depuis l’interface de Storyguide, qui ressemble au code d’insertion suivant :
<iframe 
    src="https://wim.cirkwi.com/map/fr/guides/294-paris-30-tresors-meconnus?filter=objects&bounds=48.745323;1.972046;48.993735;2.725983" 
    width="550px" 
    height="350px"> 
</iframe>
    
  1. Ajoutez ensuite le rayon de la zone souhaitée grâce au paramètre filter-radius.

Le paramètre filter-radius est précédé d’un & et aura comme valeur :

    • une latitude,
    • une longitude,
    • un rayon (en km)

Ces valeurs sont séparés par des points-virgules ; dans le format suivant :

 &filter-radius=lat;lng;radius

  1. Le code modifié ressemblera à ceci :
<iframe 
    src="https://wim.cirkwi.com/map/fr/guides/294-paris-30-tresors-meconnus?filter=objects&bounds=48.745323;1.972046;48.993735;2.725983&filter-radius=48.8584442;2.725983;0.5" 
    width="550px" 
    height="350px"> 
</iframe>
    

Voilà votre carte (ou votre guide) est désormais filtrer géographiquement par un rayon, vous n’avez plus qu’à intégrer ce code Iframe dans votre site internet.