Altura da drenagem mais próxima

// ============================================================
//  MapBiomas – Altura da Drenagem Mais Próxima / HAND (Coleção 11)
// ============================================================

// 1. Carrega o asset
var handAsset = ee.Image('projects/mapbiomas-public/assets/brazil/urban/collection3/mapbiomas_brazil_collection11_urban_hand_v1');

// 2. Inspeciona as bandas disponíveis
print('Bandas disponíveis:', handAsset.bandNames());
print('Informações do asset:', handAsset);


// 3. Seleciona a banda do ano desejado
//    Ajuste o ano conforme necessário.
var ANO = 2023;
var banda = handAsset.select('classification_' + ANO);

var histogram = ee.Dictionary(
      banda.reduceRegion({
         reducer: ee.Reducer.frequencyHistogram(),
         geometry: handAsset.geometry(),
         scale: 30,
         maxPixels: 1e13
       }).get('classification_'+ANO)
);

print('Classes:', histogram.keys());

// 4. Classes, códigos e cores (HAND)
//    142 = Até 3m
//    143 = Entre 3 e 6m
//    144 = Acima de 6m
var classes = [
  { value: 142, color: '#9cc8f2', label: 'Até 3m'       },
  { value: 143, color: '#41ab5d', label: 'Entre 3 e 6m' },
  { value: 144, color: '#d9b26f', label: 'Acima de 6m'  },
];

var valueList   = classes.map(function (c) { return c.value; });
var paletteList = classes.map(function (c) { return c.color; });
var indices     = [0, 1, 2];

// 5. Remapeia valores para índices sequenciais e define visualização
var bandaRemap = banda.remap(valueList, indices);

var visParams = {
  min: 0,
  max: 2,
  palette: paletteList,
};

// 6. Adiciona a camada ao mapa
Map.addLayer(bandaRemap, visParams, 'HAND ' + ANO + ' – MapBiomas C2');

// 7. Centraliza o mapa no Brasil
Map.setCenter(-52, -14, 5);

// 8. Legenda
var legend = ui.Panel({
  style: {
    position: 'top-right',
    padding: '8px 12px',
    backgroundColor: 'white',
  },
});

// Título
legend.add(ui.Label({
  value: 'Altura da Drenagem (HAND) – ' + ANO,
  style: {
    fontWeight: 'bold',
    fontSize: '13px',
    margin: '0 0 6px 0',
    color: '#333',
  },
}));

// Uma linha por classe
classes.forEach(function (cls) {
  var colorBox = ui.Label({
    style: {
      backgroundColor: cls.color,
      padding: '8px',
      margin: '2px 6px 2px 0',
    },
  });

  var description = ui.Label({
    value: cls.label,
    style: { margin: '2px 0', fontSize: '12px', color: '#444' },
  });

  legend.add(ui.Panel({
    widgets: [colorBox, description],
    layout: ui.Panel.Layout.Flow('horizontal'),
    style: { margin: '0', padding: '0' },
  }));
});

Map.add(legend);