Multiples_vistas_CDOBREGON

//Múltiples vistas en Google Earth Engine

// Llamada a la colección COPERNICUS, filtrado de fechas y cobertura de nubes
var ImagenSatelite = ee.ImageCollection('COPERNICUS/S2')
    .filterDate('2020-12-01', '2020-12-31')
    .filterMetadata ('CLOUDY_PIXEL_PERCENTAGE', 'Less_Than', 20);


// Composición RGB de 4 imágenes con diferentes composiciones de banda
var ComposicionesRGB = {
  'Color Natural RGB 4,3,2': ['B4', 'B3', 'B2'],
  'Urbano RGB 12,11,4': ['B12', 'B11', 'B4'],
  'Vegetación RGB 8,4,3': ['B8', 'B4', 'B3'],
  'Agricultura RGB 11,8,2': ['B11', 'B8', 'B2']};
function getVisualization(bands) {
  return {gamma: 1, min: 0, max: 5000, bands: bands};}


//Creación y union entre los mapas
var PanelMapas = [];
Object.keys(ComposicionesRGB).forEach(function(name) {
  var Mapa = ui.Map();
  Mapa.add(ui.Label(name));
  Mapa.addLayer(ImagenSatelite, getVisualization(ComposicionesRGB[name]), name);
  Mapa.setControlVisibility(false);
  PanelMapas.push(Mapa);});
var linker = ui.Map.Linker(PanelMapas);


//Configuración de la posición de los 4 mapas sobre la ventana
var mapGrid = ui.Panel([
    ui.Panel([PanelMapas[0], PanelMapas[1]], null, {stretch: 'both'}),
    ui.Panel([PanelMapas[2], PanelMapas[3]], null, {stretch: 'both'})],
    ui.Panel.Layout.Flow('horizontal'), {stretch: 'both'});


// Confugración de los controladores de título y escala-zoom 
// para el primer mapa
PanelMapas[0].setControlVisibility({zoomControl: true});
PanelMapas[0].setControlVisibility({scaleControl: true});
var Titulo = ui.Label('Analítica de imágenes Sentinel 2', {
  stretch: 'horizontal',
  textAlign: 'center',
  fontWeight: 'bold',
  fontSize: '11 px'});


// Centrar el mapa en una localización
PanelMapas[0].setCenter(-109.94083, 27.48642, 12);
// Carga de títulos y mapas en mosaico
ui.root.widgets().reset([Titulo, mapGrid]);
ui.root.setLayout(ui.Panel.Layout.Flow('vertical'));