Skip to content

2.1.1.3. Capas rápidas

IngenieroGeomatico edited this page Mar 21, 2024 · 8 revisions

Las cápas rápidas consisten en una serie de servicios definidos dentro de la API-CNIG que podemos añadir a nuestros mapas sólo indicando el nombre de aquellos que deseemos añadir.

Para consultar aquellos servicios que están dados de alta en capas rápidas podemos hacer uso del método getQuickLayers:

M.getQuickLayers();

Este método devuelve un objeto con todas las definiciones. Además se puede filtrar por nombre. Por ejemplo, si queremos ver la definición del servicio con nombre 'CartografiaRaster_MTN_WMTS':

M.getQuickLayers('CartografiaRaster_MTN_WMTS');

Devuelve: 'WMTS*https://www.ign.es/wmts/mapa-raster?*MTN*GoogleMapsCompatible*MTN*true*image/jpeg'

Igualmente, podemos acceder al servicio de la siguiente forma:

M.getQuickLayers().CartografiaRaster_MTN_WMTS;

Nota: solo se permite filtrar por 1 nombre.

La definición de los servicios pueden estar en formato API-REST o como objeto capa.

Añadir capas rápidas al mapa

Para ello haremos uso del método clásico 'addLayers' con el formato 'QUICK*nombre'. Ejemplo:

mapjs.addLayers('QUICK*MapaBase_CallejeroGris_WMTS');

O haciendo uso del método 'addQuickLayers', en este caso no es necesario especificar 'QUICK'. Ejemplo:

mapjs.addQuickLayers('MapaBase_CallejeroGris_WMTS');

Aunque también se podría indicar el tipo:

mapjs.addQuickLayers('QUICK*municipiosWMS')

Otra posibilidad es añadiéndola en el constructor del mapa. Ejemplo:

layers: ['OSM', 'QUICK*MapaBase_CallejeroGris_WMTS']

Añadir servicios a la lista de capas rápidas

En caso de que el usuario quiera aumentar la lista de capas lo realizará con el siguiente código:

M.addQuickLayers({
    nombre: definición
})

Ejemplo:

M.addQuickLayers({
  municipios_wms: 'WMS*Municipios*http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/wms?*tematicos:Municipios'
});

También es posible crear un fichero JS con el siguiente contenido.

M.addQuickLayers({
  municipios_wms: 'WMS*Municipios*http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/wms?*tematicos:Municipios'
, ...
});

E importarlo después de los ficheros necesarios de la API:

<script type="text/javascript" src="https://componentes.cnig.es/api-core/js/apiign.ol.min.js"></script>
<script type="text/javascript" src="https://componentes.cnig.es/api-core/js/configuration.js"></script>
<script type="text/javascript" src="./quicklayers.js"></script>

Eliminar los servicios de la lista de capas rápidas

En caso de querer definir nuestro propio listado de capas rápidas podemos hacer uso del parámetro force del método 'addQuickLayers'.

M.addQuickLayers({
  nueva definición
}, true); // true para eliminar las capas ya definidas

Ejemplo:

M.addQuickLayers({
  municipios_wms: 'WMS*Municipios*http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/wms?*tematicos:Municipios'
}, true);

Usar las capas rápidas desde API-REST

También se pueden usar las capas rápidas para crear visualizadores por API- REST, para ello se añadiría como parámetro GET en "Layers" la cadena de texto "QUICK" + el nombre de la capa rápida.

Por ejemplo:

https://componentes.cnig.es/api-core/?layers=QUICK*RelieveSombreado_TMS,QUICK*IGNBaseOrto_TMS&center=-616447.7038098746,4491015.287866212&zoom=5

1.INICIO
   1.1. Componentes de la API-CNIG
   1.2. Documentación y Puntos de acceso
   1.3. Primeros pasos
   1.4. Diagrama API CNIG

2. MAPA
2.1. Capas

 ■ 2.1.1. Fuentes
   • 2.1.1.1. Capas vectoriales
     + Vector
     + WFS
     + GeoJSON
     + KML
     + MVT
     + OGCAPIFeatures
     + MBTilesVector
     + GenericVector
   • 2.1.1.2. Capas ráster
     + WMS
     + WMTS
     + TMS
     + XYZ
     + OSM
     + MBTiles
     + GenericRaster
   • 2.1.1.3. Capas rápidas

 ■ 2.1.2. Simbolización
   • 2.1.2.1. Genérica
     + Puntos
     + Líneas
     + Polígonos
   • 2.1.2.2. Básica
     + Puntos
     + Líneas
     + Polígonos
   • 2.1.2.3. Avanzada
     + Coropletas
     + Proporcional
     + Categorías
     + Estadísticos
     + Mapas de Calor
     + Cluster
     + Línea de flujo
     + Composición

 ■ 2.1.3. Filtros

    2.3. Plugins

2.4. Paneles

  ■ Creación de panel desde cero sin controles

  ■ Tutorial Panel de un único control

  ■ Tutorial Panel de un único control con más de un botón

  ■ Tutorial Panel con más de un control

2.5. Eventos

  ■ Gestión de eventos
  ■ Gestión de eventos en controles personalizados

    2.6. Internacionalización

    2.7. Configuración

    2.8. Acceso librerías base

3. UTILIDADES

4. PROXY

5. API REST
 5.1. Parametrización API-REST
 5.2. Base de Datos API-REST
 5.3. API REST Actions
 5.4. Servicio de correos electrónicos
 5.5. Capas rápidas

6. PARAMETRIZACIÓN VISUALIZADORES

7. SOLUCIÓN DE PROBLEMAS

8. PROCESO DE VERSIONADO

9. GUÍA DE DESARROLLO
  > Guía de desarrollo de plugins
  > Guía de desarrollo de visualizadores con React
  > Guía de desarrollo de componentes
  > Guía para el desarrollo de API-CNIG
  > Compilación proyecto API-CNIG

Clone this wiki locally