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