Open Geodata Viewer

Descripción

Open Geodata Viewer (OGV) es el medio por el que la iniciativa GeoWE permite la publicación de mapas en la Web. Se trata de un visor sencillo y ligero con la posibilidad de ser embebido en cualquier sitio web.

Acceder al visor

Acceso al Visor

OGV es accesible desde cualquier navegador a través de la url:

https://geowe.org/ogv/viewer

Accediendo a través de la url anterior se mostrará la versión más básica del visor: un mapa base de Carto con OpenStreetMap

Añadir capas vectoriales

Para poder usar la funcionalidad de añadir capas vectoriales, desde fichero, se debe acceder al visor con la url:

Vista con la herramienta de añadir capa:

https://geowe.org/ogv/viewer?add-layer=true

Pulsando sobre el botón + (rojo) aparecerá un diálogo para cargar un fichero GeoJSON en WGS84 [EPSG:4326]

Cambiar mapa base

OGV ofrece la posibilidad de usar diferentes mapas base. Para cambiar el mapa base es tan sencillo como acceder al visor con el parámetro basemap="id-mapa"

Mapas base disponibles

#	id-mapa	Proveedor	Descripción
1	carto-light	Carto con OSM	WMS de carto imagen clara, cagando OpenStreetMap (por defecto)
2	carto-dark	Carto con OSM	WMS de carto imagen oscura, cagando OpenStreetMap
3	osm	OpenStreetMap	WMS de OpenStreetMap
4	catastro	Catastro de España	WMS del Catastro de España
5	ign-fondo	IGN	Imagen de fondo del Instituto Geográfico Nacional (España)
6	ign-raster	IGN	Imagen raster del Instituto Geográfico Nacional (España)
7	ign-base	IGN	Imagen base del Instituto Geográfico Nacional (España)
8	pnoa-ortho	Sistema Cartográfico Nacional	Orto del Sistema Cartográfico Nacional (PNOA España)
9	pnoa-mosaic	Sistema Cartográfico Nacional	Mosaico del Sistema Cartográfico Nacional (PNOA España)
9	nasa	Global Imagery Browse Service (GIBS)	Imágenes satélite de la NASA (al día anterior)

Ejemplo cargando mapa base de la nasa:

https://geowe.org/ogv/viewer?basemap=nasa

Cargar capa desde url

OGV ofrece la posibilidad de cargar datos vectoriales desde una url. Para ello usa el parámetro geojson="url-del-fichero".

GeoJSON WGS84

Por el momento es el único formato y proyección soportadas.

Ejemplo cargando datos desde github:

https://geowe.org/ogv/viewer?geojson=https://raw.githubusercontent.com/geowe/geodata/master/general/Municipios-Cordoba-WGS84.geojson

Carga mas de una capa

Si necesitas visualizar mas de una capa, usa el parámetro geojson=url-1,url-2,...url-n, separando por comas las urls de las capas a cargar. Para visualizarlas todas tras la carga define el zoom deseado

Zoom personalizado

Puedes personalizar el zoom de partida del mapa. Para ello usa el parámetro zoom="valor entero".

Zoom de partida

Por defecto OGV hará un zoom a todos los elementos de la capa cargada, permitiendo la visualización de todos.

Mapas de agrupados (cluster)

Un mapa de agrupados (o cluster map) es una representación de los elementos del mapa agrupados por cercanía. OGV permite la posibilidad de mostrar mapas agrupados usando el parámetro "cluster=true".

Puntos, polígonos y líneas

OGV agrupará los elementos de estos tipos de geometría, representandolos siempre como puntos. para el caso de polígonos y líneas usará el interior point.

Ejemplo cargando datos desde github en cluster:

https://geowe.org/ogv/viewer?geojson=https://raw.githubusercontent.com/geowe/geodata/master/general/Municipios-Cordoba-WGS84.geojson&cluster=true

Modificando la distancia de agrupado

Para modificar la distancia de agrupación de los elmentos se debe usar el parámetro distance=x, donde x es la distancia a tomar y cuyo valor por defecto es 20

Mapas de calor

Un mapa de calor (o heatmap) es una representación de los elementos del mapa utilizando un rango de colores asignados a los valores de un atributo. OGV permite la posibilidad de mostrar mapas de calor usando el parámetro heatmap=atributo

Atributo de calor

Este es el atributo en el que OGV se basará para representar el mapa de calor. Debe ser un valor numérico. Cuanto mas anaranjado sea el color mayor es el valor del atributo de calor

Ejemplo cargando datos desde url, cambiando mapa base y como mapa de calor:

https://geowe.org/ogv/viewer?geojson=http://repo.geowe.org/es/home/casos-violencia-genero/Casos-violencia-genero-Andalucia_WGS84-05-2018.geojson&heatmap=V%C3%ADctimas&basemap=carto-dark

Mapas temáticos

Un mapa temático es aquél que está diseñado para mostrar características o conceptos particulares de los elementos del mapa. OGV permite la posibilidad de mostrar mapas de temáticos usando el parámetro thematic=atributo.

Atributo temático

Los valores de este atributo son en los que OGV se basará para representar el mapa temático.

Ejemplo de mapa temático cargando datos desde url:

https://geowe.org/ogv/viewer?thematic=Rango&label&geojson=http://repo.geowe.org/es/home/accidentes-trafico-esp/accidentes-trafico-esp-ccaa-2016.geojson

Mostrando el valor temático

Es posible mostrar en el mapa el valor del atributo temático usando el parámetro label

Mapas con imágenes

En ocasiones existe la necesidad de presentar la información de una capa con puntos mostrando imágenes o fotografías. OGV permite la posibilidad de mostrar mapas con imágenes automáticamente. Para ello el geojson con la información debe contener una propiedad llamada url-img=url.

url-img

El valor de este atributo debe ser una url correcta donde se acceda a la imagen. OGV renderizará en el mapa cada imagen a un tamaño pequeño. Cuando se seleccione se mostrará la información en el panel de la izquierda a mayor tamaño.

Ejemplo de mapa con imágenes:

https://geowe.org/ogv/viewer?geojson=http://repo.geowe.org/es/home/yacimientos-arqueologicos-cordoba/yacimientos-arqueologicos-cordoba_WGS84.geojson

img:url

Si el atributo url-img comienza con img: la imagen solo en el panel lateral, mostrando en el mapa solo puntos.

Cómo Incrustar un mapa

OGV permite incrustar (embeber) un mapa en tu página web. Para ello solo hay que usar el siguiente código JavaScript en la parte donde quieras que se muestre el mapa.

JavaScript Code Example

<script src="https://geowe.org/ogv/embed?geojson=url-geojson"></script>

Incrusta el mapa personalizado

Utiliza los parámetros en la url, de las secciones anteriores, para mostrar el mapa a tu gusto.

Crea tu propio visor

Si no te vale con incrustar un mapa en tu web, y quieres crearlo e incluirlo en tu sitio, puedes crear tu propio visor. Para ello descarga la librería y modifica la plantilla que te proporcionamos de ejemplo según tus necesidades.

Plantilla por defecto para crear tu propio visor

Resumen

Con OGV puedes visualizar información geográfica fácil y rápidamente, así como incrustarla en tu página web. Podrás presentar la información en mapas de calor, temáticos, agrupados o como mejor se ajuste a tu necesidad.

Tabla resumen

Parámetro	Cluster	Calor	Temático
add-layer=true
geojson=url
zoom=value
cluster=attr-name
distance=value
heatmap=attr-name
thematic=attr-name
label

OGVDocs

Guía rápida

Descripción

Acceso al Visor

Añadir capas vectoriales

Vista con la herramienta de añadir capa:

Cambiar mapa base

Mapas base disponibles

Ejemplo cargando mapa base de la nasa:

Cargar capa desde url

GeoJSON WGS84

Ejemplo cargando datos desde github:

Carga mas de una capa

Zoom personalizado

Zoom de partida

Mapas de agrupados (cluster)

Puntos, polígonos y líneas

Ejemplo cargando datos desde github en cluster:

Modificando la distancia de agrupado

Mapas de calor

Atributo de calor

Ejemplo cargando datos desde url, cambiando mapa base y como mapa de calor:

Mapas temáticos

Atributo temático

Ejemplo de mapa temático cargando datos desde url:

Mostrando el valor temático

Mapas con imágenes

url-img

Ejemplo de mapa con imágenes:

img:url

Cómo Incrustar un mapa

JavaScript Code Example

Incrusta el mapa personalizado

Crea tu propio visor

Plantilla por defecto para crear tu propio visor

Resumen

Tabla resumen

Guía rápida

Descripción

Acceso al Visor

Añadir capas vectoriales

Vista con la herramienta de añadir capa:

Cambiar mapa base

Mapas base disponibles

Ejemplo cargando mapa base de la nasa:

Cargar capa desde url

GeoJSON WGS84

Ejemplo cargando datos desde github:

Carga mas de una capa

Zoom personalizado

Zoom de partida

Mapas de agrupados (cluster)

Puntos, polígonos y líneas

Ejemplo cargando datos desde github en cluster:

Modificando la distancia de agrupado

Mapas de calor

Atributo de calor

Ejemplo cargando datos desde url, cambiando mapa base y como mapa de calor:

Mapas temáticos

Atributo temático

Ejemplo de mapa temático cargando datos desde url:

Mostrando el valor temático

Mapas con imágenes

url-img

Ejemplo de mapa con imágenes:

img:url

Cómo Incrustar un mapa

JavaScript Code Example

Incrusta el mapa personalizado

Crea tu propio visor

Plantilla por defecto para crear tu propio visor

Resumen

Tabla resumen

¿Necesitas mostrar un mapa en tu sitio web?

OGV - Open Geodata Viewer

GeoWE - SIG Web

RTCMapping - Real Time Collaborative Mapping

GeoWE OpenData - Repositorio de datos abiertos