Herramientas y visualización

Visualización


Para visualizar la información proporcionada por los servicios de IDEZar se proponen las siguientes opciones:

  1. Visualizadores de IDEZar: Los visualizadores de mapas propios de IDEZar es la manera más sencilla y rápida, ya que están preconfigurados con la información específica del Ayuntamiento de Zaragoza (cartografía de IDEZar, área de la ciudad, etc). Permiten la carga de información vectorial de forma muy sencilla a través de un API JavaScript propio. Están basados en el framework de software libre OpenLayers pero no necesitan aprenderlo, ya que su API JavaScript propia es muy sencilla.
  2. Otros frameworks de visualización recomendados: Si por el contrario prefieres desarrollar y configurar tus visualizadores a tu gusto, recomendamos el uso de los frameworks JavaScript Open Source de visualización de mapas OpenLayers y Leaflet. Ambos proporcionan funcionalidades para sacar el máximo partido de los servicios de IDEZar.

Siguiendo la directiva europea de INSPIRE (INfrastructure for SPatial InfoRmation in Europe), el Ayuntamiento de Zaragoza ofrece la información urbana del municipio de Zaragoza siguiendo las especificaciones del estándar WMS (Web Map Service) definido por OGC (Open Geoespatial Consortium).

Mapa IDEZar

¿Qué es un WMS?

Un WMS es un servicio web que produce mapas de datos referenciados espacialmente, de forma dinámica a partir de información geográfica.

Servicios de Mapas Disponibles en IDEZar

  • WMS Mapa Base Zaragoza:
    Cartografía base del municipio de Zaragoza. (Datos cartográficos suministrados por el Servicio de Información Geográfica del Ayuntamiento de Zaragoza Otras fuentes de datos puntuales: OpenStreetMap, CC-By-SA
    • WMS Estándar https://idezar.zaragoza.es/wms/IDEZar_base/IDEZar_base?REQUEST=GetCapabilities
    • WMS-C (Tileado) https://idezar.zaragoza.es/IDEZar_Base_Tiled/WMSTileCache?&SERVICE=WMS&REQUEST=GetCapabilities
    • WMTS Estándar (Tileado) https://idezar.zaragoza.es/IDEZar_Base_WMTS/TileCache

Características

Admite los siguientes SRS (sistemas de referencia): EPSG:4258 EPSG:4326 EPSG:4230 EPSG:25828 EPSG:25829 EPSG:25830 EPSG:25831 EPSG:23028 EPSG:23029 EPSG:23030 EPSG:23031 EPSG:3785

  • Los formatos de imagen admitidos son: image/png, image/jpeg, image/gif
  • Nivel de detalle de representación dependiente de la escala

¿Cómo utilizarlo?

Desde cualquier cliente de visualización o herramienta GIS que sea capaz de acceder a un WMS estándar.

Por ejemplo:

¿Dónde se usa en zaragoza.es?

Los servicios de mapas de IDEZar se utilizan en todos los planos que aparecen en la Web tanto para visualizar la cartografía del municipio de Zaragoza como para mostrar información urbana georreferenciada sobre el mapa:

Acceso:

Este visor es un visualizador de mapas para pintar información geográfica mediante ficheros GeoJSON muy ligero e independiente de dispositivo (soportado por los principales navegadores y plataformas tanto de escritorio como móvil).

Permite de manera muy sencilla la visualización de información vectorial en formato GeoJSON sobre la cartografía de IDEZar. El visor configura automáticamente toda la información específica de IDEZar y proporciona una API Javascript con métodos para realizar la carga y eliminación interactiva de capas GeoJSON de información vectorial:

Cargar información

 definirCapaJSON("nombre_de_capa", "url_informacion", "centrar_mapa_en_area_de_informacion")
nombre_de_capa: Cadena de texto con el título de la capa de información.
url_informacion: Cadena de texto con la URL de la fuente de información vectorial en formato JSON.
centrar_mapa_en_area_de_informacion: Valor booleano (true|false) que indica si el mapa se ha de centrar en el área geográfica que abarca la información vectorial cargada.

Eliminar información

borrarCapasJSON()

¿Cómo se utiliza?

El visor se debe incluir mediante un iframe del siguiente modo, indicando el tamaño del mismo:

<iframe name="visorPortada" id="visorPortada" src="https://www.zaragoza.es/IDEZar_visorPortada" style=" height:400px; width:800px;"></iframe>

El acceso al API se realiza del modo siguiente:

 frames["nombre_del_visor"].getFacade() 

por ejemplo:

frames["visorPortada"].getFacade().borrarCapasJSON();

Si se desea realizar la carga de la información al cargar el mapa se ha de definir el siguiente script

<script> function getFacade() {
	function visualizadorCargado(exito) {
		if (exito) {
	frames["visorPortada"].getFacade().definirCapaJSON("nombre_de_capa","url_informacion","centrar_mapa");
		}
	}
}
</script>

Ejemplos de uso:

Visualización de los monumentos de la ciudad sobre la cartografía base de Zaragoza mediante el acceso al WMS-C (servicio de mapas tileado) de IDEZar (en ETRS89 UTM30N) y al API del Ayuntamiento de Zaragoza (en ETRS89 UTM30N).

Ver código fuente [visor-portada.html]

<html>
	<head>
		<meta charset="utf-8">
		<title>Visor Portada</title>
	</head>
	<body>
		<iframe name="visorPortada" id="visorPortada" src="https://www.zaragoza.es/IDEZar_visorPortada" frameborder="0" style="height:400px; width:800px;"></iframe>
		<script>
			function getFacade() {
				return {
					visualizadorCargado: function(exito) {
						if (exito) {
							frames["visorPortada"].getFacade().definirCapaJSON("Monumentos","https://www.zaragoza.es/api/recurso/turismo/monumento.geojson?srsname=etrs89&rows=2000&fl=id,title,description,geometry", false);
						}
					}
				}
			}
		</script>
	</body>
</html>

Para más información del uso del API Zaragoza consultar Ayuda API

El Visor GeoRSS es un visualizador de mapas para pintar información geográfica mediante ficheros GeoRSS. El Visor GeoRSS configura automáticamente toda la información específica de IDEZar y permite mostrar sobre el mapa de la ciudad toda la información de interés que en la Web Municipal se publica a través de los distintos servicios GeoRSS. Es tan sencillo como especificar la url del GeoRSS a cargar mediante un parámetro.

¿Qué es GeoRSS?

GeoRSS pertenece a la familia de estándares RSS y se utiliza para representar información georreferenciada anotando geográficamente las entradas del RSS para que dicha información pueda ser localizada en el mapa.

Servicios Georss disponibles en Zaragoza.es

Dentro de la Web Municipal del Ayuntamiento de Zaragoza podemos encontrar multitud de información publicada a través del estándar RSS y muchos de los canales publicados incorporan la localización de la información de forma que puede ser representada sobre el plano de la ciudad.

Estos son algunos ejemplos:

¿Cómo se utiliza?

Para poder visualizar sobre el plano la información publicada por estos servicios GeoRSS, haremos uso del cliente de visualización disponible en IDEZar (https://idezar.zaragoza.es/clientesIDEZarOL/visorGeoRSS).

Este visualizador mostrará cada uno de los elementos publicados por el servicio GeoRSS según la posición especificada y dibujados con el icono que se le haya indicado. Además mostrará información asociada al punto en forma de maptip que ayudará a describir más detalladamente el contenido.

Los parámetros que soporta el visualizador son los siguientes:

  • georss_url: url del canal de GeoRSS a visualizar
  • escala: escala a la que se quiere mostrar el mapa
  • maptiptype: tipo de maptip (valores 0 ó 1)

Ejemplos de uso:

  • Visualización de los pabellones deportivos de la ciudad sobre la cartografía base de Zaragoza mediante el acceso al servicio GeoRSS (en ETRS89 UTM30N).

    Ver código fuente [visor-georss.html]

    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>Visor GeoRSS</title>
    	</head>
    	<body>
    		<iframe src="https://idezar.zaragoza.es/clientesIDEZarOL/visorGeoRSS/?georss_url=https://www.zaragoza.es/ciudad/rdf/hilo/ver_Centro&georss_id=57&maptiptype=0&escala=20000" frameborder="0" style="height:510px; width:800px;"></iframe>
    	</body>
    </html>

OpenLayers es un framework JavaScript de uso libre (licenciado bajo la cláusula 2 de BSD que permite incluir mapas georreferenciados interactivos sin dependencia de servidores de mapas concretos en cualquier página web. OpenLayers proporciona un API para la creación de clientes de visualización y modificación de información geográfica que proporciona herramientas para acceder a todo tipo de información geográfica proveniente de muy variadas fuentes, por ejemplo Web Map Services, Web Feature Services, mapas comerciales, información genérica vectorial, etc.

Ejemplos de uso:

(Los siguientes ejemplos han sido desarrollados sobre la versión 3.7.0 de OpenLayers)

Más Información:

Leaflet es una librería JavaScript de uso libre muy ligera para la creación de clientes de visualización de información geográfica. Está soportado por los principales navegadores y plataformas tanto de escritorio como móviles y su comportamiento y funcionalidad puede ser extendido con una gran variedad de plugins disponibles en constante ampliación con las contribuciones de la comunidad.

Ejemplos de uso:

(Los siguientes ejemplos han sido desarrollados sobre la versión 0.7.2 de Leaflet)

Más información:

Acceso:

https://idezar.zaragoza.es/visorGeojson/idezar/

Definición:

Es un visor a pantalla completa cuya finalidad es permitir la carga sencilla e intuitiva de conjuntos de datos del catálogo de datos abiertos en formato geojson

Funcionalidades

  • Carga de geojson a través de un url.
  • Permite visualizar el contenido del fichero con la estética indicada en el mismo.
  • Permite limpiar el contenido cargado para poder visualizar otro conjunto de datos o cargar uno nuevo sobre el anterior
  • Permite elegir distintas bases cartográficas : IDEZar u OSM (Open Street Map).
  • Pueden cargarse varios contenidos simultáneamente