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: 'LATITUDE;LONGITUDE',  mb_rayon: DISTANCE_EN_METRES }  });  
    </script> <div id="mb-module-xxx"></div>

 

Leave a Comment