Na 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.
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
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&gcsextent=-102.1509,-20.3515,94.7241,55.6487&displayslider=true&displayscalebar=true&displaylegend=true&displaybasemaps=true”></iframe><br /><small><a href=”http://www.arcgis.com/home/webmap/viewer.html?webmap=8230778390e44ad69cd8a1f09d9e1134&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.
Instale a App na sua FanPage.
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.
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.
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.
Uma resposta