Qu ofrece Autentia?
Somos su empresa de Soporte a Desarrollo Informtico
Ese apoyo que siempre quiso tener .
Desarrollo de componentes y proyectos a medida. Auditora de cdigo y recomendaciones de mejora. Arranque de proyectos basados en nuevas tecnologas. Curso de Formacin Direccin de Proyectos Informticos. Gestin eficaz del Tiempo. Arquitecturas de desarrollo Web: Web, J2EE, SOA, WebServices, BPM, etc. Java/ J2EE a todos los niveles: JSPs, Servlets, EJBs, JMS, JNI, etc. Anlisis y diseo orientado a objeto. UML y patrones de diseo. Buenas prcticas en el desarrollo de aplicaciones Tcnicas avanzadas: Lucene, Hibernate, Spring, JSF, Struts, etc.
Nuestra mejor referencia son los conocimientos que compartimos en nuestro web
[Link]
Decenas de entidades cuentan ya con nosotros
Para ms informacin vistenos en [Link]
Tel. 91 675 33 06 - info@[Link]
Hosting patrocinado por
Inicio Quienes somos Tutoriales Formacin Empleo Colabora Comunidad
Libro de Visitas
Comic
NUEVO Quieres saber cunto ganas en relacin al mercado? pincha aqu...
Ver cursos que ofrece Autentia Descargar comics en PDF y alta resolucin
Catlogo de servicios Autentia (PDF 6,2MB)
En formato comic...
[NUEVO!] 2008-02-05
2008-02-03
2008-01-29
2008-01-27
Estamos escribiendo un libro sobre la profesin informtica y estas vietas formarn parte de l. Puedes opinar en la seccion comic.
Tutorial desarrollado por
Jose Carlos Lpez
Consultor tecnolgico de desarrollo de proyectos informticos. Ingeniero Tcnico Informtica en
Catlogo de servicios de Autentia
Descargar (6,2 MB) Descargar en versin comic (17 MB) [Link] es el Web de difusin de conocimiento de Autentia.
Web [Link]
Buscar
ltimos tutoriales
2008-02-08
Puedes encontrarme en Autentia Somos expertos Java/J2EE en
Tutorial de la API de Google Maps
2008-02-07
Catlogo de cursos
Como crear y destruir programticamente un RMI Registry
Descargar este documento en formato PDF: [Link]
2008-02-07
Fecha de creacin del tutorial: 2008-02-08
Transparencias en kde 3.5
Utilizando el API de Google Maps
Introduccin
Ya hemos visto en otros tutoriales como ste un ejemplo de lo sencillo que es trabajar con el API de Google Maps. Hoy vamos a realizar otro sencillo ejemplo que bsicamente va a tener: Un buscador de direcciones que mostrar el resultado en el mapa de Google Maps. Posiblidad de modificar manualmente el resultado (veremos que quiere decir sto). Generacin de el cdigo para el fichero de tipo kml: un lenguaje de marcado basado en XML para representar datos geograficos en tres dimensiones desarrollado para ser manejado con Google Earth.
2008-02-05
Como implementar el mtodo equals(Object) en objetos persistentes de Hibernate, y otras consideraciones.
2008-02-05
Comparador de sueldos y tablas dinmicas/pivotables
2008-02-04
Que vamos a utilizar
Bsicamente vamos a utilizar dos clases del API de Google Maps: La clase Gmap2: Es la clase principal del API y la que nos permite pintar el mapa. La clase GClientGeocoder: Esta clase se utiliza para comunicar directamente con los servidores de Google y poder obtener los geocodes para las direcciones especificadas por un usuario. Adems, un geocoder mantiene su propia cache de direcciones, que permite que las preguntas repetidas sean contestadas sin un viaje de ida y vuelta al servidor. Podis consultar el API de Google Maps aqu.
XAMPP
2008-01-31
Validando XML contra Schema
2008-01-27
Eventos en [Link]
2008-01-23
Antes de empezar
Hay que tener en cuenta que debemos registrarnos en Google Maps para conseguir la clave, como se explica aqu, e importar las clases de Google Maps de la siguiente manera:
Icefaces, JBoss, Maven2 y EJB3: Parte 5
2008-01-21
Icefaces, JBoss, Maven2
1 de 5
08/02/08 12:47
src="[Link] type="text/javascript"></script>
ltimas ofertas de empleo
Creando el mapa y el cliente de geocoder
Lo primero que tenemos que hacer es crear el mapa y el cliente de geocoder:
view plain print ?
2008-01-28
T. Informacin - Becario - MADRID.
01. 02. 03. 04. 05. 06. 07. 08. 09.
var map; var geocoder; function initialize() { map = new GMap2([Link]("map_canvas")); [Link](new GLatLng(40.452557, -3.510673), 15);
2008-01-25
Otras Sin catalogar MURCIA.
// insertar los controles
[Link](new GSmallMapControl()); [Link](new GMapTypeControl()); geocoder = new GClientGeocoder(); }
2008-01-24
T. Informacin - Analista / Programador MADRID.
Al constructor de Gmap2 debemos pasarle un como parametro un contenedor HTML, que generalmente ser un DIV. Adems se le puede pasar parmetros opcionales como el tipo de mapa, etc. lo podeis consultar en el API. Luego estamos estableciendo las coordenadas en las que queremos centrar inicialmente el mapa, y el nivel de zoom. Insertamos los controles para cambiar el tipo de mapa (Mapa, Satelite o Hibrido) y el controlador de zoom y movimiento. Finalmente creamos el objeto que nos ayudara a buscar en el mapa.
2008-01-21
Comercial - Ventas VALENCIA.
2008-01-17
Otras Sin catalogar MADRID.
Anuncios Google
Implementando la bsqueda
Vamos a ver las funciones para la bsqueda: 01. 02. 03. 04. function showLocation() { var address = [Link][0].[Link]; [Link](address, addAddressToMap); }
La funcin getLocations es la que nos permite realizar bsquedas de una direccin en el mapa. As de simple. Debemos pasarle la direccin y el nombre de la funcin que se ejecutar al recibir la respuesta del servidor, que es donde debemos programar toda la chicha de nuestra pgina. Os muestro un ejemplo a continuacin: 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. function addAddressToMap(response) { [Link](); if (!response || [Link] != 200) { alert("Lo sentimos, no se ha encontrado su direcci&ocute;n"); } else { place = [Link][0]; point = new GLatLng([Link][1], [Link][0]); [Link](point, 15); marker = new GMarker(point); [Link](marker); [Link]([Link]); [Link]("punto").value = [Link]().toUrlValue(); generateKML([Link], [Link][0], [Link][1]); } }
Lo primero que se hace es limpiar el mapa. Comprobamos si la respuesta es correcta, es decir, se ha encontrado la direccin. En el caso afirmativo toda la informacin se encuentra en el objeto respuesta. Nos puede devolver uno o mas objetos PlaceMark, que son los objetos que recogen toda la informacin de las localizaciones de los resultados obtenidos. Como vemos, recogemos el primer o nico resultado, definimos un punto con las coordenadas geograficas de longitud y latitud, establecemos el centro de nuestro mapa en ese punto, estableciendo un zoom de nivel 15. A continuacin creamos una marca en ese mismo punto y la aadimos al mapa, rellenamos la ventana de informacin con la direccin obtenida, mostramos las coordenadas en un textbox y generamos el codigo KML correspondiente.
Generando el codigo para el fichero KML
Aqu podemos ver algunos ejemplos de ficheros KML, nosotros hemos utilizado el ejemplo mas sencillo para generar nuestro KML personalizado. El cdigo javascript que lo genera es el siguiente:
Anuncios Google
PDF Program
Tutorial Presto
Java Furniture
Java PDF
Java Webcast
2 de 5
08/02/08 12:47
01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12.
function generateKML(description, lng, lat){ [Link]("kml").value = ''; var kml = '<?xml version="1.0" encoding="UTF-8"?>\n'; kml = kml + '<kml xmlns="[Link] kml = kml + '<Placemark>\n'; kml = kml + '\t<name>' + [Link]("empresa").value + '</name>\n'; kml = kml + '\t<description>' + description + '</description>\n'; kml = kml + '\t<Point><coordinates>' + lng + ',' + lat + ',0</coordinates></Point>\n' kml = kml + '</Placemark>\n'; kml = kml + '</kml>\n' [Link]("kml").value = kml; }
Lo mas destacable son las coordenadas (longitud, latitud, altitud) para que Google Earth pueda encontrarlas en el mapa. Un ejemplo de KML generado sera el siguiente: 01. 02. 03. 04. 05. 06. 07. 08. <?xml version="1.0" encoding="UTF-8"?> <kml xmlns="[Link] <Placemark> <name>Autentia</name> <description>Av de Castilla 2, 28830 San Fernando de Henares, Spain</description> <Point><coordinates>-3.510673,40.452557,0</coordinates></Point> </Placemark> </kml>
Aadiendo la funcionalidad para poder modificar manualmente el resultado de la bsqueda
Queremos conseguir poder arrastrar con el ratn la marca del resultado de la bsqueda de nuestra direccin, esto lo conseguimos modificando el cdigo de la funcin addAddressToMap(response) de la siguiente manera: 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. ..... marker = new GMarker(point, {draggable: true}); [Link](marker, "dragstart", function() { [Link](); }); [Link](marker, "dragend", function() { [Link]("punto").value = [Link]().toUrlValue(); [Link]([Link]); generateKML([Link], [Link]().lng(), [Link]().lat()); } ....
Al crear la marca con la opcin draggable:true le estamos indicando a Google Maps que queremos poder moverla por el mapa. Debemos entonces aadir dos Listener a la marca, una para el dragstart, que como su nombre indica se lanzara en el momento que empiece el arrastre, y otro para el dragend, que se lanzar en el momento que finalice el arrastre. En el dragstart lo nico que hacemos es cerrar la ventana de informacin En el dragend actualizamos el textbox que muestra las coordenadas, mostramos de nuevo la ventana de informacin con la direccin y generamos de nuevo el KML con las nuevas coordenadas, muy sencillo.
Cdigo completo
A continuacin os dejo el cdigo y una imagen que muestra el resultado obtenido.
3 de 5
08/02/08 12:47
Conclusin
Los chicos de Google han hecho las cosas bien (como siempre) y el API de Google Maps es facil de utilizar y est bien documentado. Espero que este tutorial os sirva de ayuda para vuestros primeros contactos con este API.
Puedes opinar sobre este tutorial haciendo clic aqu. Puedes firmar en nuestro libro de visitas haciendo clic aqu. Puedes asociarte al grupo AdictosAlTrabajo en XING haciendo clic aqu. Aadir a favoritos Technorati.
Esta obra est licenciada bajo licencia Creative Commons de Reconocimiento-No comercial-Sin obras derivadas 2.5
Recuerda
Autentia te regala la mayora del conocimiento aqu compartido (Ver todos los tutoriales). Somos expertos en: J2EE, Struts, JSF, C++, OOP, UML, UP, Patrones de diseo ... y muchas otras cosas.
Nos vas a tener en cuenta cuando necesites consultora o formacin en tu empresa?, Vas a ser tan generoso con nosotros como lo tratamos de ser con vosotros?
Somos pocos, somos buenos, estamos motivados y nos gusta lo que hacemos ... Autentia = Soporte a Desarrollo & Formacin. info@[Link]
4 de 5
08/02/08 12:47
Servicio de notificaciones:
Si deseas que te enviemos un correo electrnico cuando introduzcamos nuevos tutoriales. Formulario de subcripcin a novedades: E-mail
Aceptar
Tutoriales recomendados
Nombre Resumen En este tutorial, se pretende mostrar los conceptos generales de XHTML para su utilizacin en el desarrollo de soluciones [Link] ello se describirn los apartados ms importantes y varios ejemplos para su uso en pginas web. Fecha Visitas pdf
Especificaciones y ejemplos de XHTML
2007-03-01
2302
pdf
Este tutorial nos ensea como usar el mecanismo de Analizando audiencia monitorizacin de Google, el Google Analytics, que nos 2007-01-30 con Google Analytics servir de mucha utilidad para poder analizar las visitas de nuestra web Visualizar canales RSS con XSL como HTML Crear pdfs a partir de pginas HTML Introduccin a Google Picasa Informes con cdigo HTML Tutorial de Tutoriales El API Java Printing Integrar Google Maps en tu web Os mostramos como poder enlazar un canal RSS con una hoja de estilo XSL para poder visualizar su contenido como HTML sin necesidad de herramientas especficas. Al mismo tiempo os mostramos como utilizar la herramienta gratuita CookTop. Os mostramos como agrupar y convertir pginas HTML que os interesen en documentos PDF a travs de herramientas gratuitas
1550
pdf
2005-03-04
7838
pdf
2003-07-16
19520 pdf
Este pequeo tutorial nos va a ensear como instalar y manejar una nueva herramienta de Google de 2006-12-27 manipulacin y publicacin de imgenes, el Google Picasa. Este tutorial vamos a ver como poder insertar cdigo HTML dentro de nuestros informes usando para ello iReport Este tutorial nos cuenta algunos trucos y consejos para hacer tutoriales de una forma muy rpida y sencilla. En este tutorial aprenderemos muchas de las caractersticas del API de impresin en Java. En este tutorial os mostramos con un sencillo ejemplo cmo integrar los mapas de localizacin de Google en tu propia web o portal 2007-07-06
1883
pdf
1676
pdf
2007-05-24 2007-12-10 2006-04-11
2300 808
pdf pdf
10690 pdf
Nota:
Los tutoriales mostrados en este Web tienen como objetivo la difusin del conocimiento. Los contenidos y comentarios de los tutoriales son responsabilidad de sus respectivos autores. En algn caso se puede hacer referencia a marcas o nombres cuya propiedad y derechos es de sus respectivos dueos. Si algn afectado desea que incorporemos alguna resea especfica, no tiene ms que solicitarlo. Si alguien encuentra algn problema con la informacin publicada en este Web, rogamos que informe al administrador rcanales@[Link] para su resolucin.
5 de 5
08/02/08 12:47
