incorporar google maps ao blog
TRANSCRIPT
PREFEITURA DE SÃO BERNARDO DO CAMPOSECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAISDIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
COMO INCORPORAR UM MAPA DO GOOGLE MAPS EM SEU BLOG
Entre no Google Maps http://maps.google.com.br/ e digite o endereço completo que você quer localizar no mapa.
Em seguida clique na “corrente” link, ao lado da impressora. Ele vai mostrar uma caixa onde aparecem a URL e o código embed. Clique no código e copie. Ou...
Se você quiser personalizar, clique em Personalizar e visualizar mapa incorporado. Se você colocou endereço completo na barra de pesquisa
Se 134Sirley Zancanari Ferrantte
PREFEITURA DE SÃO BERNARDO DO CAMPOSECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAISDIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
inicial, (nome da rua, nº, bairro, estado) esses dados vão aparecer no mapa. Escolha o tamanho e copie o código HTML que aparece na caixa abaixo.
Agora vá para o blog no modo de edição e crie uma página. Coloque o título, clique em Editar HTML e cole o código que você copiou. Clique em PUBLICAR PÁGINA e visualize para ver como ficou.
Se 134Sirley Zancanari Ferrantte
PREFEITURA DE SÃO BERNARDO DO CAMPOSECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAISDIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
A página criada.
Coloquei na página dois códigos: o código gerado pelo Street Wew do Google Maps e abaixo o código gerado pelo Google Maps só com o endereço. Dessa forma, aparecem duas imagens.
Você também pode colocar o código num Gadget de HTML para aparecer na coluna (sidebar) da página.
Se 134Sirley Zancanari Ferrantte
PREFEITURA DE SÃO BERNARDO DO CAMPOSECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAISDIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
No blog, clique em Adicionar Gadget – escolha HTML JavaScript – cole o código gerado pelo Street Vew – Salve e visualize. Nesse caso, é preciso ajustar o tamanho no próprio código do Gadget.
Em width="425" height="350" altere width para 225 e heigth para 150. Vai ficar assim: width="225" height="150"
Se 134Sirley Zancanari Ferrantte