geowe / ogv

Open Geodata Viewer

OGV

Open Geodata Viewer es un proyecto Open-Source basado en la librería OpenLayers, desarrollado por la iniciativa GeoWE con el objetivo de ofrecer un visor de mapas libre y online. Para obtener más información, están disponibles los siguientes enlaces:

• Web del proyecto
• Visor en vivo
• Guía de uso
• Utilidad para configurar tu propio visor

Requerimientos

Para comenzar a desarrollar sobre el proyecto, necesitará tener Node.js instalado en su entorno. Para ogv se han utilizado las siguientes versiones:

$ node --version
v10.16.3

$ npm --version
6.9.0

Instalación

Como punto de partida es necesario realizar un clonado del proyecto. Una vez disponible el código fuente en local, habrá que instalar las dependencias requeridas del proyecto, para lo cual basta con ejecutar el siguiente comando:

npm install

Entorno de desarrollo

Para realizar las pruebas pertinentes del software hay que arrancar el servidor de desarrollo de Node.js, ejecutando la siguiente instrucción:

npm start

Una vez iniciado el entorno de desarrollo, se podrá acceder al mismo mediante el navegador en la siguiente dirección:

http://127.0.0.1:9000

Análisis estático de código

Con objeto de llevar a cabo un control de calidad del código del proyecto, así como detectar posibles errores y vulnerabilidades, se ejecutará el siguiente comando:

npm run lint:fix

Para obtener un informe más detallado de los errores encontrados, se deberá ejecutar la siguiente línea:

npm run lint:report

Como resultado se generará un fichero llamado lint-report.html en la raíz del proyecto.

Puesta en producción

Si se desea realizar el despliegue de una instancia propia de OGV, será necesario construir el software mediante el siguiente comando:

npm run build

Como resultado se creará una carpeta con el nombre dist que contiene todos los ficheros necesarios para realizar la puesta en producción.

Características principales

• Mapas personalizables desde URL.
• Soporte de diferentes capas raster de referencia.
• Carga de conjuntos de datos tanto por URL como por fichero local.
• Zoom del mapa personalizado durante la carga.
• Personalización de la estrategia de carga de elementos.
• Estilos de visualización: paleta de colores, transparencia, etiquetado.
• Compartir mapa vía URL.
• Widget de mapa para embeber tus mapas en cualquier web.
• Diferentes opciones de título de mapa.
• Soporte de estilos SLD.
• Mapas de agrupados (cluster).
• Mapas de calor (heatmap).
• Mapas temáticos/coropléticos.
• Leyenda de mapa, tanto vertical como horizontal, con personalización en función del tipo de mapa.
• Información y herramientas adicionales del mapa a través de la leyenda.
• Vista de mapa general (overview) con tamaño configurable.
• Vista de mapa a pantalla completa (fullscreen).
• Mapas con renderizado de imágenes.
• Visualización y descarga del código QR del mapa.
• Descarga del mapa en formato PNG y JPG.
• Descarga del informe de mapa en formato PDF.

Ejemplos de uso

El repositorio de Open Data de GeoWE ofrece algunos mapas de muestra, generados mediante URL (usando el Widget de mapa para embeber en la web) a través de OGV.

ogv's Issues

Error a crear mapa de calor

Al intentar generar mapa de calor con este geojson

url del mapa:
https://geowe.org/ogv/viewer/?geojson=https%3A%2F%2Fgeowe.org%2FweShare%2F%3F%2Ffiles-pub%2FAzEQxjkZqk&basemap=none&alpha=0.5&heatmap=HABITANTES

se producen errores (en firefox 71):

Error: Fragment shader compilation failed:
0(3) : warning C7547: extension GL_ARB_gpu_shader5 not supported in profile gp4fp
Vertex shader compilation failed:
0(3) : warning C7547: extension GL_ARB_gpu_shader5 not supported in profile gp4vp
PointsLayer.js:147:12
    y PointsLayer.js:147
    createRenderer Heatmap.js:180
    getRenderer Layer.js:269
    render Layer.js:212
    renderFrame Composite.js:111
    renderFrame_ PluggableMap.js:1292
    animationDelay_ PluggableMap.js:198
    <anonymous> self-hosted:869
Error: WebGL warning: <SetDimensions>: Exceeded 16 live WebGL contexts for this principal, losing the least recently used one. webgl.js:111:29



**Error: WebGL warning: <SetDimensions>: Exceeded 16 live WebGL contexts for this principal, losing the least recently used one.**

Uso de proxy para solventar cors

Sería interesante poder usar un proxy para poder cargar geojson de otros dominios, y así poder evitar el CORS.

Página en Blanco en dispositivos IOS

Al abrir cualquier mapa desde dispositivos IOS se queda la página en blanco.
El problema se reproduce en: iPhone, iPad y Mac.
Navegadores probados: Safari, Chrome y Firefox.

Falla generar PDF en mapa de agrupados

Con el siguiente mapa falla la generación del informe
https://geowe.org/ogv/viewer/?geojson=https%3A%2F%2Fapigeo.larioja.org%2Fjson%2Fgeojson.php%2F%3Fc%3D33525a4c2b563442447a3467427a426d4333306635673d3d%26l%3D56564668357237756e336d433452667a5a79414935513d3d&load-type=all&basemap=carto-dark&cluster&distance=20

En la consola aparece el siguiente error:

Uncaught (in promise) TypeError: this._doc.setFontStyle is not a function
    addPage1 ReportGeneratorTool.js:127
    generate ReportGeneratorTool.js:49
    generatePDF MenuTool.js:60

Establece el titulo a partir del geojson

Un usuario indica la necesidad de poder establecer el título del mapa en función de un atributo del geoJSON.

Imagen generada no muestra toda la extensión del mapa

La imagen (jpg o png) generada no muestra toda la extensión del mapa, visualizada en la pantalla.
Además es como si se recortara y se pone mas cuadrada.

Error al cargar el mapa si se usa basemap=none

En la versión 2.16.9 falla si no se usa mapa base. Es decir basemap=none

ejemplo:
https://geowe.org/ogv/viewer/?geojson=https%3A%2F%2Fgeowe.org%2FweShare%2F%3F%2Ffiles-pub%2FMTG2SxEc53&title=Tiempo%20de%20espera%20promedio%20para%20intervenci%C3%B3n%20quir%C3%BArgica%20no%20Urgente&title-size=5&title-color=000000&legend=h&legend-color-width=10&legend-header=Primer%20semestre%202019&legend-footer=D%C3%ADas&color1=ccde16&color2=ff0000&load-type=inc&alpha=0.8&thematic=Tiempo%20medio%20(d%C3%ADas)%20para%20intervenciones%20quir%C3%BArgicas%20no%20urgentes&zoom=5&basemap=none

Ejemplo:
https://geowe.org/ogv/viewer/?geojson=https%3A%2F%2Fapigeo.larioja.org%2Fjson%2Fgeojson.php%2F%3Fc%3D33525a4c2b563442447a3467427a426d4333306635673d3d%26l%3D56564668357237756e336d433452667a5a79414935513d3d&load-type=all&basemap=none

Error al cargar SLD: TypeError: e.polygonsymbolizer.fill is undefined

Al cargar los estilos por sld de una regla PolygonSymbolizer que no tiene fill, se produce un error.

Creo que el problema pudiese estar aqui

SLDLayerStyle: 21 >>> if (rule.polygonsymbolizer !== undefined) { this._rule[rule.name] = rule.polygonsymbolizer.fill.styling.fill; }

Búsquedas de elementos

Permitir la búsqueda o filtro de elementos del mapa en función de algún valor alfanumérico

Tamaño color en leyenda horizontal

¿Sería posible que el tamaño de los colores en la leyenda horizontal fuese proporcional al valor que representa (si es numérico)?
Por ejemplo usando el este, igual que para el tamaño de radio de los puntos.

Así conseguiríamos un efecto visual como un gráfico de barras.

Generar informe PDF de elementos visibles en al extensión del mapa

Cuando se genera el pdf sería conveniente mostrar la información alfanumérica solo los elementos visibles en la extensión del mapa.
Por ejemplo, si tenemos un mapa de 1000 puntos, pero en un zoom cuya extensión muestra 40, que el informe solo liste la información para esos 40 elementos.

Mostrar indicador del Norte geográfico

Por solicitud de algún usuario, se hace interesante incorporar al visor y a las imágenes e informes generados la orienteción geográfica del mapa.
Por ejemplo incluyendo la Rosa de los Vientos

Mostrar en leyenda vertical atributo distinto al temático

Cuando se monta un mapa temático, y se muestra la leyenda vertical, sería interesante poder mostrar valores de otro atributo diferente al temático.

Al igual que el tamaño del punto va en relación del atributo temático, pero se puede establecer como la el otro atributo.

Destacar los márgenes de los polígonos sin opacidad

Buenas, al realizar un mapa temático, cuando se muestran los polígonos sin opacidad y coinciden varios polígonos del mismo color adyacentes, no se pueden distinguir unos de otros.

¿Sería posible resaltar el borde de los polígonos?

En la captura aparece una zona azul clara que en realidad contiene dos polígonos.

Un saludo.

Mejorar presentación de información alfanumérica en el PDF

En los mapas con un texto muy largo como valor de alguno de sus atributos, al generar el PDF la columna de esos atributos se vuelve excesivamente larga. Sería deseable que el texto se ajustara a un tamaño y se mostrara en varias líneas (wrap text).
Ejemplo de geojson:
https://raw.githubusercontent.com/atamunoz/open-data/master/InventAndSuelosContyRV2019ptoWGS84.geojson