SlideShare una empresa de Scribd logo
1 de 18
Interface Gráfico de Usuario
para Google Maps v3
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)
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.
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
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
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
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
Ubicator. Estructura Navegacional
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.
Ubicator. Gestión del Interfaz Visual
Estilo “look claro” versus “look oscuro”
Para Mapa satélite e híbrido
Para Mapa Carreteras y Relieve
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”.
Ubicator. El Buscador
Búsquedas Iterativas. Diagrama del proceso
Ubicator. Control de la Configuración
Ajustes personalizables
Capacidad Hardware
Calidad señal ADSL
Preferencias usuario
Ubicator. La Ubicacion
La UBICACIÓN toma entidad cuando se registra un lugar
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.
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.
Aplicación Ubicator.
• Windows 7 o superior
• Internet 11 o superior
• Firefox cualquier versión
• Chrome cualquier versión
• Opera cualquier versión.
REQUERIMIENTOS
Ubicator 1.1 (click)
Aplicación realizada por Alonso Carrillo Belloso. 2015
By Alonso Carrillo

Más contenido relacionado

La actualidad más candente

Aplicaciones sobre mapas
Aplicaciones sobre mapasAplicaciones sobre mapas
Aplicaciones sobre mapasreinaldoyepez
 
Trabajodeinformatica.docx
Trabajodeinformatica.docxTrabajodeinformatica.docx
Trabajodeinformatica.docxEdySon Teck
 
Trabajo informatica 1 bach b sergio gómez
Trabajo informatica 1 bach b sergio gómezTrabajo informatica 1 bach b sergio gómez
Trabajo informatica 1 bach b sergio gómezSergiooGoomez
 
Marble Virtual Globe 1.3 Factsheet (Spanish)
Marble Virtual Globe 1.3 Factsheet (Spanish)Marble Virtual Globe 1.3 Factsheet (Spanish)
Marble Virtual Globe 1.3 Factsheet (Spanish)Marble Virtual Globe
 
Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...
Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...
Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...Mision_Sucre_Aragua
 
PPT Google earth.
PPT Google earth.PPT Google earth.
PPT Google earth.eli chiappa
 
Google Earth En Clase De Geografia
Google Earth  En  Clase  De GeografiaGoogle Earth  En  Clase  De Geografia
Google Earth En Clase De GeografiaPedro Oña
 
Maria belen lopez
Maria belen lopezMaria belen lopez
Maria belen lopezmabeemi
 
Google maps y panoramio
Google maps y panoramioGoogle maps y panoramio
Google maps y panoramioruth1696
 
Google earth una presentacion
Google earth una presentacionGoogle earth una presentacion
Google earth una presentacionrapsofco
 

La actualidad más candente (20)

Aplicaciones sobre mapas
Aplicaciones sobre mapasAplicaciones sobre mapas
Aplicaciones sobre mapas
 
Google maps
Google mapsGoogle maps
Google maps
 
Trabajodeinformatica.docx
Trabajodeinformatica.docxTrabajodeinformatica.docx
Trabajodeinformatica.docx
 
Mapas digitales
Mapas digitalesMapas digitales
Mapas digitales
 
Trabajo informatica 1 bach b sergio gómez
Trabajo informatica 1 bach b sergio gómezTrabajo informatica 1 bach b sergio gómez
Trabajo informatica 1 bach b sergio gómez
 
Cartografia Digitalizada
Cartografia DigitalizadaCartografia Digitalizada
Cartografia Digitalizada
 
Google maps aazl
Google maps aazlGoogle maps aazl
Google maps aazl
 
Marble Virtual Globe 1.3 Factsheet (Spanish)
Marble Virtual Globe 1.3 Factsheet (Spanish)Marble Virtual Globe 1.3 Factsheet (Spanish)
Marble Virtual Globe 1.3 Factsheet (Spanish)
 
Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...
Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...
Cartografía Digitalizada y Principales Herramientas Informáticas aplicadas en...
 
PPT Google earth.
PPT Google earth.PPT Google earth.
PPT Google earth.
 
Google Earth En Clase De Geografia
Google Earth  En  Clase  De GeografiaGoogle Earth  En  Clase  De Geografia
Google Earth En Clase De Geografia
 
Maria belen lopez
Maria belen lopezMaria belen lopez
Maria belen lopez
 
Google maps
Google mapsGoogle maps
Google maps
 
Google maps y panoramio
Google maps y panoramioGoogle maps y panoramio
Google maps y panoramio
 
Google earth una presentacion
Google earth una presentacionGoogle earth una presentacion
Google earth una presentacion
 
Google maps (1)
Google maps (1)Google maps (1)
Google maps (1)
 
google earth
google earthgoogle earth
google earth
 
Google maps!!..
Google maps!!..Google maps!!..
Google maps!!..
 
Google Maps
Google MapsGoogle Maps
Google Maps
 
Google Maps
Google Maps Google Maps
Google Maps
 

Similar a Interface Gráfico de Usuario para Google Maps v3

Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...
Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...
Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...Esri
 
Posibilidades Educativas de Google Earth
Posibilidades Educativas de Google EarthPosibilidades Educativas de Google Earth
Posibilidades Educativas de Google EarthFulgencio Belmonte
 
Geohabilitación de gestores contenidos: CMSMap
Geohabilitación de gestores contenidos: CMSMapGeohabilitación de gestores contenidos: CMSMap
Geohabilitación de gestores contenidos: CMSMapPablo López Escobés
 
Apps de campo: La potencia del GIS llevada al campo
Apps de campo: La potencia del GIS llevada al campoApps de campo: La potencia del GIS llevada al campo
Apps de campo: La potencia del GIS llevada al campoEsri España
 
Estudio cartográfico de la manga del mar menor aplicaciones sig y gps
Estudio cartográfico de la manga del mar menor   aplicaciones sig y gpsEstudio cartográfico de la manga del mar menor   aplicaciones sig y gps
Estudio cartográfico de la manga del mar menor aplicaciones sig y gpsJoaquín Pelegrín
 
Tesis presentacion
Tesis presentacion Tesis presentacion
Tesis presentacion p280821
 
2013 06 arc_gis_como_plataforma-canarias
2013 06 arc_gis_como_plataforma-canarias2013 06 arc_gis_como_plataforma-canarias
2013 06 arc_gis_como_plataforma-canariasEsri
 
Getting Started with Azure Maps visual in Power BI
Getting Started with Azure Maps visual in Power BIGetting Started with Azure Maps visual in Power BI
Getting Started with Azure Maps visual in Power BICarlaVanesaMamaniCha
 
Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”
Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”
Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”Esri España
 
Seminario Desktop Madrid y Barcelona
Seminario Desktop Madrid y BarcelonaSeminario Desktop Madrid y Barcelona
Seminario Desktop Madrid y BarcelonaEsri
 
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGISLidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGISIsaac Sánchez Castro
 
C:\fakepath\sistemas de información geográfica
C:\fakepath\sistemas de información geográficaC:\fakepath\sistemas de información geográfica
C:\fakepath\sistemas de información geográficaHernan Cajo Riofrio
 
Webinar Aplicaciones GIS
Webinar Aplicaciones GISWebinar Aplicaciones GIS
Webinar Aplicaciones GISEsri España
 
ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades Esri España
 
Desarrollo de apps Android basadas en localización
Desarrollo de apps Android basadas en localizaciónDesarrollo de apps Android basadas en localización
Desarrollo de apps Android basadas en localizaciónSlashMobility.com
 
Base de datos espacial
Base de datos espacialBase de datos espacial
Base de datos espacialOmar Rios
 

Similar a Interface Gráfico de Usuario para Google Maps v3 (20)

Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...
Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...
Utilización de fotografías 360º con ArcGIS para la revisión del Plan General ...
 
Diseno relevamiento
Diseno relevamientoDiseno relevamiento
Diseno relevamiento
 
Posibilidades Educativas de Google Earth
Posibilidades Educativas de Google EarthPosibilidades Educativas de Google Earth
Posibilidades Educativas de Google Earth
 
Geohabilitación de gestores contenidos: CMSMap
Geohabilitación de gestores contenidos: CMSMapGeohabilitación de gestores contenidos: CMSMap
Geohabilitación de gestores contenidos: CMSMap
 
Apps de campo: La potencia del GIS llevada al campo
Apps de campo: La potencia del GIS llevada al campoApps de campo: La potencia del GIS llevada al campo
Apps de campo: La potencia del GIS llevada al campo
 
Estudio cartográfico de la manga del mar menor aplicaciones sig y gps
Estudio cartográfico de la manga del mar menor   aplicaciones sig y gpsEstudio cartográfico de la manga del mar menor   aplicaciones sig y gps
Estudio cartográfico de la manga del mar menor aplicaciones sig y gps
 
Lbs ixtlahuaca
Lbs ixtlahuacaLbs ixtlahuaca
Lbs ixtlahuaca
 
Tesis presentacion
Tesis presentacion Tesis presentacion
Tesis presentacion
 
2013 06 arc_gis_como_plataforma-canarias
2013 06 arc_gis_como_plataforma-canarias2013 06 arc_gis_como_plataforma-canarias
2013 06 arc_gis_como_plataforma-canarias
 
Lbs ixtapa
Lbs ixtapaLbs ixtapa
Lbs ixtapa
 
Getting Started with Azure Maps visual in Power BI
Getting Started with Azure Maps visual in Power BIGetting Started with Azure Maps visual in Power BI
Getting Started with Azure Maps visual in Power BI
 
Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”
Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”
Creando mundos 3D en la plataforma ArcGIS, desde catastro a “Zootopia”
 
Seminario Desktop Madrid y Barcelona
Seminario Desktop Madrid y BarcelonaSeminario Desktop Madrid y Barcelona
Seminario Desktop Madrid y Barcelona
 
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGISLidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
 
C:\fakepath\sistemas de información geográfica
C:\fakepath\sistemas de información geográficaC:\fakepath\sistemas de información geográfica
C:\fakepath\sistemas de información geográfica
 
Master Class ArcGIS Urban 2022 Q4
Master Class ArcGIS Urban 2022 Q4Master Class ArcGIS Urban 2022 Q4
Master Class ArcGIS Urban 2022 Q4
 
Webinar Aplicaciones GIS
Webinar Aplicaciones GISWebinar Aplicaciones GIS
Webinar Aplicaciones GIS
 
ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades
 
Desarrollo de apps Android basadas en localización
Desarrollo de apps Android basadas en localizaciónDesarrollo de apps Android basadas en localización
Desarrollo de apps Android basadas en localización
 
Base de datos espacial
Base de datos espacialBase de datos espacial
Base de datos espacial
 

Interface Gráfico de Usuario para Google Maps v3

  • 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
  • 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