Declividade urbana

// ============================================================
//  MapBiomas – Declividade Urbana (Coleção 11)
// ============================================================

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

// 2. Inspeciona as bandas disponíveis
//    Verifique no Console o nome exato da banda e ajuste abaixo se necessário.
print('Bandas disponíveis:', slopeAsset.bandNames());
print('Informações do asset:', slopeAsset);

// 3. Seleciona a banda do ano desejado
//    Padrão MapBiomas: 'classification_YYYY'
//    Ajuste o ano conforme necessário (ex: 2000, 2010, 2022, 2023).
var ANO = 2023;
var banda = slopeAsset.select('classification_' + ANO);

// 4. Classes de declividade urbana (MapBiomas Coleção 10)
//    132 = Até 10%
//    133 = Entre 10 e 20%
//    134 = Entre 20 e 30%
//    135 = Acima de 30%
var classes = [
  { value: 132, color: '#ffc6a8', label: 'Até 10%' },
  { value: 133, color: '#ff7a34', label: 'Entre 10 e 20%' },
  { value: 134, color: '#e63b22', label: 'Entre 20 e 30%' },
  { value: 135, color: '#8c1a14', label: 'Acima de 30%' },
];

var palette = classes.map(function (c) { return c.color; });

// 5. Parâmetros de visualização
var visParams = {
  min: 132,
  max: 135,
  palette: palette,
};

// 6. Adiciona a camada ao mapa
Map.addLayer(banda, visParams, 'Declividade Urbana ' + ANO + ' – MapBiomas C10');

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

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

// Título
legend.add(ui.Label({
  value: 'Declividade Urbana – ' + 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);