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
- 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>
- 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)
- 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 !