1. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃ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 134
Sirley Zancanari Ferrantte
2. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃ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 134
Sirley Zancanari Ferrantte
3. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃ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 134
Sirley Zancanari Ferrantte
4. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃ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 134
Sirley Zancanari Ferrantte