Mapas - Utilizando o Virtual Earth

No TechEd tivemos duas palestras que trataram sobre mapas em web sites utilizando as api's do Live. Uma delas foi a que apresentei com o Rene e na sequencia o Eduardo apresentou uma palestra somente sobre as API's do Live.

Esta semana o Carlos submeteu um comentário perguntando sobre como inserir um mapa.

O melhor caminho é começar com a página em português que fala um pouco sobre as API's. Outro recurso bem interessante é o sdk interativo do dev.live. Neste SDK você seleciona o que deseja fazer, vê o resultado no mapa ao lado e então pode ver o código. Com o código na mão é só copiar e colar no seu próprio.

  1: <script type="text/javascript"> 

  2: var map = null; 

  3: function GetMap() 

  4: { 

  5: map = new VEMap('myMap'); 

  6: map.LoadMap(new VELatLong(47.6, -122.33), 10 ,'h' ,false);

  7: } 

  8: </script>

Este código foi tirado do SDK interativo.  Basicamente é isto que você precisa para colocar o um mapa do Live no seu site. O parametro "myMap" na linha 5, é a div que receberá o mapa. É importante que esta div tenha o tamanho definido para determinar o tamanho do mapa.

O método LoapMap recebe diversos parametros. O primeiro é a latitude e longitude que este mapa aparecerá centralizado. Além disto, você pode determinar a altura do zoom, se o mapa será aberto em modo de ruas apenas, satélite ou híbrido, onde as fotos de satélite aperecem com os nomes das ruas. Você também pode determinar uma função que será chamada assíncronamente após a abertura do mapa.

Isto é apenas o início. Você pode ver todos os recursos e as possibilidades de programação utilizando os recursos mencionados acima.

Espero que isto te ajude Carlos.

Até mais!!