Tutorial 6.2

This tutorial explains the snippets of script to be developed for first Web Application

2. Script structure

2.2. Display properties

Below code snippet set some display settings for the web app. 

  • Set default background to Satellite
  • Define a palette for elevation data
  • Center the map at landing page to center of your study area
  • Mosaic and clip elevation (dsm) layer to your study area
  • Add the elevation layer to the layer list for the final app.

// Below line set the default background map to Google satellite


// Below line set the default cursor style to crosshair (better to pin point pixel)



// What we are interested is the first band - DSM

// Let us set a palette to visualize this elevation

var elevPalette = ['yellow''green''Brown'];

var elev = {min: 1000max: 3000palette: elevPalette};


// But we are only interested to see our study area

// See above that the ULB boundary is aleady imported above as variable 'ulb'



//Now let us select the first band 'DSM' and mosaic & clip the DSM to ULB boundary

var dsm_ulb = dsm.select('DSM').filterBounds(ulb).mosaic().clip(ulb);



// The below command will add clipped DSM to the map view

Map.addLayer(dsm_ulbelev'Elevation (ALOS)');