GOOGLE MAPS Y ASP.NET(1)

Holas en este articulo veremos como podemos crear un Mapa de Google Maps, en nuestra Pagina ASP.NET.
Luego conforme avancemos veremos como poder Enlazas a Datos y poder crear Markers, en el Mapa
traendolos de Una Base de Datos SQLSERVER, interesante verdad!!!

Primero debemos registrarlo en Google Maps para generar un codigo valido para usar la API de Google Maps. API GOOGLE
Luego obtendrás un Codigo parecido a este:


Una vez creado el Sitio Web, procedemos a colocar el Codigo generado por Google Maps en Nuestro Default.aspx, como esta a continuación.



 
Listo Luego Modifiquemos algunas etiqeutas como sigue:


El onload de la etiqueta Body llamara a un Evento Java Script que Inicializará el Mapa.
El div con ID map_canvas será el contenedor de nuestro Mapa.
Ahora seguramente querran ver el Codigo Java Script para poder Visulizar el Mapa, pues ahy esta....

Pues ahora solo queda Correr la Aplicación y ver los Resultados.
Listo espero les haya gustado, la proxima veremos como colocar MARKERS, en Nuestro Mapa, y asi iremos avanzando de Nivel, hasta lograr interactuar con una Base de Datos y Hacer un Mantenimiento de MARKERS.


Comments

  1. victorMay 5, 2012 at 10:23 PM

    muy buen aporte.. me fue de muy buena ayuda.
    no tendras uno de como poner un contador de visitas

    ReplyDelete
    Replies
    1. GiancarloMay 5, 2012 at 10:48 PM

      Saludos Estimado Victor.
      gracias por tu cometario, referente a lo del contador de visitas, si deseas hacerlo mediante ASP.net, te recomendaria que lo hagas mediante la variable Application, aqui un link de ayuda

      http://www.asptutor.com/asp/vart.asp?id=34

      algunos lo manejan sus contadores mediante archivos de texto tambien como el Guille

      http://www.elguille.info/colabora/NET2005/jagg_ContadorVisitantes.htm

      depende de ti..
      Saludos

      Delete

Post a Comment

Popular posts from this blog

Error al Iniciar Oracle SQL Developer 11g - Unable to find Java Virtual Machine

Image
Saludos amig@s , hoy quiero compartir con ustedes una experiencia que aveces suele pasarnos al momento de instalar algun SW, y se presentar errores que muchas veces investigamos y llegamos a resolverlos,entonces porque no compartirlo. En esta ocaciones despues de todo el Proceso de Instalacion del ORACLE SQL DEVELOPER 11g. tocaba iniciarlo y mando un error como este. Este error no permite iniciar nuestro ORACLE SQL DEVELOPER 11g, no se asusten, no le falta instalar nada, solo es un pequeño error de configuracion que debemos ajustarlo y nada mas, para ello vamos a la carpeta siguiente: c:\app\administrador\product\11.2.0\dbhome_1\sqldeveloper\sqldeveloper\bin OJO.: Esta ruta puede variar pero confio en su instinto para encontrarla, empiecen encontrando la carpeta "app". y abrimos el archivos SQLDEVELOPER.CONF.  Ahy dentro ubiquense en la linea donde dice SetJavaHome, y seguramente tendran la ruta que apunta a la carpeta de instalacion del JRE de Java. c:\ Pro
Read more

Como Mantener el Scroll despues de un PostBack ASP.net ( As Maintain Scroll after a PostBack ASP.net )

Saludos amig@s, Cuando trabajamos con ASP.net nos hemos dado cuenta que si tenemos una pagina muy extensa Horizontalmente y damos click en un boton que esta muy abajo de la página esto generará un PostBack, en termino simples "Refrescará la pagina" y nos llevará al Inicio de la Pagina, lo cual es incomodo porque nuevamente tendrémos que deslizar el Scroll de la pagina hacia abajo. OPCION 1: Agreguen la linea de codigo que se encuentra resaltada, indicandole que mantenga la posicion del Scroll en el PostBack <% @ Page Language ="C#" AutoEventWireup ="true" MaintainScrollPositionOnPostback ="true"     CodeFile ="Default.aspx.cs" Inherits ="_Default" %> <! DOCTYPE html > < html xmlns ="http://www.w3.org/1999/xhtml"> < head runat ="server"> < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8"/>
Read more

How to run ng serve in a different port
Como ejecutar ng serve en un puerto diferente

Image
Hello Everyone, In his post I'm going to explain How we can use a different port that ng use for default(4200). Maybe if we have an Angular 2 Project running, and then we also need another project running, and when we try to execute the ng serve command, CLI give us a message like this. Port 4200 is already in use. Use '-port' to specify a different port port 4200 is busy So we should execute a new command like this, it has to fix the problem. Altough you might use a different port 4202,4203 etc. ng serve --port 4201 ng serve running in a different port I hope this will help all of you in your amazing Angular 2 Project. See you next time.
Read more