Como usar o Google Maps em aplicativos do Facebook

O aplicativo Google Maps é compatível com aplicativos do Facebook. A maneira mais fácil de incorporar um mapa é através do recurso de inserir o Google Map no seu aplicativo do Facebook. Depois de inserir o código corretamente, ele mostrará um mapa interativo que pode ampliar ou reduzir a imagem, procurar lugares próximos ou obter instruções para chegar a um destino específico que você definiu. Os mapas também têm três modos: visualização de mapa, imagens de satélite e sobreposição de terreno.

Passo 1

Vá para maps.google.com na janela do navegador e pesquise no mapa uma atração ou destino. Depois que o Google indicar esse local no mapa, clique no ícone “link” no canto superior direito da página.

Etapa 2

Clique no link “Personalização e visualize o mapa incorporado”. Na próxima tela, defina o tamanho do mapa e verifique se a visualização é apropriada para o seu aplicativo. Destaque o código na caixa “Copie e cole este HTML para incorporá-lo no seu site” e pressione as teclas “Ctrl” e “C” simultaneamente no teclado para copiar o texto. Essa combinação de teclas copia o texto no buffer de memória temporário para uso posterior.

Etapa 3

Abra um programa de edição, como CoffeeCup ou Windows Notepad. Abra o documento existente que você estava usando para o aplicativo do Facebook ou crie um novo documento HTML com o seguinte código mínimo:

Etapa 4

Coloque o cursor do mouse após a tag “” no documento HTML e pressione a tecla “Enter” para criar uma nova linha.

Etapa 5

Cole o código do Google Maps no documento pressionando simultaneamente as teclas “Ctrl” + “V”. Quando estiver pronto, salve o arquivo HTML e faça o upload para o seu servidor. Todos os aplicativos do Facebook são hospedados em sites externos, não nos servidores do Facebook.

Etapa 6

Crie um novo aplicativo ou atualize o aplicativo existente na sua conta de desenvolvedores do Facebook em developers.facebook.com.

Referências

 

Você pode estar interessado:

Deixe um comentário