-
Notifications
You must be signed in to change notification settings - Fork 15
GeoTIFF
GeoTIFF formato ráster que aprovecha un formato de archivo independiente de plataforma (TIFF) maduro añadiendo los metadatos necesarios para describir y utilizar datos de imágenes geográficas.
1.- En el constructor del mapa:
// En modo cadena
const map = M.map({
container: 'map',
bbox: [268339.6976254622, 5219913.662610877, 347031.6182450511, 5241774.652700437],
layers: ["OSM", "GeoTIFF*Capa*https://ftpcdd.cnig.es/Vuelos_2021/Vuelos_2021/catalunya_2021/Costa/01.VF/01.08_PNOA_2021_CAT_COSTA_22cm_VF_img8c_rgb_hu31/h50_0219_fot_002-0001_cog.tif"],
projection: 'EPSG:3857*m',
});
// Instanciando la capa
const map2 = M.map({
container: 'map',
bbox: [268339.6976254622, 5219913.662610877, 347031.6182450511, 5241774.652700437],
layers: [ 'OSM',
new M.layer.GeoTIFF({
url: 'https://ftpcdd.cnig.es/Vuelos_2021/Vuelos_2021/catalunya_2021/Costa/01.VF/01.08_PNOA_2021_CAT_COSTA_22cm_VF_img8c_rgb_hu31/h50_0219_fot_002-0001_cog.tif',
name: 'Nombre geotiff',
legend: 'Leyenda geotiff',
}, {
nodata: 0,
})
],
projection: 'EPSG:3857*m',
});
2.- Mediante los métodos addGeoTIFF/addLayers:
// Instanciamos el mapa
const map = M.map({
bbox: [268339.6976254622, 5219913.662610877, 347031.6182450511, 5241774.652700437],
container: 'map',
projection: 'EPSG:3857*m',
});
// Instanciamos la capa GeoTIFF
const layer = new M.layer.GeoTIFF({
url: 'https://ftpcdd.cnig.es/Vuelos_2021/Vuelos_2021/catalunya_2021/Costa/01.VF/01.08_PNOA_2021_CAT_COSTA_22cm_VF_img8c_rgb_hu31/h50_0219_fot_002-0001_cog.tif',
name: 'Nombre geotiff',
legend: 'Leyenda geotiff',
}, {
nodata: 0,
});
// La añadimos al mapa
map.addLayers(layer);
// También puede usarse map.addGeoTIFF(layer)
// En caso de que tuvieramos layer1, layer2 podríamos hacer
// map.addLayers([layer1, layer2]) o map.addGeoTIFF([layer1, layer2])
Parámetros:
-
name: nombre de la capa.
-
url: url del servicio.
-
legend: Nombre asociado en el árbol de contenidos, si usamos uno.
-
transparent: 'false' si es una capa base, 'true' en caso contrario. Parámetro obsoleto, se recomienda usar el parámetro isBase
-
isBase: 'true' si se quiere definir la capa como capa base, 'false' en caso contrario.
-
attribution: Atribución de la capa.
- name. Nombre de la atribución
- description. Descripción de la atribución.
- url. URL de la atribución.
- contentAttributions. Atribuciones por objetos geográficos, por defecto vacío.
- contentType. Tipo de url de “contentAttributions” (KML o GeoJSON).
-
visibility: 'true' si la capa es visible, 'false' si queremos que no lo sea. En este caso la capa sería detectado por los plugins de tablas de contenidos y aparecería como no visible.
-
maxExtent: Restringe la visibilidad de la capa a una extensión.
-
projection: Proyección de fuente.
-
displayInLayerSwitcher: Indica si la capa se muestra en el selector de capas.
-
options: Estas opciones se mandarán a la implementación de la capa.
- minZoom: Zoom mínimo aplicable a la capa.
- maxZoom: Zoom máximo aplicable a la capa.
- minScale: Escala mínima.
- maxScale: Escala máxima.
- minResolution: Resolución mínima.
- maxResolution: Resolución máxima.
- convertToRGB: Al leer archivos GeoTIFF con el fin de mostrarlos como imágenes RGB, si se configura esta opción como "true", se convertirán otros espacios de color (YCbCr, CMYK) a RGB. Si se configura la opción como "auto", las imágenes CMYK, YCbCr, CIELab e ICCLab se convertirán automáticamente a RGB.
- nodata: Sobreescribe el parametro nodata del dato original.
- bands: Bandas a mostrar en forma de array y como numero, si el array esta vacio muestra todas.
- opacity: Opacidad de capa, por defecto 1.
- styles: Estilos de la capa.
-
vendorOptions: Opciones para la biblioteca base (el código se envía directamente a la librería base para ejecutar la funcionalidad). Ejemplo vendorOptions:
{
opacity: 0.1, // Cambia la opacidad de la capa
}
const layer = new M.layer.GeoTIFF({
url: 'https://ftpcdd.cnig.es/Vuelos_2021/Vuelos_2021/catalunya_2021/Costa/01.VF/01.08_PNOA_2021_CAT_COSTA_22cm_VF_img8c_rgb_hu31/h50_0219_fot_002-0001_cog.tif',
name: 'Nombre geotiff',
legend: 'Leyenda geotiff',
isBase: false,
visibility: true,
maxExtent: [299487.4297775584, 5224273.407288137, 317192.1564541124, 5228878.738242318],
}, {
minZoom: 11,
maxZoom: 13,
convertToRGB: false,
nodata: 0,
styles: {
gamma: 0.5,
},
}, {
opacity: 0.3
});
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.1. Capas
■ 2.1.1. Fuentes
• 2.1.1.1. Capas vectoriales
+ Vector
+ WFS
+ GeoJSON
+ KML
+ MVT
+ OGCAPIFeatures
+ MBTilesVector
+ GenericVector
+ MapLibre
• 2.1.1.2. Capas ráster
+ WMS
+ WMTS
+ TMS
+ XYZ
+ OSM
+ MBTiles
+ GenericRaster
+ GeoTIFF
• 2.1.1.3. Capas rápidas
• 2.1.1.4. Grupo de capas
■ 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.4. Paneles
» Creación de panel desde cero sin controles
» Tutorial Panel de un único control
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
9. GUÍA DE DESARROLLO
> Guía para el desarrollo de API-CNIG
» Tutorial desarrollo del núcleo de API-CNIG - (Cliente)
> Guía de desarrollo de componentes
» Tutorial desarrollo del núcleo de API-CNIG - (Servidor)
> Guía de desarrollo de plugins
» Tutorial desarrollo de plugins ya creados
» Tutorial desarrollo de nuevos plugins
> Guía de desarrollo de visualizadores con React