Filtrer une carte/un guide sur une zone géographique (lat/lng)

Introduction

Une fois votre guide ou votre carte créé et configuré, vous avez la possibilité de le filtrer sur une zone géographique. Pour cela, il vous suffit d’ajouter : 

  • les coordonnées du centre de la zone
  • ainsi qu’un niveau de zoom 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 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 : 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 :
<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%27,%27script%27,%27wimWidget%27);
    wimWidget.load([{
        "widget-id":"0101",
        "params":{
             "lat": LATITUDE,
             "lng": LONGITUDE,
             "zoom": ZOOM
       }
    }]);
</script>
    
  1. Ajoutez ensuite, à la suite du code, le niveau de zoom souhaité avec les coordonnées du point central, grâce aux paramètres :
    • lat (de -90 à 90),
    • lng (de -180 à 180) et
    • zoom (de 1 à 18)
  1. Le code devrait donc ressembler à 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%27,%27script%27,%27wimWidget%27);
    wimWidget.load([{
        "widget-id":"0101",
        "params":{
             "lat": 48.8584442,
             "lng": 2.2943516,
             "zoom": 13 
       }
    }]);
</script>
    

Voilà, votre carte (ou votre guide) est désormais filtrer sur une zone géographique. Vous n’avez plus qu’à intégrer ce code Iframe dans votre site internet !