Google Maps em sua aplicação asp.net 3.5

DigoDev · Março 17, 2011

Olá pessoal,

Venho nesse tópico compartilhar com vocês uma solução simples,

Mas que me fez gastar algumas horas de pesquisa no Google devido a escassez de fontes sobre o assunto na web.

Após muita pesquisa, e muitas tentativas inúteis de utilizar as chamas API's do Google Maps descobri que havia uma forma

Muito mais fácil de se colocar em uma página (feita em asp.net) um mapinha do google maps.

O que antigamente era feito com código javascript agora pode ser feito facilmente em .net utilizando-se a ferramenta "Literal" do asp.net.

Basta seguir esses passos:

1º Vá ao Google Maps e digite o endereço que está procurando;

2º No Canto superior direito clique em "link";

3º Copie o valor que está no campo "Colar HTML para incorporar ao website" (Caso queira personalizar seu mapa clique em "Personalizar e visualizar mapa incorporado");

4º Em sua aplicação asp.net crie um Controle "Literal" (Framework 3.5 em diante), coloque-o dentro de uma div preferencialmente com as mesmas dimensões do seu mapa (o que é configurado na página do google maps)

Ex:

<%--Repare nas dimensões da div, são iguais as do código gerado pelo google maps--%>
<div style="width:425px;height:350;">
  <asp:Literal ID="Literal1" runat="server" />
</div>

5º No Code Behind (Dentro do Page_Load) utilize a propriedade "Text" do Literal para inserir o código incorporado do google maps.

Ex:

//Insiro o código gerado pelo google maps em um literal para gerar o mapa na página.
Literal1.Text = "<iframe width=\"425\" height=\"350\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"http://maps.google.com/maps?f=q&source=s_q&hl=pt-BR&geocode=&q=Av.+Paulista,+1776+-+Bela+Vista,+S%C3%A3o+Paulo+-+S%C3%A3o+Paulo,+01310-200,+Brasil&aq=0&sll=-23.553953,-46.659046&sspn=0.001367,0.002631&ie=UTF8&hq=&hnear=Av.+Paulista,+1776+-+Bela+Vista,+S%C3%A3o+Paulo,+01310-200,+Brasil&ll=-23.560313,-46.657528&spn=0.001367,0.002631&z=14&output=embed\"></iframe><br /><small><a href=\"http://maps.google.com/maps?f=q&source=embed&hl=pt-BR&geocode=&q=Av.+Paulista,+1776+-+Bela+Vista,+S%C3%A3o+Paulo+-+S%C3%A3o+Paulo,+01310-200,+Brasil&aq=0&sll=-23.553953,-46.659046&sspn=0.001367,0.002631&ie=UTF8&hq=&hnear=Av.+Paulista,+1776+-+Bela+Vista,+S%C3%A3o+Paulo,+01310-200,+Brasil&ll=-23.560313,-46.657528&spn=0.001367,0.002631&z=14\" style=\"color:#0000FF;text-align:left\">Exibir mapa ampliado</a></small>";

E pronto, é só rodar sua aplicação com o google maps embutido, sem nenhuma linha de javascript, 100% .net.

Abraços a todos, espero ter ajudado.

Mais informações (fonte da retirada das informações):

Clique aqui

nilsonkz · Abril 14, 2011

Parabéns!!!

Muito legal!!!

chacal009 · Setembro 30, 2011

tá de sacanagem???! Isso ai não eh ASP.NET... é puro HTML!! você só usou de forma INUTIL um controle do ASP.NET para imprimir o "Maps"... porque não coloca o iframe direto na página?? Porque usar processamento extra???!!

Hey amigo, saca só, esse papo de pesquisar e pesquisar e não encontrar nada hoje em dia é furada! largando a preguiça de lado.. basta ler a DOCUMENTAÇÃO do Google Maps pra entender!

Não sabe implementar Google Maps no ASP.NET.. leia aqui!

http://www.macoratti.net/09/12/asp_gmap.htm

quer customizar sua implementação do Maps? leia a documentação para entender um pouco mais!

http://code.google.com/intl/pt-BR/apis/maps/documentation/staticmaps/

quer mais??

http://www.viniciusgusmao.com.br/2009/08/google-maps-no-aspnet.html

http://brunobemfica.net/?p=303

http://social.msdn.microsoft.com/Forums/pt-BR/504/thread/81548986-076d-4fcb-910c-4171e4ac0238/

http://blastersystems.com/blog/2010/04/asp-net-google-maps/

http://www.devmedia.com.br/post-21727-Georeferenciamento-com-Asp-Net-utilizando-o-Google-Maps.html

e mais uma porrada de referências na net!

pesquise e aprenda antes de querer ensinar! Pois senão você já começa ensinando errado!