Interface Gráfico de Usuario para Google Maps v3

Information about Interface Gráfico de Usuario para Google Maps v3

Published on June 12, 2016

Author: aloncarri

Source: slideshare.net

Content

1. Interface Gráfico de Usuario para Google Maps v3

2. TECNOLOGIA EN LA QUE SE APOYA GOOGLE MAPS. • INGENIERIA CARTOGRÁFICA DEL SIGLO XVI PARA LOS MAPAS DIGITALES DEL SIGLO XXI. Proyección cilíndrica de MERCATOR. Referencia central : Intersección del Ecuador con el Meridiano 0 (Greenwich)

3. COORDENADAS EN LOS MAPAS DE GOOGLE MAPS • Coordenadas geográficas latitud, longitud. Estandar geodésico WGS84 (World Geodesic System 1984) que identifican un punto único en el mundo. • Coordenadas mundiales, internas del API que identifican un punto único en el mapa. • Coordenadas de azulejo que identifican la imagen unitaria donde se ubica un determinado punto en un nivel de zoom concreto.

4. I. ENTIDADES IMPORTANTES EN LOS MAPAS DE GOOGLE MAPS • PLANISFERIO, MOSAICO, AZULEJO Y PIXEL. Nivel Zoom 0 Planisferio = Mosaico = Azulejo (base) Nro. de pixeles referenciables = 256 x 256 = 65536 Coordenadas Pixel = Coordenadas geográficas

5. II. ENTIDADES IMPORTANTES EN LOS MAPAS DE GOOGLE MAPS Nivel Zoom 1 Planisferio = Mosaico = (1 x 2) + (1 x 2 ) = 4 Azulejos Nro. de pixeles referenciables = 512 x 512 = 262144 pixeles Coordenadas Pixel = 256 x 2 = 512

6. III. ENTIDADES IMPORTANTES EN LOS MAPAS DE GOOGLE MAPS Nivel Zoom nZ Planisferio = Mosaico = 2 ( 2 x nZ ) Azulejos Nro. de pixeles referenciables = 2 ( 2 x nZ ) * 65536 pixeles Coordenadas Pixel = 256 x 2 nZ

7. Original aplicación visual e intuitiva que permite buscar y guardar localizaciones mundiales, registrándolas mediante iconos en pantalla y permitiendo, además de un ágil acceso a éstas, organizarlas en colecciones que se podrán compartir. Interfaz Gráfico de Usuario Google Maps

8. Ubicator. Estructura Navegacional

9. Ubicator. Gestión del Interfaz Visual • Control posición ventana de datos (“datum”), al acercarnos a borde de pantalla. • Control posición menú contextual al acercarnos a borde de pantalla.

10. Ubicator. Gestión del Interfaz Visual Estilo “look claro” versus “look oscuro” Para Mapa satélite e híbrido Para Mapa Carreteras y Relieve

11. Ubicator. El Buscador El “pac-container” de los campos de entradas especiales de direcciones de Google Maps, customizado mediante CSS y fusionado con el plugin “Geocomplete”.

12. Ubicator. El Buscador Búsquedas Iterativas. Diagrama del proceso

13. Ubicator. Control de la Configuración Ajustes personalizables Capacidad Hardware Calidad señal ADSL Preferencias usuario

14. Ubicator. La Ubicacion La UBICACIÓN toma entidad cuando se registra un lugar

15. Ubicator. El Bloque de Ubicaciones. • El Bloque de Ubicaciones contiene las ubicaciones cargadas inicialmente en Local Storage y las añadidas posteriormente al ser registradas. • Nos presenta en pantalla de manera intuitiva las localizaciones registradas permitiendo acceder a ellas ágilmente pudiendo también modificar algunos de los datos que contienen. • Activando el panel superior de opciones podrán ser filtradas lo que permitirá organizarlas en grupos de diversa temática que serán exportadas al disco duro en colecciones a través de archivos de texto que contendrán objetos json.

16. Ubicator. Modo Multinavegador. El modo multi-navegador consiste en cargar la aplicación en distintos navegadores a la vez en un mismo sistema. Cada instancia mantiene su propia colección, y a través de las opciones de exportación/importación facilita la organización de estas colecciones.

17. Aplicación Ubicator. • Windows 7 o superior • Internet 11 o superior • Firefox cualquier versión • Chrome cualquier versión • Opera cualquier versión. REQUERIMIENTOS

18. Ubicator 1.1 (click) Aplicación realizada por Alonso Carrillo Belloso. 2015 By Alonso Carrillo

Related presentations