1. Après avoir ajouté la couche des communes dans la carte, nous allons ajouter un bloc de contenu "Arcade" dans la fenêtre contextuelle de cette dernière.
   
   
   
   
   
2. Pour plus de clarté, nous donnons un titre explicite "Communes limitrophes et population" à cette nouvelle expression Arcade.
   
   
   
   
   
3. L'expression Arcade à saisir dans l'éditeur est alors la suivante :
   
   

   Expects($feature,"*")
   
   // Nom du champ contenant le nom des entités
   var field_name = "NOM"
   // Nom du champ contenant la valeur supplémentaire souhaitée
   var field_value = "POPULATION"
   
   // Récupération de la géométrie surfacique de l'entité
   var my_polygon = Geometry($feature)
   // On recherche les entités qui intersectent cette géométrie
   var result_featureset = Intersects($layer,my_polygon)
   
   // On commence à construire la chaîne HTML pour le contenu 
   // de la fenêtre contextuelle
   var str_HTML = "Les communes limitrophes de <b>" + 
                  Text($feature[field_name]) + 
                  " (" + Text($feature[field_value]) + 
                  " hab.)</b> sont les suivantes :<br/>"
   
   // On démarre une liste à puces HTML
   str_HTML += "<ul>"
   
   //On boucle sur chaque entité limitrophe
   for (var feat in result_featureset){
     // On retire l'entité elle-même de la liste
     if(Text(feat[field_name]) != Text($feature[field_name])){
       // On ajoute la ligne pour chaque entité limitrophe
       str_HTML += "<li>" + Text(feat[field_name]) + 
                   " (" + Text(feat[field_value]) + 
                   " hab.)</li><br/>"
     }
   }
   
   // On termine la liste à puces HTML
   str_HTML += "</ul>"
   
   // On renvoie la chaîne HTML
   return { 
   	type : 'text', 
   	text : str_HTML 
   }
   

   
   
4. Notre couche de communes affiche désormais le nom et la population de la commune cliquée ainsi que le nom et la population des communes adjacentes.
   
   

   

   
   
5. Il ne vous reste plus qu'à personnaliser cette expression pour l'adapter à vos données et à vos besoins.

Expects($feature,"*")

// Fonction de tri de tableau par ordre croissant
function compareValeurs(a,b){
  if (a[field_value]<b[field_value])
    return -1;
  if (a[field_value]>b[field_value])
    return 1;
  return 0;
}

// Nom du champ contenant le nom des entités
var field_name = "NOM"
// Nom du champ contenant la valeur supplémentaire souhaitée
var field_value = "POPULATION"

// Récupération de la géométrie surfacique de l'entité
var my_polygon = Geometry($feature)
// On recherche les entités qui intersectent cette géométrie
var result_featureset = Intersects($layer,my_polygon)

// On boucle sur chaque entité limitrophe pour construire un tableau
// afin de pouvoir ensuite faire un tri
var result_array = []
for (var feat in result_featureset){
  // On retire l'entité elle-même de la liste
  if(Text(feat[field_name]) != Text($feature[field_name])){
    // On ajoute la ligne au tableau
    var d = {}
    d[field_name] = feat[field_name] 
    d[field_value] = feat[field_value]
    Push(result_array,d)
  }
}

// On trie le tableau par ordre croissant sur la population
result_array = Sort(result_array,compareValeurs)

// On commence à construire la chaîne HTML pour le contenu 
// de la fenêtre contextuelle
var str_HTML = "Les communes limitrophes de <b>" + 
               Text($feature[field_name]) + 
               " (" + Text($feature[field_value]) + 
               " hab.)</b> sont les suivantes :<br/>"


// On démarre une liste à puces HTML
str_HTML += "<ul>"

//On boucle sur chaque entité limitrophe
for (var i in result_array){
  // On ajoute la ligne pour chaque entité limitrophe
  str_HTML += "<li>" + Text(result_array[i][field_name]) + 
              " (" + Text(result_array[i][field_value]) + 
              " hab.)</li><br/>"
  }

// On termine la liste à puces HTML
str_HTML += "</ul>"

// On renvoie la chaîne HTML
return { 
  type : 'text', 
  text : str_HTML 
}

La fenêtre contextuelle affiche maintenant la liste des communes adjacentes par ordre croissant de population :

1. Après avoir ajouté notre couche de capteurs dans la carte, nous allons activer l'affichage des étiquette puis ajouter une première classe d'étiquette.
   
   
   

   
   
2. Pour plus de clarté, nous renommons cette classe d'étiquettes en "Batterie > 20%".
   
   
   
   
   
3. Nous indiquons ensuite l'expression Arcade permettant de construire le texte de l'étiquette. Dans notre cas, nous souhaitons ajouter le caractère "%" derrière la valeur de l'attribut "battcap". 
   
   Nous cliquons sur le bouton permettant de saisir une expression Arcade pour le texte de l'étiquette :
   
   

   

   
   

   Nous saisissons l'expression : $feature.Batterie + " %"

   
   

   

   
   
4. Nous allons ensuite définir le filtre pour cette classe d'étiquette pour n'afficher des étiquettes que sur les capteurs ayant une charge supérieure à 20%.
   
   Nous cliquons donc sur le bouton "Modifier le filtre des étiquettes" :
   
   
   
   Puis vous définirez le filtre correspondant à cette classe d'étiquettes :
   
   
   
   
5. Pour finaliser la définition de cette classe d'étiquettes, il nous reste à spécifier les options de rendu. Nous souhaitons afficher le texte en vert foncé sur un fond vert clair :
   
   Nous cliquons tout d'abord sur le bouton "Modifier le style des étiquettes" :
   
   

   

   
   Puis nous définissons les couleurs et les options de placement souhaitées pour les étiquettes de cette classe :
   
   

   

   
   
6. Pour gérer l'affichage des étiquettes des capteurs ayant une batterie chargée à 20% ou moins, la stratégie consiste tout simplement à dupliquer la classe que vous venez de créer puis, dans un deuxième temps, à adapter les propriétés de cette seconde classe d'étiquettes.
   
   Vous utiliserez pour cela cette commande "Dupliquer" :
   
   

   
   
   
7. Il nous ne reste plus qu'à modifier le nom de la classe d'étiquettes (ici "Batterie ≤ 20%"), le filtre et les couleurs pour obtenir le rendu souhaité pour cette seconde classe d'étiquettes.
   
   
   

   

   
   
8. Notre couche de capteurs affiche désormais deux classes d'étiquettes pour différencier les batteries en fonction de leur niveau de charge.