GMaps com ASP.NET

Visual Studio.NET 2005.

 
Olá pessoal meu nome é Mauricio Junior (www.mauriciojunior.org), quero mostrar com como desenvolver uma aplicação cujo tem toda possibilidade e interatividade com o Google Maps. Pode ser criado pontos, endereços e muito mais facilmente utilizando o .NET.

 

Requisitos:

Visual Studio.NET 2005

Framework 2.0 ou maior

Linguagem C#.NET

Importar DLL (http://googlemaps.subgurim.net)

Criei uma aplicação web com o Visual Studio.NET 2005 normalmente. O passo seguinte é colocar a dll em uma pasta dentro da aplicação, geralmente eu crio uma pasta chamada assembly cujo possui todas dlls utilizadas dentro do sistema, dessa forma importo no references.

A referência GMaps1.1 mostra claramente a estrutura do projeto. Mostra também como adicionar a dll como referência no projeto. Clique com o botão direito em cima de References, escolha a opção Add References... .

Referência: GMaps 1.1

 

Aparecerá outra tela onde indico a dll que está dentro da pasta assembly do projeto. (Referência GMaps 1.2)

Referência: GMaps 1.2

 

Escolhi a aba Browse, em seguida a pasta assembly.

Com isso pronto, a dll já está em minha aplicação da maneira correta. Tenho que registrar apenas o código dentro do meu web.config.

Adicionei um <appSettings> com uma chave (key) chamada googlemaps.subgurim.net. (Referência GMaps 1.3)

<appSettings>     <add key="googlemaps.subgurim.net" value="ABQIAAAAjU0E..." /> </appSettings>

Referência: GMaps 1.3

Note que não coloquei o valor totalmente, isso porque cada um deve ter o seu disponibilizado pelo site citado acima.

Na Página

Dentro da página (default.aspx) registrei o componente no topo da página para usar no decorrer da mesma. É quase como colocar um componente .ascx criado para ser utilizado, bem tranquilo. (Referência GMaps 1.4)

<%@ register assembly="GMaps" namespace="Subgurim.Controles" tagprefix="cc1" %>

Referência: GMaps 1.4

Continuando a página, preciso definir um style padrão utilizado; isso é com relação ao layout. (Referência GMaps 1.5)

<style type="text/css">         v\:* { behavior:url(#default#VML); } </style>

Referência: GMaps 1.5

Finalmente, dentro do form coloco a tag que registrei no topo da página. (Referência GMaps 1.6)

<form id="form1" runat="server">     <div>         <cc1:GMap ID="GMap1" runat="server" />     </div> ...

Referência: GMaps 1.6

Até aqui falei só de layout, dlls e referências; portanto preciso adicionar algum endereço e um ponto dentro do site do googlemaps. No seu próprio site, pode ser adicionado qualquer ponto de referência dentro do mapa.

Portanto, a partir daqui falarei do código fonte em C#.NET, ou seja, como adicionar os pontos dentro do mapa. (Referência GMaps 1.7)

Referência: GMaps 1.7

 

Load

Dentro do page_load da página comecei a descrever todo o código para aparecer o ponto no mapa, figura e tudo mais. Veja o código e a explicação logo após.

Referência: GMaps 1.8

 

Explicação:

As duas primeiras linhas precisam necessariamente ser colocadas para pegar e definir a largura do mapa do controle. Passando agora para a 3,4 e 5 linha; é ai que precisa da longitude e latitude cujo indica o local onde aparece o endereço. Peguei essa longitude e latitude diretamente nos sites de mapas. A 4 linha, é a janela que aparecerá dentro do mapa, por exemplo: quando o usuário clicar no ponto, aparecerá a janela informando o endereço ou qualquer informação que quiser, basta colocar no site.

Nas linhas abaixo, só criei os ícones padrões dentro do mapa, depois adicionei junto a variável criada logo no início.

Caso queira adicionar mais endereços, basta criar uma outra instância da variável que funciona perfeitamente.

Último Passo

Neste último passo, apertei Ctrl + Shift + B (para compilar a aplicação), a mesma foi compiladas com sucesso, cliquei F5 e vualá....

Resultado (referência GMaps 1.9)

Referência: GMaps 1.9

 

Espero ter ajudado, qualquer dúvida favor entrar em contato.

Mauricio Junior
www.mauriciojunior.org
www.aspneti.com