Le blog francophone consacré
aux technologies Esri

Personnaliser les MapTips d'ArcGIS Server - 3/4

Nous avons vu dans les épisodes précédents comment personnaliser le contenu et le style d'affichage des info-bulles. Toujours sans aucun développement, il est possible d'aller encore plus loin en intégrant dans vos infos-bulles des diagrammes basés sur les données de votre Géodatabase. Pour cela, de nombreuses possibilités existent mais une des plus simples est probablement de tirer profit de l'API Google Chart. Inspiré par l'actualité du week-end, je vous propose de voir cela au travers d'un exemple basé sur les résultats du 1er tour des élections municipales, il inspirera peut être les administrateurs ArcGIS Server pour le 2ème tour.


L'API Google Chart

Depuis décembre 2007, Google a allongé sa liste d'API ouverte et gratuite (sous certaines conditions de licences) en proposant l'API Google Chart qui permet de créer dynamiquement des graphiques statistiques (histogrammes, courbes, camemberts...). Le principe est simple, vous appelez une URL, et l'API REST vous fournis une image au format PNG. La liste de tous les paramètres est disponible dans la documentation de l'API.

Imaginons que je souhaite créer un diagramme représentant les résultats dans le 1er arrondissement de Paris :

FN : 2.5 %
VERTS : 7.2 %
MODEM : 8.6 %
EXT_GAUCHE : 1.2 %
MAJORITE : 43.1 %
PS : 37.4 %

Voici les éléments de l'URL que l'on va fournir pour générer notre diagramme :
- Base : http://chart.apis.google.com/chart?
- Type de graphe : cht=p3 (Camembert 3D)
- Données : &chd=t:2.5,7.2,8.6,1.22,43.1,37.4 (Plusieurs formats sont possibles)
- Taille du résultat : &chs=320x100
- Étiquettes des données : &chl=FN¦VERTS¦MODEM¦EXT_GAUCHE¦MAJORITE¦PS
- Couleurs : &chco=C0C0C0,67B167,FEA74A,EE2D00,666AFA,FFC0FF


Voici l'URL complète pour obtenir le diagramme :


Et voici le diagramme généré par l'API Google Chart :




Afficher les diagrammes dans les MapTips

Pour afficher les diagrammes dans les infos-bulles, il suffit de rédiger l'expression correspondant à l'URL permettant de les générer. Dans cette URL, on remplacera les valeurs du diagramme par le nom des champs correspondant. Le contenu des infos-bulles étant spécifié en HTML, il faudra intégrer cette URL dans une balise de type IMG.

Dans les propriétés du contrôle MapTips (Set Body Format String), vous saisirez une expression similaire à celle-ci:


Vos info-bulles sont désormais prêtes et doivent s'afficher dans l'application.

A bientôt pour un dernier épisode concernant la gestion des info-bulles dans ArcGIS Server.

Partager cet article:

Rejoindre la discussion

    Les commentaires à propos de cet article: