O Google sempre ofereceu o código de incorporação do Google Maps para que os usuários pudessem usá-lo em seus sites, porém isso nunca aconteceu com o Google Street View , recentemente eles liberaram esta possibilidade. Agora é possível incorporar tanto o Maps quanto o Street-View, o que é uma ótima notícia. Veja neste passo a passo como conseguir o código embed para que ele seja incorporado em sua página web.
Earth View: veja imagens de satélite do Google Maps em uma aba no Chrome
![Opção de incorporação do Street-View foi habilitada pelo Google (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/IOCI3ugMMo0FvZVMo2jUD2LqmmY=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview-logo1.jpg)
Passo 1. Entre no Google Maps e digite um endereço qualquer;
![Escolhendo o endereço desejado (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/jhLJnETfx_EVEz3p9nnkrZBHtPk=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview0.jpg)
Passo 2. Clique no Pegman, o pequeno boneco amarelo na parte inferior direita da tela;
![Acessando o Street-View (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/eMSkCkip43P5h5sYGI3rupg9Gkg=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview1.jpg)
Passo 3. Arraste o boneco para alguma rua do mapa;
![Posicione o boneco na rua desejada (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/Qh1QjtYPlsbh5IsjJIYXjNvTn0k=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview2.jpg)
Passo 4. Isso ativará o Street-View;
![Visualizando o endereço (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/ASYJCNL_WXteInCS1SoFsxvzCfM=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview3.jpg)
Passo 5. Clique no ícone da engrenagem na parte inferior direita da tela e escolha a opção Compartilhar e Incorporar Imagem;
![Acessando a opção de Compartilhar ou Incorporar Imagem (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/fdTsDZHY8GO02eT6vCC_fPRMdUQ=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview4.jpg)
Passo 6. Aqui você encontrará duas opções de compartilhar o Street View, na primeira opção chamada Compartilhar Link temos um link direto;
![Opções de Link (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/j08TnhF1uRoMa5ceUn3MgSoffR4=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview5.jpg)
Passo 7. Ativando a opção URL Curto você encurtará o link como na foto abaixo;
![Opção de link curto(Foto: Reprodução/André Sugai)](http://s2.glbimg.com/2pXQFbMvdrw9Nw514HlAmEM6ym4=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview6.jpg)
Passo 8. A segunda opção é Incorporar Imagem, nesta opção o Maps dará o código Embed do Street View para que possamos inseri-lo em páginas web;
![Opção de incorporação do Street-View (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/q6WNwvCTKo2SXIo6g8pzwbelcj4=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview7.jpg)
Passo 9. Caso você queira alterar o tamanho do preview também existe a opção de escolher os tamanho pré determinados ou editá-lo como quiser;
![Opções de tamanho (Foto: Reprodução/André Sugai)](http://s2.glbimg.com/U4uwhaDw8nqNBYzcNccYlc6py9M=/695x0/s.glbimg.com/po/tt2/f/original/2014/11/25/streetview8.jpg)
Agora ficou muito simples inserir o Street View dentro do seu site e proporcionar uma experiência imersiva para seus visitantes que verão ruas e estabelecimentos como se estivessem no local.
Qual lugar você gostaria que o Google fizesse Street View? Comente no Fórum do TechTudo.
Até o próximo Melhor do Planeta
Fonte: http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/11/como-incorporar-o-street-view-em-uma-pagina-web.html
0 comentários:
Postar um comentário