Conseils & Astuces ArcGIS Online - N°111

N° 111 - Ajouter des vidéos dans vos fenêtres contextuelles

Dans vos cartes web, les fenêtres contextuelles (popups) de vos couches d'entités peuvent être personnalisées pour afficher non seulement des valeurs d'attributs mais aussi des paragraphes de texte au contenu riche (couleurs et polices personnalisées, formules de calcul, ...) ainsi que des éléments multimédias comme des diagrammes ou des images.

  

Dans certains cas, vous aurez peut-être aussi besoin d'intégrer des vidéos. Bien qu'il ne s'agisse pas d'une capacité exposée en standard dans l'interface du portail, il existe des solutions pour pouvoir le faire en respectant certaines conditions:

• Les vidéos que vous souhaitez intégrer sont accessibles via une URL
• Les vidéos sont dans un des format suivant: MP4, WebM et Ogg
• L'url des vidéos est stockée dans un attribut de la table

La démarche sera alors la suivante:

1. Ouvrir la carte web contenant la couche d'entités pour laquelle des vidéos doivent être affichées dans la fenêtre contextuelle.
   
   Dans cet exemple, nous disposons d'une couche localisant des webcams dans Paris. Cette couche possède un attribut "URL" contenant l'url des vidéos associées à chaque webcam.
    
   
      
2. Vous allez maintenant configurer la fenêtre contextuelle de la couche à l'aide de la commande "Configurer la fenêtre contextuelle".
   
   
    
3. Paramétrer tout d'abord le titre de la fenêtre contextuelle puis sélectionner l'option "Un affichage de champ personnalisé" pour le contenu de la fenêtre.
   
   
   
   Cliquer ensuite sur le bouton "Configurer".
    
4. Une fois dans l'interface de configuration, cliquer sur le bouton permettant de basculer en mode HTML. Ce mode permet de configurer directement, à l'aide de balises HTML, le contenu de la fenêtre contextuelle.
   
   
    
5.  Saisir l'expression suivante (en remplaçant {URL} par le nom de votre attribut)
    
    
    
   Cliquer ensuite sur le bouton "OK" pour valider votre code HTML.
     
6. Cliquer à nouveau sur le bouton "OK" pour valider la configuration de la fenêtre contextuelle.
     
7. La fenêtre contextuelle est maintenant configurée, vous pouvez la tester.
   
   

On notera que la fenêtre peut contenir d'autres éléments que la seule vidéo. Le code HTML permet en effet une personnalisation assez puissante du contenu de la fenêtre contextuelle.  Les balises HTML supportées sont listées ici dans l'aide en ligne.