30 avril 2012

ArcGIS Online - Intégrer vos cartes dans Facebook

L'une des principales caractéristiques des cartes web ArcGIS Online c'est de pouvoir les utiliser dans tous types d'applications (bureautiques, web ou mobiles) sur tous types d'appareils (PC, Mac, iPhone, iPad, appareils Android, appareils Windows Phone, PDA Windows Mobile, Blackberry, …). Les cartes ArcGIS Online peuvent notamment être encapsulées facilement dans vos sites web, vos blogs et même dans vos pages Facebook. 


Maintenant que votre blog préféré dispose désormais de sa page Facebook, j'ai testé comment insérer une de mes cartes ArcGIS Online dans la page Facebook d'arcOrama. Ci-dessous la démarche à suivre si vous souhaitez en faire autant. 

A l'aide d'un compte ArcGIS Online standard (gratuit), j'ai réalisé une carte web de quelques parcours de VTT réalisés la semaine dernière. Celle-ci a été créée à partir du fond de carte Topographie d'ArcGIS Online et en important quelques fichiers GPX capturés avec mon iPhone et l'application MotionX GPS. Vous trouverez ici les détails sur cette carte. 


Pour pouvoir insérer une carte ArcGIS Online dans Facebook, vous devez disposer d'une page et d'une application peremttant l'insertion de code HTML. Pour ma part, j'ai utilisé l'application Static Iframe Tab distribuée par Woobox, mais il en existe d'autres qui sont également gratuites. 

Pour installer cette application rechercher simplement "Woobox" dans la zone de recherche de votre page Facebook. 


Une fois l'application installée, il vous suffit d'insérer le code d'encapsulation par une opération de copier/coller à partir de votre carte sur ArcGIS Online. 

Pour cela, vous devez ouvrir votre carte dans le viewer intégré d'ArcGIS Online (ou avec ArcGIS Explorer Online) et vous assurez que cette dernière est partagée en mode "public". Une fois dans la boîte de dialogue "Partager", cliquez sur le bouton "Incorporer dans un site Web". Vous indiquerez ensuite la dimension de la carte et les éléments qu'elle devra contenir. Une fois terminé, vous copierez ensuite le bloc de code (sélection du code puis CTRL+C). 


Dans Facebook, vous afficherez les paramètres de l'onglet contenant l'application Static Iframe Tab, puis vous y collerez le bloc de code HTML. Enregistrez ces propriétés et le tour est joué !


Vous pouvez consulter la page Facebook et visualiser le résultat !




1 commentaire:

Anonyme a dit…

Bonjour,

Attention à l'URL du lien "Agrandir la carte" qui pointe vers la carte et non vers l'application web.

Guillaume