Qué ofrece Autentia Real Business Solutions S.L?

Transcripción

1 Avenida de Castilla, - Edificio Best Point - Oficina B 880 San Fernando de Henares (Madrid) tel./fax: info@autentia.com - Qué ofrece Autentia Real Business Solutions S.L Somos su empresa de Soporte a Desarrollo Informático. Ese apoyo que siempre quiso tener.... Desarrollo de componentes y proyectos a medida. Auditoría de código y recomendaciones de mejora. Arranque de proyectos basados en nuevas tecnologías. Definición de frameworks corporativos.. Transferencia de conocimiento de nuevas arquitecturas.. Soporte al arranque de proyectos. 4. Auditoría preventiva periódica de calidad. 5. Revisión previa a la certificación de proyectos. 6. Extensión de capacidad de equipos de calidad. 7. Identificación de problemas en producción. a RFP Gran Empresa Concurso Verificación previa Consultora Tecnología Desarrollo Sistemas Producción Consultora Piloto b Certificación o Pruebas Consultora autentia Equipo propio desarrollo 4. Cursos de formación (impartidos por desarrolladores en activo) Spring MVC, JSF-PrimeFaces /RichFaces, HTML5, CSS, JavaScript-jQuery Gestor portales (Liferay) Gestor de contenidos (Alfresco) Aplicaciones híbridas Control de autenticación y acceso (Spring Security) UDDI Web Services Rest Services Social SSO SSO (Cas) Tareas programadas (Quartz) Gestor documental (Alfresco) Inversión de control (Spring) Compartimos nuestro conociemiento en: JPA-Hibernate, MyBatis Motor de búsqueda empresarial (Solr) ETL (Talend) Dirección de Proyectos Informáticos. Metodologías ágiles Patrones de diseño TDD BPM (jbpm o Bonita) Generación de informes (JasperReport) ESB (Open ESB) Para más información visítenos en:

2 Entra en Adictos a través de Contraseña Entrar Deseo registrarme Olvidé mi contraseña Inicio Quiénes somos Formación Comparador de salarios Nuestros libros Más» Estás en: Inicio Tutoriales Introducción a OpenLayers: un visor de mapas javascript. Jose Manuel Sánchez Suárez Consultor tecnológico de desarrollo de proyectos informáticos. Catálogo de servicios Autentia Puedes encontrarme en Autentia: Ofrecemos servicios de soporte a desarrollo, factoría y formación Somos expertos en Java/JEE Ver todos los tutoriales del autor Fecha de publicación del tutorial: Tutorial visitado 7 veces Descargar en PDF Introducción a OpenLayers: un visor de mapas javascript. 0. Índice de contenidos.. Introducción.. Entorno.. Descarga y configuración. 4. Nuestro primer mapa. 5. Mi posición actual. 6. Referencias. 7. Conclusiones. Síguenos a través de:. Introducción Openlayers es una librería javascript que se ha posicionado como la mejor alternativa a google maps a la hora de incluir un componente de tipo mapa en cualquier página web, con georeferencias. Lo más interesante es que incluso si disponemos de la cartografía de Google, Microsoft (MSN Virtual Earth) o Yahoo, también puedes usar OpenLayers como visor porque es totalmente compatible con tecnologías propietarias, además de cumplir con los estándares WMS y WFS. Al ser una librería del lado del cliente, es un visor de mapas en javascript, la descarga de estos se realiza directamente desde el navegador a través de Ajax; no genera tráfico en el servidor, los mapas se descargan directamente del servidor de mapas que suele ser una pieza diferenciada a nivel de sistemas. OpenLayers permite sobreponer distintas capas sobre una básica, añadir indicadores o puntos en el mapa con leyendas, así como polígonos y proporciona su propio api para dibujarlos de una manera sencilla. Incorpora un set de controles básicos y una toolbar de controles avanzados y podemos incluir nuestros propios controles haciendo uso del API. Si teneis dudas en cuanto al rendimiento del lado cliente, echad un vistazo a esta demo que muestra 700 puntos en un mapa.. Entorno. El tutorial está escrito usando el siguiente entorno: Hardware: Portátil MacBook Pro 5' (.4 GHz Intel Core i7, 8GB DDR SDRAM). Sistema Operativo: Mac OS X Lion OpenLayers. Últimas Noticias» Ya está a la venta mi segundo libro: Planifica tu éxito, de aprendiz a empresario» Ya esta disponible en ebook mi primer libro: Informática Profesional» Comentando el libro: La inteligencia reformada, las inteligencias múltiples en el siglo XXI de Howard Gardner» Hangout "El precio de un servicio"» Comentando el Libro HACER: NADA! DE J. Keith Murnighan Histórico de noticias Últimos Tutoriales. Descarga y configuración. Para comenzar a hacer uso de OpenLayers tenemos dos opciones: descarganos la librería o hacer uso de la misma en modo hosting. <script type="text/javascript" src=" Trabajar con tablas en JasperReport» Gestión de expedientes en el ámbito de las ámbito funcional. de 4 7/0/ :5

3 Si optamos por la descarga, despues de desempaquetar no tenemos más que copiar el fichero OpenLayers.js a nuestro directorio de librerías javascript y comenzar a hacer uso del mismo. 4. Nuestro primer mapa. Para incluir nuestro primer mapa no tenemos más que disponer una capa en el cógido html identificándola con un id. <div id="mimapa" style="width: 5px; height:5px;"> E incluir un código como este El resultado será similar al siguiente: + - <script type="text/javascript"> var mapa = new OpenLayers.Map("miMapa"); var layerbase = new OpenLayers.Layer.WMS( "OpenLayers WMS", " {layers: "basic"}); mapa.addlayer(layerbase); mapa.addcontrol(new OpenLayers.Control.LayerSwitcher(true)); mapa.addcontrol(new OpenLayers.Control.MousePosition({ numdigits: })); mapa.addcontrol(new OpenLayers.Control.ScaleLine()); mapa.setcenter(new OpenLayers.LonLat(0, 40), 5);» CDI: Inyección de dependencias en JEE y ejecución de test de integración con el soporte de Arquilian.» PrimeUI: set de componentes visuales en javascript - un spin-off de Primefaces.» Reactívate dinosaurio! Últimos Tutoriales del Autor» Gestión de expedientes en el ámbito de las ámbito funcional.» CDI: Inyección de dependencias en JEE y ejecución de test de integración con el soporte de Arquilian.» PrimeUI: set de componentes visuales en javascript - un spin-off de Primefaces.» Instalación de Oracle WebLogic c en Mac OS.» LoadUI: pruebas de rendimiento de servicios web. Categorías del Tutorial Ajax Javascript / JQuery 00 km 00 mi La lectura del código javascript es sencilla: creamos un mapa sobre la capa "mimapa" creamos una capa base apuntando a un servidor de mapas público " añadimos dos controles: uno que indica la posición del cursor y otro que permite hacer zoom (probad shift + seleccion de zona para hacer zoom) centramos el mapa en un punto (0,40), con un nivel de profundidad Mi posición actual. Últimas ofertas de empleo Comercial - Ventas - MADRID Comercial - Ventas - VALENCIA Comercial - Compras - ALICANTE. Vamos a introducir una pequeña variación en el ejemplo anterior obteniendo tu posición geográfica actual; hemos cambiado la capa base por el callejero público de Open Street Maps y añadiremos una marca a ver si acertamos ;). Pulsa aquí para posicionarte, con un navegador que soporte las capacidades de geoposicionamiento de HTML5, te pedirá confirmación para compartir tu ubicación Otras Sin catalogar - MADRID Otras Sin catalogar - LUGO. Jose Manuel Sánchez sanchezsuarezj 00 km 00 mi Data CC-By-SA by OpenStreetMap rubenbpv Completo roadmap a seguir para aprender #Backbone.js en 5 / 0 horas ow.ly/hfdd 4 days ago reply retweet favorite sanchezsuarezj Gestión de expedientes en el ámbito de las ámbito funcional- kcy.me/f5os buscando una solución única de 4 7/0/ :5

4 6 days ago reply retweet favorite sanchezsuarezj Tu pregunta lo que quieras que yo te contestare lo que me de la gana. #fofito y #rodi en el Nuevo Apolo. Los niños encantados y muy emotivo. 8 days ago reply retweet favorite adictosaltrabaj #CDI #Weld: Join the conversation Acertamos, el código es el siguiente: <script type="text/javascript"> var mapa = new OpenLayers.Map("miMapa"); var osm = new OpenLayers.Layer.OSM(); mapa.addlayer(osm); mapa.addcontrol(new OpenLayers.Control.LayerSwitcher(true)); mapa.addcontrol(new OpenLayers.Control.MousePosition({ numdigits: })); mapa.addcontrol(new OpenLayers.Control.ScaleLine()); mapa.setcenter(new OpenLayers.LonLat(0, 40).transform( new OpenLayers.Projection("EPSG:46"), mapa.getprojectionobject() ), 5); function posicioname(){ if (navigator.geolocation) { navigator.geolocation.getcurrentposition(function(position) { var lat = position.coords.latitude; var lng = position.coords.longitude; var lnglat = new OpenLayers.LonLat(lng,lat).transform( new OpenLayers.Projection("EPSG:46"), mapa.getprojectionobject()) mapa.setcenter(lnglat, 4); }); } } var markers = new OpenLayers.Layer.Markers( "Marcas" ); markers.addmarker(new OpenLayers.Marker(lnglat)); mapa.addlayer(markers); La lectura del código javascript se complica, pero no mucho: navigator.geolocation es el objeto nativo de HTML5 que nos permite obtener la ubicación actual del dispositivo, para añadir la capa de Open Street Map, OpenLayers tiene una función nativa OpenLayers.Layer.OSM(), los mapas de Open Street Maps usan el sistema de referencia espacial EPSG:46 (Coordenadas Geográficas WGS84) y debemos adaptar la posición obtenida del dispositivo a dicha proyección haciendo uso de la función transform sobre la posición (lnglat), para añadir una marca debemos añadir una capa de tipo OpenLayers.Layer.Markers que acepta marcas de tipo OpenLayers.Marker que tienen sus propios iconos, aunque se pueden personalizar. 6. Referencias Conclusiones. Es una librería muy pontente que requiere profundizar en conocimientos de GIS (Geographic Information System) que, a priori, puede que no tengamos. La gran ventaja, no requiere el uso de licencias como google maps y, aunque dispongamos de ellas, también podemos hacer uso de OpenLayers sobre google maps. El abanico de posibilidades es enorme, no tenéis más que revisar los ejemplos online: importar marcas en formato KML, marcar polígonos con islas, posicionar marcas con el parseo de rss, integración con jquery Mobile, añadir animaciones a los polígonos para representar, por ejemplo, una trayectoria,... A disfrutarlo! Un saludo. Jose jmsanchez@autentia.com A continuación puedes evaluarlo: Regístrate para evaluarlo de 4 7/0/ :5

5 Por favor, vota + o compártelo si te pareció interesante Share 0 Anímate y coméntanos lo que pienses sobre este TUTORIAL:» Registrate y accede a esta y otras ventajas «Esta obra está licenciada bajo licencia Creative Commons de Reconocimiento-No comercial-sin obras derivadas.5 Copyright 00-0 All Rights Reserved Texto legal y condiciones de uso Banners Powered by Autentia Contacto 4 de 4 7/0/ :5