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>