SocialMap: Como Unir o Foursquare, ArcGIS Online e o Facebook? – Parte 2

Geo e Redes SociaisNa primeira parte desse tutorial aprendemos a exibir dinamicamente os nossos Check-ins do Fousquare no ArcGIS Online. Com isso criamos nossa primeira integração dos dados de uma Rede Social com a poderosa ferramenta da ESRI – ArcGIS Online. O que acharam?

Neste segundo tutorial da série você aprenderá como inserir o SocialMap dentro de uma página do Facebook.

Este é um Guest Post. O tutorial foi elaborado por Luiz Amadeu Coutinho, Geógrafo formado pela Universidade Federal do Espírito Santo, Mestre em SIG e Sensoriamento Remoto pela Universidade Nova de Lisboa. Atualmente trabalhar como Consultor de Soluções GIS na Sinfic Angola. Além disso é autor do website Geoinformação Online e participante ativo da comunidade GIS nas Redes Sociais.

Não leu ainda a primeira parte deste tutorial? Não deixe de conferir:

O material a seguir, apresenta de forma breve como criar mais uma integração através do recurso Embed, vamos agora colocar o nosso SocialMap dentro de uma página do Facebook.

OBTER O CÓDIGO EMBED DO ARCGIS ONLINE

Um recurso muito comum na internet é a possibilidade de integrar informação de um website dentro de outro. O ArcGIS Online também permite essa integração sem grandes dificuldades.

Se você criou o seu próprio mapa ou está utilizando o exemplo deste tutorial, basta clicar no Botão Share na barra superior do seu mapa e escolher a opção Embed in Website.

Share Button

Share Option

As opções do recurso Embed são exibidas com o código. No exemplo a seguir eu escolhi as seguintes configurações:

Tamanho: Large 940 x 600

Exibir os botões:

  • Zoom
  • Barra de Escala
  • Legenda
  • Seleção de Basemap

Embed

Somente após a escolha destas funções é que o código deve ser copiado (guarde-o no bloco de notas de preferir). O código Embed ficou assim:

<iframe width=”940″ height=”600″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=8230778390e44ad69cd8a1f09d9e1134&amp;gcsextent=-102.1509,-20.3515,94.7241,55.6487&amp;displayslider=true&amp;displayscalebar=true&amp;displaylegend=true&amp;displaybasemaps=true”></iframe><br /><small><a href=”http://www.arcgis.com/home/webmap/viewer.html?webmap=8230778390e44ad69cd8a1f09d9e1134&amp;extent=-102.1509,-20.3515,94.7241,55.6487″ style=”color:#0000FF;text-align:left” target=”_blank”>View Larger Map</a></small>

INSERIR O CÓDIGO EMBED EM UMA PÁGINA DO FACEBOOK

De posse do código Embed, vamos ao Facebook para buscar uma App que permita integração de códigos HTML. Essa App deve ser instalada em uma FanPage.

Na caixa de pesquisa do Facebook digite “Woobox” (sem aspas) e escolha a App Static HTML iframe Tab by Woobox.

Static HTML
Instale a App na sua FanPage.

Add App

Aceite todas as configurações da App e cole o código copiado do ArcGIS Online na caixa Page Source (opção HTML). Na caixa TabName escreva o nome “ArcGIS + Foursquare” (sem aspas), ou outro nome que preferir. Clique em Save Settings e visite agora sua página.

Um Separador novo é exibido em sua pagina. Clique para visualizar.

Novo Separador
Pronto você conseguiu, agora é só divulgar entre seus seguidores. Cada novo Check-in no foursquare será exibido no ArcGIS Online e por consequência no Facebook.

Resultado no Facebook
Dúvidas e comentários são bem-vindos. Fiquem à vontade para baixar a versão em PDF deste tutorial:

  • [download id=”35″]

Na parte III desse Tutorial, vamos explorar as vantagens de trabalhar em Ambiente Desktop com o ArcGIS for Desktop 10.1, de forma a carregar nossos Check-ins com recurso ao ArcToolbox ou mesmo via ArcGIS Online.

Notas do autor:
1.    Em alguns casos o Browser Google Chrome não exibiu corretamente o Mapa no Facebook.
2.    O acesso via App do Facebook em Tablets ou SmartPhones (Android ou iPad) também não permitiu o acesso ao Mapa, mas pelo Browser do aparelho consegui ver a solução integrada.

Este tutorial faz parte de um projeto colaborativo chamado GEOTutoriais. Você também pode contribuir por enviar seu próprio material para publicação e por divulgar nas redes sociais a hash tag #GEOTutoriais.

Assine nosso FeedAssine nosso Feed e receba nossas atualizações por e-mail. Curta nossa página no Facebook [PortalClickGeo] e siga nosso Twitter [@ClickGeo] para continuar atualizado sobre o Mundo das Geotecnologias.

One Comment on “SocialMap: Como Unir o Foursquare, ArcGIS Online e o Facebook? – Parte 2”

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *