2021 - Semana Linux XVIII - GLUD .pdf

1. ¿Cómo hacer un Visor Geográfico
con ngular & ?
000000000000000
GUÍA RÁPIDA:
@LaydiHacks
SLUD XVIII

2. Presentación
@LaydiHacks
Ing. Catastral y Geodesia
Universidad Distrital FJC
Ex-Miembro del Grupo GNU/Linux UD - GLUD
Desarrolladora SIG
Django/Python + PostgreSQL, Java/Mapfish, Angular + Leaflet
GeoHacker, Artista y Violinista Amateur.
@LaydiHacks

3. ¿Qué es un Visor Geográfico?
Es la herramienta principal de un geoportal ya que es el medio
por el cual se visualiza la información espacial de la base
geográfica que se tiene a disposición para consulta. [1]

4. ¿Qué es un GeoPortal?
un Geoportal es un sitio web que
actúa como puerta de entrada a la
colección de recursos de información
donde se puede hallar la
representación, visualización,
consulta y obtención de datos
espaciales. [2]
Visor Geográfico. Permite desplegar la información espacial y tiene
herramientas como Zoom, flechas de navegación, paneo, búsqueda, norte,
coordenadas, fondo o mapa base, entre otros.
Geoservicios. Conjunto de estándares y protocolos para el intercambio de
datos espaciales a través de redes como Internet.
Metadatos. Los metadatos son datos que describen los conjuntos de datos
geográficos
Documentación. La información y los procesos realizados tienen una
historia, origen y propósito, y es recomendable documentar para que otros
usuario puedan entender los procesos desarrollados.

5. Ejemplos - Geoportales
DANE https://geoportal.dane.gov.co/geovisores/sociedad/cnpv-2018/
IGAC - COLOMBIA EN MAPAS
https://www.colombiaenmapas.gov.co/
MAPAS BOGOTÁ
https://mapas.bogota.gov.co/#

6. ¿Información Espacial?
Datos georreferenciados (geodatos)
Incendios Forestales
Casos COVID Colombia

7. Tecnologías para manejo de Información Espacial
Pintura Rupestre
Primer Mapa
Navegación - Cosmovisión
Tecnología
Sistemas de
Información
Geográfica

8. Formatos - Información Espacial
geojson.io
JSON. JavaScript Object Notation, es un formato ligero de
intercambio de datos, que resulta sencillo de leer y
escribir para los programadores y simple de interpretar y
generar para las máquinas.

9. ¿Qué es Angular / Leaflet?
Angular es un framework open source desarrollado
por Google para facilitar la creación y programación
de aplicaciones web de una sola página, las webs
SPA (Single Page Application).
Es modular y escalable adaptándose a nuestras
necesidades y al estar basado en el estándar de
componentes web, y con un conjunto de interfaz
de programación de aplicaciones (API) permite
crear nuevas etiquetas HTML personalizadas que
pueden reutilizarse.
Leaflet es la biblioteca JavaScript
open source para mapas interactivos
desarrollado bajo los principios de:
simplicidad , rendimiento y la facilidad
uso.
https://github.com/Asymmetrik/ngx-leaflet

10. Manos al código…

11. Referencias
[1] Desarrollo de visor geográfico como soporte para el plan básico de ordenamiento territorial del municipio de tibú sobre
el suelo urbano y rural.
https://repository.usta.edu.co/bitstream/handle/11634/2380/2017jonathandiaz.pdf?sequence=4&isAllowed=y
[2] Barrero, J. G., Cardona, V. M., & Cleves, G. J. (2019). ¿Qué es un geoportal y como se hace? EIEI. Recuperado de:
https://acofipapers.org/index.php/eiei/article/view/101
[3] Getting Started with ngx-leaflet https://asymmetrik.com/ngx-leaflet-tutorial-angular-cli/
Repositorio GitLab:
https://gitlab.com/geohacker/geovisor-slud2021
Link de Conferencia: