Programadores dedicados a C sharp .Net, eres nuevo, experto o quieres aprender a programar en C Sharp, aquí encontraras todo lo que necesitas.
 
ÍndiceCalendarioFAQBuscarMiembrosGrupos de UsuariosChatRegistrarseConectarse
Conectarse
Nombre de Usuario:
Contraseña:
Entrar automáticamente en cada visita: 
:: Recuperar mi contraseña
Últimos temas
Buscar
 
 

Resultados por:
 
Rechercher Búsqueda avanzada
Síguenos:
Crear foro Crear foro Crear foro

Comparte | 
 

 Google Maps con ASP.NET

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Cdflik
Programador Intermedio


Mensajes : 26
Puntos : 46

MensajeTema: Google Maps con ASP.NET   Sáb Mayo 07, 2011 7:53 pm

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]
Volver arriba Ir abajo
Ver perfil de usuario http://csharpmaniax.blogspot.com/
Guillermo Javier Salazar
STAFF TEAM
STAFF TEAM


Mensajes : 181
Puntos : 349
Localización : México
Comentarios : El azar favorece a una mente preparada.

MensajeTema: Re: Google Maps con ASP.NET   Sáb Mayo 07, 2011 9:49 pm

Muy buen aporte, en poco tiempo también abriremos la sección de ASP.NET
Volver arriba Ir abajo
Ver perfil de usuario http://cspromex.activo.mx
 
Google Maps con ASP.NET
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» Sin facebook, sin Google Maps, ... ???
» no aparece google maps
» Google maps API
» No se ven los usuarios en el mapa de google maps
» Como colocar google maps en mi foro

Permisos de este foro:No puedes responder a temas en este foro.
CSPromex :: PROGRAMACIÓN EN ASP.NET :: Código Abierto-
Cambiar a: