O ASP.NET Google Maps é um Web User Control que implementa a API v2 do Google Maps.
Para utilizar esta API e este Web User Control é necessário registar-se aqui e obter uma chave de utilização.
A utilização deste controlo é em tudo semelhante ao ASP.NET Bing Maps, é apenas executar o Drag & Drop do controlo na página de implementação e configurar as propriedades do controlo.
Como utilizar?
Substituir no ficheiro GoogleMapsControl.ascx “YOU_KEY” pela chave que lhe foi atribuída durante o processo de registo na API do Google Maps.
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="GoogleMapsControl.ascx.cs" Inherits="GoogleMaps.GoogleMaps.GoogleMapsControl" %> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=YOU_KEY"></script> <script type="text/javascript" src="GoogleMaps/GoogleMaps.js"></script> <div id="myMap"></div>
Implementação do Web User Control numa página Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="GoogleMaps._Default" %> <%@ Register src="GoogleMaps/GoogleMapsControl.ascx" tagname="GoogleMapsControl" tagprefix="uc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <uc1:GoogleMapsControl ID="GoogleMapsControl" runat="server" latitude="38.69052609303235" longitude="-9.297544956207275" pushPin="true" pushPinTitle="Sample Title" pushPinDescription="Sample Description" zoom="17" MapWidth="600px" MapHeight="400px" mapStyle="G_SATELLITE_MAP" /> </div> </form> </body> </html>
Nas propriedades do controlo podemos definir um conjunto de funcionalidades disponibilizadas pela API do Google Maps, como o estilo de apresentação do mapa, definir a utilização de um marcador bem como o seu título e descrição.
Deixo aqui algumas imagens do controlo:
Demo projecto de VS2008 e Web User Control disponível em:
http://aspnetgooglemaps.codeplex.com
