Centrer un module sur une zone géographique

Vous souhaitez gagner du temps et ne pas créer un module pour chaque page de votre site ? C’est possible !
Une fois votre module créé et configuré, vous avez la possibilité d’afficher seulement une zone de celui-ci (par rapport à une ville, ou au point géographique d’un camping par exemple). Pour ça, il vous suffit d’ajouter un centre et un rayon en paramètre du code d’intégration qui vous est fournit à la fin de la configuration : suivez les étapes ci-dessous.
Cas A – Version PHP (recommandé) :
  1. Comme pour une insertion classique, récupérez depuis l’interface le code d’insertion PHP du type :
    <?php $code_html = file_get_contents(« https://www.modulesbox.com/fr/api/module/XXX?mb_clef=XXX& ».$_SERVER[« QUERY_STRING »]); echo $code_html; ?>
  2.  Ajoutez ensuite en paramètre le centre (latitude + longitude séparées par un point-virgule) et le rayon de la zone sur laquelle le module doit se centrer. Le code devrait alors ressembler à ça :
    <?php $code_html = file_get_contents(« https://www.modulesbox.com/fr/api/module/XXX?mb_clef=XXX&mb_centre=LATITUDE;LONGITUDE&mb_rayon=DISTANCE EN METRES&« .$_SERVER[« QUERY_STRING »]); echo $code_html; ?>
Cas B – Version JavaScript :
  1. Comme pour une insertion classique, récupérez depuis l’interface le code d’insertion PHP du type :
    <script type= »text/javascript » src= »https://www.modulesbox.com/js/module-loader.js » id= »mb-module-loader »></script> <script type= »text/javascript »>     mbLoadModule({ id: XXX ,locale: ‘fr’}); </script> <div id= »mb-module-xxx »></div>
  2. Ajoutez ensuite en paramètre le centre (latitude + longitude séparées par un point-virgule) et le rayon de la zone sur laquelle le module doit se centrer. Le code devrait alors ressembler à ça :
    <script type= »text/javascript » src= »https://www.modulesbox.com/js/module-loader.js » id= »mb-module-loader »></script> <script type= »text/javascript »>     mbLoadModule({ id: XXX, locale: ‘fr’, params: { mb_centre: ‘47.666667;-2.75’,  mb_rayon: DISTANCE_EN_METRES } }); </script> <div id= »mb-module-xxx »></div>

 

Leave a Comment