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: 'http://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])