Intégration standard
Les développeurs Web peuvent utiliser l’intégration standard pour ajouter un élément ArcGIS StoryMaps à un blog, un site ArcGIS Hub ou une page sur le site Web de votre organisation.
L’intégration standard est réalisée à l’aide d’une balise HTML <iframe> afin que l’élément StoryMaps d’ArcGIS soit chargé dans un volet de la page Web principale. L’intégration standard ne permet pas de personnaliser l’élément ArcGIS StoryMaps intégré autrement qu’à travers des modifications apportées par des paramètres d’URL.
Activer l’intégration standard
L’intégration standard est disponible pour tout élément publié sur ArcGIS StoryMaps qui est partagé avec tout le monde.
Important :
Pour intégrer un récit sur une autre page Web, il doit être partagé avec tout le monde.
Copier l’extrait de code d’intégration
Une fois l’élément ArcGIS StoryMaps publié et partagé avec tout le monde, utilisez les étapes suivantes pour obtenir l’extrait de code nécessaire à son intégration.
Modifiez l’élément ArcGIS StoryMaps.
Cliquez sur le bouton More (Plus) ⋯ dans l’en-tête, puis sélectionnez Embed this story (Intégrer ce récit).
Avant de copier le code d’intégration, ajustez les paramètres Embed options (Options d’intégration) pour afficher ou masquer l’en-tête ou la couverture.
Remarque :
L’en-tête est masqué lors de l’intégration d’un élément ArcGIS StoryMaps (sauf pour les collections), mais vous pouvez forcer son affichage en mettant à jour les paramètres Embed options (Options d’intégration).
Cliquez sur Copier.
Le code d’intégration est copié.
Vous pouvez également trouver le code d’intégration en affichant un élément publié dans le menu Share (Partager) de l’onglet Embed (Intégrer).
L’extrait de code est fourni sous forme d’une balise HTML <iframe> similaire à celle présentée ci-dessous. Insérez le code d’intégration sur la page HTML où vous souhaitez ajouter l’élément ArcGIS StoryMaps. Vous pouvez ajuster les paramètres height et width selon les besoins.
<iframe src="https://storymaps.arcgis.com/stories/[StoryMapItemID]" width="100%" height="500px" frameborder="0" allowfullscreen allow="geolocation"></iframe>