Le blog francophone consacré
aux technologies Esri

Plus de symboles pour vos applications ArcGIS en JavaScript

Si vous êtes un développeur d'application web avec l'API JavaScript ArcGIS et que vous avez utilisé le visualiseur de carte d'ArcGIS.com, vous aurez constaté la richesse des symboles ponctuels proposés aux auteurs de Web Maps. Si vous souhaitez utiliser ces symboles dans votre propre application JavaScript ArcGIS, vous pouvez certes utiliser des outils comme Firebug, Chrome Developer tools ou encore Fiddler pour déterminer l'URL des images correspondant à ces symboles, mais il y a beaucoup plus simple.

Désormais vous allez pouvoir très rapidement insérer ces symboles dans votre code JavaScript à l'aide l'application suivante. Cette application permet de sélectionner la catégorie puis le symbole souhaité et d'affiche la chaîne JSON correspondant à la définition de ce symbole.


Dans le code JavaScript de votre page HTML, vous pourrez alors créer un nouvel objet PictureMarkerSymbol et coller la chaîne JSON dans le constructeur. Par exemple, pour le symbole ci-dessous, votre code HTML sera le suivant:

var infoSymbol = new esri.symbol.PictureMarkerSymbol({
 "angle": 0,
  "xoffset": 0,
 "yoffset": 0,
 "type": "esriPMS",
 "url":                                                                     "http://static.arcgis.com/images/Symbols/PeoplePlaces/Light.png",
 "contentType": "image/png",
 "width": 24,
 "height": 24
});


L'application propose deux options pour générer l'image du symbole. Soit par référence avec l'URL de l'image, soit en encapsulant (en Base64) la représentation de l'image dans la chaîne JSON. Cette deuxième option permet de ne pas générer de requête HTTP pour afficher l'image et permet, par exemple, à votre code de fonctionner même sans accès internet.

Partager cet article:

Rejoindre la discussion

    Les commentaires à propos de cet article: