Posts

Showing posts with the label MapsAsp

Personalizar Icono en Google Maps

Image
Saludos amig@s en esta oportunidad les mostraré como pueden personalizar los iconos que vienen por defecto en Google Maps cambiaremos del clasico icono.... cambiaremos el icono anterior a uno Personalizado. Primero debemos insertar en nuestro HTML, el Script para hacer referencia a nuestro codigo que generamos en Google Maps. < script type ="text/javascript" src ="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAszwnb6dZYCsQu-_aveaU4xTDvvvkTBERZATnPCc0psKHgVls_hQ3YkvyHhVXBgxW9mnaZIt6EVA" > Luego veamos que necesitamos para agregar un Marker, pero con un GIcon , personalizado. < script type ="text/javascript">       function load() {           if (GBrowserIsCompatible()) {               var map = new GMap2(document.getElementById( "map" ));    ...

Google Maps y Asp.Net (3) Mover un Marker y Obtener su Latitud y Longitud

Image
Holas ami@s ahora veremos como mover o arrastrar un Marker, y en la posicion que este este podremos saber la latitud y Longitud del Marker, y bueno con que fin, tenemos n posibilidades, pero en este post, solo nos limitaremos a eso, ya despues le daremos un aplicación concreta. Primero veremos que necesitamos colocar en la parte del HTML, colocamos 2 inputs, donde se mostrarán la Latitud y Longitud cada vez que se arraste el Marker por el Mapa y se suelte. < body onload ="initialize()">     < form id ="form1" runat ="server">     Latitud: < input id ="txtLatitud" />     Longitud: < input id ="txtLongitud" />     < div id ="map_canvas" style =" width : 500px; height : 500px"></ div >     < hr />   </ form > </ body > Luego colocaremos el Java Script en la Parte de la etiq...

GOOGLE MAPS Y ASP.NET(2) MARKERS

Image
Agregar Markers  Saludos amigo, para continuar con la 2da parte de Google Maps y ASP.net. En este articulo veremos como crear Markers, para dibujarlos o colocarlos en el Mapa, para ello 1ra debemos crear el Mapa, que ya lo vimos aqui . Primero debemos tener nuestra Funcion en Java Script que Inicializará el Mapa, esos números que aparecen ahy "-10.854886268472446" y "-7609130859375", son la Latitud y Longitud en el Planeta, la puedes obtener usando talvez GOOGLE EARTH, para colocar la 1ra vista del mapa en la zona que prefieras. Ahora Crearemos un Metodo llamado " AgregarMarkers " la cual se encargará de Crear los Markers en el Mapa de Google. Vemos que las Coordenadas "-16.402165015788394, -71.55168056488037", es la Coordenada de la Ciudad de Arequipa, aproximadamente. La Linea GEvent.addListener..., lo que hace es agregarle al Marker un evento Clic, para que cuan...

GOOGLE MAPS Y ASP.NET(1)

Image
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: http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAszwnb6dZYCsQu-_aveaU4xTDvvvkTBERZATnPCc0psKHgVls_hQ3YkgdfASDDFDbgW9mnaZIt6EVA Luego creamos un Nuevo Sitio Web en ASP.net.    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 Scr...