Google Maps con ASP.NET

Buenas a todos les voi a dar un codigo que podria serles util alguna vez se trata de el uso de la API de Google Maps en una pagina ASP.NET, para esto haremos lo siguiente:

1) Descargar la Libreria DLL de Google Maps para ASP.NET de la siguiente direccion:

[Tienes que estar registrado y conectado para ver este vínculo]

2) Una vez descargada ahora debemos incluirla en nuestro Visual Studio y lo haremos de la siguiente forma:
- Crear un nuevo proyecto Web y en la pantalla de Diseño vamos al ToolBox y le damos Add a New Tab o agregar ficha en español, Ponerle el nombre que gusten yo le puse GoogleMaps y despues le damos clic derecho al nuevo espacio de trabajo y le damos Choose Items.. buscamos la ubicacion del archivo DLL y le damos Ok y se agregaran los nuevos controles.

3) Debemos ademas de generar una API KEY para eso vamos a la siguiente direccion y hacemos el proceso que se nos pide para tener nuestra Key recuerden que cuando trabajamos en modo Local seria bueno que en el dominio le pongan LOCALHOST para que les sirva mientras hacen sus pruebas el Link es el Siguiente:
[Tienes que estar registrado y conectado para ver este vínculo]

Si desean consultar mas a fondo la instalacion del Control pueden ir a la pagina donde lo descargan y revisar la pestaña "Como.." y hay se encuentra la instalacion del control a detalle.

4) Ahora nos dirigiremos a nuestro Proyecto Web arrastraremos el control GMap en modo diseño y hay tendremos nuestro control ahora solo queda programar los eventos del Mapa en el codigo CS.

En el Load de la pagina incluiremos el Siguiente codigo:

Código:

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack){
            MostrarHermosillo();
            MarcarPuntos();
        }
    }

Despues agregamos los siguientes metodos el Primero Sirve para definirle al Mapa donde queramos que aparezca indicando su Localizacion y el Zoom, el 2do Agrega un marcador al Mapa:

Código:

 public void MostrarHermosillo() {
        GMapPrueba.Height = 500;
        GMapPrueba.Width = 650;

        GMapPrueba.setCenter(new GLatLng(29.08919, -110.96133), 12);

        GMapPrueba.enableHookMouseWheelToZoom = true;

        GMapPrueba.enableGKeyboardHandler = true;
        //Adiciona el control de la parte izq superior (moverse, ampliar y reducir)
        GMapPrueba.addControl(new GControl(GControl.preBuilt.LargeMapControl));
        [Tienes que estar registrado y conectado para ver este vínculo] permite elegir un tipo de mapa y otro.
        GMapPrueba.addControl(new GControl(GControl.preBuilt.MapTypeControl));
   
    }
    public void MarcarPuntos() {
        GLatLng ubicacion = new GLatLng(29.08919, -110.96133);
 
        GMarkerOptions mkrOpts = new GMarkerOptions();
        mkrOpts.draggable = false;
        mkrOpts.title = "Punto de Localizacion GPS";
        mkrOpts.clickable = true;

        string strMarker = "<div style='width: 250px; height: 185px'><b>" +
                "<span style='color:#ff7e00'>Puntos de Localizacion GPS con </span>ASP.NET</b><br>" +
                " C/ Punto No.#1 <br /> Hermosillo, Sonora <br />" +
                "Latitud: 29.08919 <br />Longitud: - 110.96133<br />" +
                "<br />" +
                "<br><br></div>";
     
        GMarker mkr = new GMarker(ubicacion, mkrOpts);
        GInfoWindow window = new GInfoWindow(mkr, strMarker, true);
        GMapPrueba.addInfoWindow(window);
        GMapPrueba.enableHookMouseWheelToZoom = true;
        //Tipo de mapa a mostrar
        GMapPrueba.mapType = GMapType.GTypes.Normal;

        //Moverse con el cursor del teclado
        GMapPrueba.enableGKeyboardHandler = true;
        GMapPrueba.addGMarker(mkr);
    }

Por ultimo nos dirigimos al Web.Config y agregamos nuestra Key:

Código:

<configuration xmlns="http://schemas.microsoft.com/.NetConfiguration/v2.0">
    ...
    <appSettings>
        <add key="googlemaps.subgurim.net" value="tuClave_yourKey" />
    </appSettings>
    ...
</configuration>

Bien ahora si tenemos una aplicacion funcional para probar la Api de Google maps y con este principio ustedes podran ir desarrollando aplicaciones mas complejas.

Salu2 y les dejo el codigo de ejemplo.

[Tienes que estar registrado y conectado para ver este vínculo]

Muy buen aporte, en poco tiempo también abriremos la sección de ASP.NET