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

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