Drought in Europe

Side by Side comparison of sentinel-2 images

// import images
var img2018 = ee.Image("COPERNICUS/S2/20180717T104021_20180717T104258_T31UGT");
var img2017 = ee.Image("COPERNICUS/S2/20170717T104019_20170717T104022_T31UGT");
var NAMES = [
'July 2017',
'July 2018',

var IMAGES = [img2017,img2018];

var VIS_PARAMS = [
{gamma:1.3,min: 0, max: 3000, bands: ['B4','B3','B2']},
{gamma:1.3,min: 0, max: 3000, bands: ['B4','B3','B2']},

// Create a map for each visualization option.
var maps = [];
NAMES.forEach(function(name, index) {
var map = ui.Map();
map.addLayer(IMAGES[index], VIS_PARAMS[index], name);

var linker = ui.Map.Linker(maps);

// Enable zooming on the top-left map.
maps[0].setControlVisibility({zoomControl: true});

// Show the scale (e.g. '500m') on the bottom-right map.
maps[1].setControlVisibility({scaleControl: true});

// Create a title.
var title = ui.Label('Drought in Europe?', {
stretch: 'horizontal',
textAlign: 'center',
fontWeight: 'bold',
fontSize: '24px'

// Create a grid of maps.
var mapGrid = ui.Panel(
ui.Panel([maps[0]], null, {stretch: 'both'}),
ui.Panel([maps[1]], null, {stretch: 'both'})
ui.Panel.Layout.Flow('horizontal'), {stretch: 'both'}

// Add the maps and title to the ui.root.
ui.root.widgets().reset([title, mapGrid]);
maps[0].centerObject(img2017, 12);


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s