Guía rápida

Última actualización: 3 de octubre de 2018

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

ogv-basic-addLayer

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

ogv-basic-addLayer

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

ogv-url-layer

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

ogv-cluster-map

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

ogv-heat-map

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

ogv-thematic-map

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

ogv-image-map

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
ogv-mi-map

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

¿Necesitas mostrar un mapa en tu sitio web?

Instance Theme

OGV - Open Geodata Viewer

Visualiza tus mapas fácil, ligero y libre. ¡Sin programar!

Visor

GeoWE - SIG Web

SIG Web orientado a la edición, con características avanzadas.

SIG Web

RTCMapping - Real Time Collaborative Mapping

Crea mapas colaborativamente y en tiempo real

RTCMapping

GeoWE OpenData - Repositorio de datos abiertos

Consulta y publica datos abiertos

OpenData