Filtrer une carte/un guide à partir d'un rayon (filter-radius)
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.
- Grâce à ce tutoriel sur l’intégration d’une carte ou d’un guide, vous pouvez récupérer le code Java Script (Il s’agit du code que vous trouverez dans votre administration ) cette balise HTML permet d’intégrer un widget depuis l’interface de Storyguide, qui ressemble au code d’insertion suivant :
<div class="wim-container" id="wim-widget-0101"></div>
<script type="text/javascript">
(function(_,c,i,r,k,w,I){if(!_[k]){_[k]={load: function(e){_[k].q=(_[k].q||[]).concat(e)}};w=c.createElement(r),I=c.getElementsByTagName(r)[0];w.async=1;w.src=i;I.parentNode.insertBefore(w,I)}})(window,document,'https://widget.wim.cirkwi.com/build/widget-loader.js','script','wimWidget');
wimWidget.load([{"widget-id":"0101"}])
</script>
- Ajoutez ensuite le rayon de la zone souhaitée grâce au paramètre filter-radius.
Le paramètre filter-radius aura comme valeurs:
- une latitude,
- une longitude,
- un radius (rayon en km)
Ces valeurs sont séparés par des virgules , dans le format suivant :
- Ajoutez ensuite le rayon de la zone souhaitée grâce au paramètre filter-radius.
Le paramètre filter-radius aura comme valeurs:
- une latitude,
- une longitude,
- un radius (rayon en km)
Ces valeurs doivent être renseignées dans un tableau javascript, au format suivant :
« filter-radius »: [LATITUDE, LONGITUDE, RADIUS]
- Le code modifié ressemblera à ceci :
<div class="wim-container" id="wim-widget-0101"></div>
<script type="text/javascript">
(function(_,c,i,r,k,w,I){if(!_[k]){_[k]={load: function(e){_[k].q=(_[k].q||[]).concat(e)}};w=c.createElement(r),I=c.getElementsByTagName(r)[0];w.async=1;w.src=i;I.parentNode.insertBefore(w,I)}})(window,document,'https://widget.wim.cirkwi.com/build/widget-loader.js','script','wimWidget');
wimWidget.load([{
"widget-id":"0101",
"params":{
"filter-radius": [LATITUDE, LONGITUDE, RADIUS]
}
}]);
</script>
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.