Filtrer mon widget sur une zone rectangulaire, par bounds – via le code d’intégration

Introduction

Ce tutoriel technique vous permettra de filtrer le contenu affiché sur votre carte en fonction d’un « bounds » représentant le rectangle à filtrer.

Les coordonnées à à renseigner correspondent à deux points du rectangle. Le premier en bas à gauche, et le second en haut à droite.

Cas A – Version PHP (recommandé)

  1. Récupérez le code d’insertion PHP depuis votre interface de gestion de widgets, il devrait ressembler à ça :
<?php
$code_html = file_get_contents("https://www.modulesbox.com/fr/api/module/XXX?mb_key=XXX&".$_SERVER["QUERY_STRING"]);
echo $code_html;
?>
  1. Ajoutez ensuite un paramètre mb_bounds_filter qui correspond au bounds au format :

latitude_min;longitude_min;latitude_max;longitude_max
(coordonnées séparées par des points-virgules)

  1. Le code devrait donc ressembler à ça :
<?php
$code_html = file_get_contents("https://www.modulesbox.com/fr/api/module/XXX?mb_key=XXX&mb_bounds_filter=46.400935;1.564178;47.318345;4.200897&".$_SERVER["QUERY_STRING"]);
echo $code_html;
?>

Votre carte possède maintenant uniquement les parcours/poi qui sont situés dans le rectangle choisi.

Cas B – Version JavaScript

  1. Récupérez le code d’insertion JavaScript depuis votre interface de gestion de widgets, il devrait 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"});
</script>
<div id="mb-module-XXX"></div>
  1. Ajoutez ensuite un paramètre mb_bounds_filter qui correspond au bounds au format :

latitude_min;longitude_min;latitude_max;longitude_max
(coordonnées séparées par des points-virgules)

  1. Le code devrait donc 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_bounds_filter : "46.400935;1.564178;47.318345;4.200897"
	}});
</script>
<div id="mb-module-XXX"></div>

Votre carte possède maintenant uniquement les parcours / points d’intérêt qui sont situés dans le rectangle choisi.