Rechercher dans le blog

Un mardi, une appli #16 Cercle de rayon de 1 km pour lutter contre le coronavirus

Bonjour, aujourd'hui je vais vous présenter l'application d'Esri France du moment, présentant le périmètre d'un kilomètre dans lequel vous pouvez vous déplacer. C'est son grand retour après 6 mois de pause avec le retour du confinement. Le code intégral de l'application est retrouvable sur mon GitHub ici.

I/ L'application

L'application d'Esri France vous propose de taper votre adresse dans la barre de recherche, de cliquer sur la carte, ou de cliquer sur le bouton de géolocalisation pour que l'on vous propose de calculer votre zone de déplacement d'un rayon d'un kilomètre. Accompagné à ce cercle dessiné, vous pourrez également visualisé instantanément la zone d'isodistance de déplacement d'un kilomètre. La zone d'isodistance dessinée représente la distance à pieds que l'on peut parcourir strictement égale à 1km. Elle est donc forcément plus petite qu'un rayon à vol d'oiseau.

II/ L'aspect technique

L'application intègre de nombreux widgets de l'ArcGIS API JavaScript comme le widget Locate pour se géolocaliser directement, le widget Search pour taper son adresse ou le widget Print pour exporter et imprimer sa carte.
Lorsqu'on sera localisé, on pourra alors grâce à une popup, effectuer un calcul de son périmètre de déplacement. La classe Graphic permet de dessiner le cercle de déplacement.

Pour en savoir plus, vous pouvez retrouver mon article où j'ai déjà couvert la première version de cette application pour le 1er confinement en mars dernier.

Vous pouvez vous abonner à ce blog pour lire d'autres articles sur le développement Web d'applications cartographiques et découvrir comment notre API est une superbe alternative à Google Maps !
Vous voulez vous aussi réaliser des applications Web cartographiques et dynamiques ? N'hésitez pas à souscrire à un plan gratuit ArcGIS for Developers pour développer vos propres applications cartographiques 2D ou 3D ! Cet article résume ce que vous obtiendrez. Et pour en savoir sur l'API c'est ici.

Aucun commentaire:

Publier un commentaire