Vous pouvez incorporer des pages Insights partagées dans le code HTML à l’aide de la balise <iframe>. Un iframe (inline frame) vous permet d’intégrer un document HTML dans un autre document (page). Vous pouvez configurer un iframe de deux manières : optimisez un iframe à incorporer dans ArcGIS StoryMaps ou personnalisez un iframe qui peut être intégré dans des sites Web ou d’autres applications ArcGIS.
Configurer un iframe
Un iframe est généré lorsque vous partagez une page.
Pour configurer un iframe, procédez comme suit :
- Suivez la procédure de partage d’une page.
- Dans la fenêtre Page shared successfully (Page correctement partagée), sous Embed (Incorporer), cliquez sur le bouton Options pour afficher les options iframe. Sélectionnez ArcGIS StoryMaps ou Custom iFrame (iFrame personnalisé).
- Sous Size (Taille), ouvrez le menu et sélectionnez une taille.
Pour ArcGIS StoryMaps, les options de taille sont Default (Par défaut) et Custom (Personnalisée). Pour Custom iFrame (iFrame personnalisé), les options de taille sont Small (Petite), Medium (Moyenne), Large (Grande) et Custom (Personnalisée).
- Cliquez sur le bouton Copy (Copier) pour copier l’iframe.
Vous pouvez copier l’iframe dans le code HTML ou dans une application qui prend en charge l’intégration d’iframes.
Iframes ArcGIS StoryMaps
Vous pouvez optimiser des pages partagées pour les incorporer dans StoryMaps.
Le bloc Embed (Incorporer) dans le générateur de récits comporte trois options de taille : petite, moyenne et grande. Les iframes optimisés pour StoryMaps remplissent la largeur du bloc. Pour de meilleurs résultats, ajustez la taille du bloc Embed (Incorporer) et la largeur de la page Insights comme suit :
| Taille du bloc Embed (Incorporer) | Largeur de la page Insights maximale |
|---|---|
Petite | Taille par défaut équivalente à deux fiches |
Moyenne | Taille par défaut équivalente à trois fiches |
Grande | Taille par défaut équivalente à quatre fiches |
Si la taille de la page Insights est plus large que le bloc Embed (Incorporer), des barres de défilement apparaissent.
Les tailles d’iframe suivantes sont disponibles pour les iframes ArcGIS StoryMaps :
| Taille | Dimensions | Description |
|---|---|---|
Par défaut | Largeur = 100 % Hauteur = 100 % | La taille de l’iframe est adaptée aux dimensions par défaut d’un bloc Embed (Incorporer) (petite, moyenne ou grande) dans le générateur de récits. |
Personnalisée | Largeur = 100 % Hauteur = Hauteur des fiches sur la page | La taille de l’iframe est adaptée à la largeur du bloc Embed (Incorporer) (petite, moyenne ou grande) et à la hauteur des fiches sur la page Insights. La hauteur d’un iframe personnalisé peut être modifiée ; elle prend en charge les pixels et les pourcentages. |
Iframes personnalisés
Il est possible d’incorporer les iframes personnalisés dans la plupart du code HTML, y compris le code des sites Web et des produits ArcGIS comme ArcGIS Experience Builder, ArcGIS Dashboards et ArcGIS Hub.
Remarque :
Il est recommandé d’utiliser une seule fiche dans un petit iframe lorsque vous incorporez du contenu Insights dans Experience Builder pour optimiser l’affichage sur des appareils de moyenne ou de petite taille.
Les tailles d’iframe suivantes sont disponibles pour les iframes personnalisés :
| Taille | Dimensions | Description |
|---|---|---|
Petite | Largeur = 420 pixels Hauteur = 420 pixels | Taille d’une seule fiche de carte, de diagramme ou de table de taille par défaut. Si la taille de la page partagée est supérieure aux dimensions de l’iframe, des barres de défilement apparaissent. |
Moyenne | Largeur = 830 pixels Hauteur = 830 pixels | Taille de quatre fiches de taille par défaut, organisées en deux lignes de deux fiches. Si la taille de la page partagée est supérieure aux dimensions de l’iframe, des barres de défilement apparaissent. |
Large (Grande) (par défaut) | Largeur = 100 % Hauteur = 100 % | Taille réelle de l’élément iframe dans le code HTML. |
Personnalisée | Largeur = Largeur des fiches sur la page Hauteur = Hauteur des fiches sur la page | Dimensions des fiches, en pixels, sur la page pour que la page entière soit visible sans barre de défilement. La hauteur et la largeur d’un iframe personnalisé peuvent être modifiés ; elles acceptent les pixels et les pourcentages. |
Ressources
Utilisez les ressources suivantes pour en savoir plus sur l’intégration d’iframes dans les applications ArcGIS :
- Incorporer une vidéo, un réseau social et des iframes dans ArcGIS Hub
- Widget Embed (Incorporer) dans ArcGIS Experience Builder
- Ajouter un média dans ArcGIS StoryMaps
- Insights iframe guide
- Texte enrichi dans ArcGIS Dashboards
Vous avez un commentaire à formuler concernant cette rubrique ?