Ejemplos - IGN-CNIG/API-CNIG GitHub Wiki

API REST

A continuación se muestran algunos ejemplos construidos con la API REST:

• Ejemplo 1:

  https://componentes.cnig.es/api-core/?controls=scale,scaleline,panzoombar,panzoom,location,getfeatureinfo,rotate,backgroundlayers&center=-118114.81174504594,4397718.761898104&zoom=6&projection=EPSG:3857*m

  • Controles: panzoom, scale, scaleline, panzoombar, location, getfeatureinfo, rotate y backgroundlayers.
  • Opciones:
    • center=-118114.81174504594,4397718.761898104
    • zoom=6
    • projection=EPSG:3857*m

• Ejemplo 2:

  https://componentes.cnig.es/api-core/?controls=scale,scaleline,panzoombar,panzoom,location,getfeatureinfo,rotate,backgroundlayers&center=-118114.81174504594,4397718.761898104&zoom=6&projection=EPSG:3857*m&plugins=vectors,measurebar,overviewmap&layers=WMTS*http://wmts-mapa-lidar.idee.es/lidar*EL.GridCoverageDSM*GoogleMapsCompatible*Modelo%20Digital%20de%20Superficies%20LiDAR*true*image/png*true*true*true,WMTS*https://www.ign.es/wmts/ign-base?*IGNBaseTodo*GoogleMapsCompatible*IGNBaseTodo*false*image/png*true*true*true,WMS*Limite%20administrativo*http://www.ign.es/wms-inspire/unidades-administrativas?*AU.AdministrativeBoundary*true*false**1.1.1*true*true*true,WMS*Unidad%20administrativa*http://www.ign.es/wms-inspire/unidades-administrativas?*AU.AdministrativeUnit*true*true**1.3.0*true*true*true,KML*Delegaciones*https://www.ign.es/web/resources/delegaciones/delegacionesIGN.kml*false*false*true&sharemap=https://componentes.cnig.es/api-core/*BR

  • Controles: panzoom, scale, scaleline, panzoombar, location, getfeatureinfo, rotate y backgroundlayers.
  • Opciones:
    • center=-118114.81174504594,4397718.761898104
    • zoom=6
    • projection=EPSG:3857*m
  • Plugins: vectors, measurebar, overviewmap y sharemap (sharemap=https://componentes.cnig.es/api-core/*BR).
  • Capas:
    • WMTS Mapa LiDAR: https://wmts-mapa-lidar.idee.es/lidar.
    • WMTS Mapa base: https://www.ign.es/wmts/ign-base.
    • WMS Unidades administrativas: https://www.ign.es/wms-inspire/unidades-administrativas. Capas AU.AdministrativeBoundary y AU.AdministrativeUnit.
    • Fichero KML Delegaciones IGN-CNIG: https://www.ign.es/web/resources/delegaciones/delegacionesIGN.kml.

Parametrización Visualizadores

• Ejemplo 3: Visualizador IBERPIX, que usa la API-CNIG para la construcción de sus mapas.

  https://www.ign.es/iberpix/visor/?zoom=14&srs=EPSG:4326&center=-7.1,38.68&layers=WMS*Limite*https://www.ign.es/wms-inspire/unidades-administrativas*AU.AdministrativeBoundary*true*false**1.3.0*true*true*true

  • Opciones:
    • center=-7.1,38.68
    • zoom=14
    • projection=EPSG:4326
  • Capas:
    • WMS Unidades administrativas: https://www.ign.es/wms-inspire/unidades-administrativas. Capa AU.AdministrativeBoundary.

  En este ejemplo, el usuario especifica unos valores concretos sobre el nivel de zoom, SRS, centro y capas a mostrar en el mapa mediante la parametrización de visualizadores. También podemos acceder al visualizador Iberpix sin especificar parámetros. En caso de no indicar parámetros, se tomará los valores por defecto definidos dentro del mismo visualizador.

API JavaScript

A continuación se muestran algunos ejemplos construidos con la API JavaScript:

• Ejemplo 4

  • Plugins:
    • BackImgLayer: new M.plugin.BackImgLayer({...});
    • ShareMap: M.plugin.ShareMap({...});
  • Opciones:
    • zoom:5
    • maxZoom:20
    • minZoom:4
    • center:[-467062.8225, 4683459.6216]

• Ejemplo 5

  • Plugins:
    • Attributions: new M.plugin.attributions({...});
    • ShareMap: M.plugin.ShareMap({...});
    • ViewManagement: new M.plugin.ViewManagement({...});
    • MouseSRS: M.plugin.MouseSRS({...});
    • TOC: M.plugin.TOC({...});
  • Controles: panzoom, scale, scaleline, rotate, location, backgroundlayers y getfeatureinfo.
  • Capas:
    • WMS: new M.layer.WMS({...});
    • WMTS: new M.layer.WMTS({...});
    • KML: new M.layer.KML({...});

• Ejemplo 6

  • Plugins:
    • Attributions: new M.plugin.Attributions({...});
    • MouseSRS: new M.plugin.attributions({...});
  • Control: scale.
  • Capas:
    • WMTS: new M.layer.WMTS({...});

Más ejemplos

A través de la Galería de Ejemplos se puede acceder a una gran variedad de visualizadores desarrollados con la API-CNIG. La Galería de Ejemplos permite modificar el código html y ejecutarlo, visualizando los resultados.

La API se encuentra disponible en la siguiente URL.