Fala gente,
Essa é a continuação de um tutorial da semana passada: Buscando a Latitude e Longitude de um endereço – Google Maps + PHP – Parte 1
Hoje vou mostrar como você pode exibir um mapinha do Google Maps no seu site, usando as informações encontradas com a Google Maps API (que usamos no outro artigo).
Se você ainda não tiver uma Google Maps API Key (ou GMAK) acesse esse endereço e pegue a sua: http://code.google.com/intl/pt-BR/apis/maps/signup.html
Agora, dentro do <head> do seu site, insira o seguinte código:
Não se esqueça de substituir o {GMAK} pela sua Google Maps API Key.
Agora você precisa criar um elemento HTML onde o mapa irá aparecer, exemplo:
Aí você pode definir a largura e altura dele no CSS do seu site ou até mesmo in-line… Não tem diferença.
Depois é só charmar esse código JavaScript, pode ser no fim da página, antes do body:
Agora é só substituir o {LATITUDE}, {LONGITUDE} e {ZOOM} (nas linhas 3, 4 e 5) pelas informações que você conseguiu pegar usando o passo-a-passo do outro artigo.
Espero que tenham gostado! :)