E venho falar do Google Maps. Acho fascinante essa ferramenta do Google, principalmente agora com integração com o Google Earth. Esta por sua vez também esta cada vez melhor.
Estou trabalhando num projeto que irá utilizar o Google Maps, então tirei um tempo para estudar como integrar o sistema com ele.
E olhando a API do Google Maps pode perceber como é simples integrar e utilizar essa poderosa ferramenta. Na propria documentação eles mostram vários exemplos de utilização de todo o potencial desta ferramenta.
Irei aqui mostra um exemplo:
1. Primeiro adicione o JavaScript deles:
<script src="http://maps.google.com/maps?file=api&v=2" type="text/javascript"></script>
2. Depois criei um Div onde ficará o Mapa:
<div id="map" style="width: 500px; height: 300px"></div>
3. Criei a seguinte função JS:
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
4. E finalmente a chamada da função 'load()':
<body onload="load()" onunload="GUnload()" >
Com esse exemplo você será o seguinte resultado: http://www.google.com/apis/maps/documentation/simple.html
Podemos analisar no item 3, que nós informamos a Latitute (37.4419) e a Longitude (-122.1419) e ainda o Zoom (13) do Mapa.
Mas este mapa está simples e nem utiliza aquilo que pra mim é o mais fantastico do Google Maps: os controles de movimentação e as Visões[Mapa, Satélite, Híbrido]. Mas para coloca-los é muito simples, é só adicionar dois controles a sua váriavel 'map', assim:
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
Obtendo o seguinte resultado final: http://www.google.com/apis/maps/documentation/controls.html
Muito simples, o mais dificil mesmo é achar a Latitude e a Longitude das coisas que vocês quer mostrar, então vai ai algumas dicas:
- O seguinte link informar a latitude e longitude do centro do mapa: http://www.google.com/apis/maps/documentation/event.html
- O proprio Google Maps: http://maps.google.com/maps
Não se esqueçam de gerar sua Key de utilização do Serviço: http://www.google.com/apis/maps/signup.html
Bom é isso, estou querendo agora que ele inicie na Visão Híbrido e não Mapa, quem souber, colabore. :)
Um comentário:
Muito legal Daniel. Bela iniciativa.
Obrigado pela citação da minha pessoa. Grande abraço e conte comigo.
[]s Felipe
Postar um comentário