Le blog francophone consacré
aux technologies Esri

L'API ArcGIS for JavaScript passe en version 3.16

L'API ArcGIS for JavaScript continue son évolution avec une nouvelle version 3.16 disponible depuis quelques jours. Cette mise à jour propose à la fois des améliorations, des corrections et des nouvelles fonctionnalités. Ces évolutions concernent essentiellement les widgets Feature Table, Directions et Measurement ainsi que le support amélioré des fonds de cartes vectoriels. Je vous propose un rapide tour des principales évolutions.

  
Table attributaire des couches

D'importantes évolutions ont été apportées au widget "FeatureTable", widget permettant à l'utilisateur d'afficher les tables attributaires des couches de la carte, pour apporter une interface plus claire et plus puissante fonctionnellement. Parmi ces évolutions on pourra citer l'ajout de capacités de mise à jour directement dans les cellules de la table.


Pour activer ces capacités de mise à jour dans la table, vous mettrez le paramètre "editable" à "true" dans le constructeur du widget. Pour découvrir et comprendre comment utiliser ces nouvelles capacités, 2 exemples ont été ajoutés:
   

Désormais, les champs peuvent être personnalisés pour afficher les valeurs dans des formats personnalisés et rendu modifiable (ou non), ceci par un paramétrage champ par champ. Le menu "Options"de la table peut dorénavant être personnalisé pour contenir des commandes spécifiques à votre application et exécuter votre propre code.
  
  
Calcul d'itinéraires 

L'expérience utilisateur du widget "Directions" a été repensée pour permettre aux utilisateurs d'ajouter et de déplacer des points de passage à l'itinéraire calculé. Ce dernier est alors recalculé automatiquement. Lorsque l'utilisateur déplace un segment ou un point de passage, une info-bulle l'informe immédiatement du temps de trajet et de la distance qui se trouve alternée par rapport à l'itinéraire initial.

Des symboles de flèches représentant les directions et les manoeuvres s'affichent désormais automatiquement au survol de l'itinéraire.

 
 
Outils de mesure

Le widget "Measurement" affiche maintenant les distances pour chaque segment dessiné par l'utilisateur lors du déplacement de la souris et non plus uniquement lors du clic. Les mesures réalisées à très grandes échelles sont désormais plus précises.

  
Un nouveau thème "Calcite"

L'API fournit en standard plusieurs thèmes pour vous permettre de donner rapidement un thème graphique à votre application. La version 3.16 introduit un nouveau thème nommé "Calcite". Plusieurs exemple de l'aide en ligne reprennent ce nouveau thème comme, par exemple, le sample "Measurement".


Pour utiliser ce nouveau thème, vous remplacerez simplement le style standard esri.css par les fichiers css indiqués ci-dessous:

Puis définir la classe du body html à "calcite":


A noter que ce thème est en version beta et qu'il n'est pas encore supporté par tous les composants de l'API. Les widgets suivants sont supportés: BasemapGallery, BasemapToggle, Bookmarks, Directions, HomeButton, LayerSwipe, Legend, LocateButton, Measurement, OverviewMap, Popup, Print, ScaleBar, et Search.


Fonds de cartes vectoriels 

Les fonds de cartes vectoriels sont disponibles sur ArcGIS Online via le groupe "Esri Vector Basemaps (Beta)". En version 3.16, vous pouvez maintenant accéder à ces nouveaux types de fonds de cartes par leur nom (et non plus uniquement en déclarant préalablement une couche de tuiles vectorielles par l'url du fichier json de style). Ainsi, vous utiliserez désormais la même syntaxe quel que soit le type de fond de carte. Les fonds de cartes vectoriels se déclarent en ajoutant une des chaînes suivantes dans la propriété "basemap" du constructeur de la classe "Map"dark-gray-vector | gray-vector | streets-navigation-vector | streets-night-vector | streets-relief-vector | streets-vector | topo-vector
   
Par exemple, ci-dessous, le code permettant d'afficher le fond de carte vectoriel avec le style 'Navigation":


  

Nouveaux exemples de code

Les exemples de code ci-dessous ont également été ajouté dans cette version 3.16.
  

  

Autres évolutions

Pour découvrir la liste complète des nouveautés et des corrections apportées dans cette version 3.16, vous pouvez consulter la page What's New de l'aide en ligne.

Partager cet article:

Rejoindre la discussion

    Les commentaires à propos de cet article: