Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17504
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Colocando um mapa da Google no seu site

17-02-2007 20:56

Nesse artigo veja como colocar um mapa da google no seu site, veja os passo a seguir:
Obs.: é aconselhável ter o Google Earth.
1º Entre em http://www.google.com/apis/maps/
2º Clique em "Sign up for a Google Maps API key", aceite os termos na próxima página e coloque o url para seu site, o diretório onde ficará o mapa.
Obs.: O API key é uma chave api que permite que seu domínio mostre o mapa.
3º Depois de aceitado o termo e preenchido o campo com seu site, terá na próxima tela uma chave, algo como:
ABQIAAAA3WCeBeeuq6WuZXJbAC40hRRzTFfecwTS6....

Bem, agora vou mostrar um exemplo de como carregar o código do mapa no seu site

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Google Maps</title> <!-- minha chave aqui deve ser substituído pelo código gerado para seu site //--> <script src="http://maps.google.com/maps?file=api&v=2&key=minhachaveaqui" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function cargar() { if (GBrowserIsCompatible()) { var map2 = new GMap2(document.getElementById("map2")); map2.addControl(new GSmallMapControl()); map2.addControl(new GMapTypeControl()); map2.setCenter(new GLatLng(-22.9137581047, -43.1719865806), 15); // -22.9137581047 (latitude) | -43.1719865806 (longitude) | 15 (altura do mapa) // esse posicionamento determina onde o mapa carregará // pegue esses valores no Google Earth clicando com o botão direto no local que deseja mostrar // em seguida "Directions from here" } } //]]> </script> </head> <body onload="cargar()"> <div id="map2" style="width: 500px; height: 300px"></div> </body> </html>

Interessante: http://www.isoma.net/games/goggles.html
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado