update

Author: spatialthoughts

code/end_to_end_gee/05-Earth-Engine-Apps/01b_Client_vs_Server_(complete)

@@ -1,8 +1,8 @@
-var date = '2020-01-01' // This is client-side
-print(typeof(date))
+var date = '2020-01-01'; // This is client-side
+print(typeof(date));
 
-var eedate = ee.Date('2020-01-01').format() // This is server-side
-print(typeof(eedate)) 
+var eedate = ee.Date('2020-01-01').format(); // This is server-side
+print(typeof(eedate));
 
 // To bring server-side objects to client-side, you can call .getInfo()
 
@@ -13,8 +13,8 @@ print(typeof(eedate))
 // getInfo() blocks the execution of your code till the value is fetched
 // If the value takes time to compute, your code editor will freeze
 // This is not a good user experience
-var s2 = ee.ImageCollection("COPERNICUS/S2_SR")
-var filtered = s2.filter(ee.Filter.date('2020-01-01', '2020-02-01'))
+var s2 = ee.ImageCollection('COPERNICUS/S2_SR');
+var filtered = s2.filter(ee.Filter.date('2020-01-01', '2020-02-01'));
 
 //var numImages = filtered.size().getInfo()
 //print(numImages)
@@ -25,7 +25,7 @@ var filtered = s2.filter(ee.Filter.date('2020-01-01', '2020-02-01'))
 // value has been computed and ready to be used.
 
 var myCallback = function(object) {
-  print(object)
-}
-print('Computing the size of the collection')
-var numImages = filtered.size().evaluate(myCallback)
+  print(object);
+};
+print('Computing the size of the collection');
+var numImages = filtered.size().evaluate(myCallback);

code/end_to_end_gee/05-Earth-Engine-Apps/01c_Client_vs_Server_(exercise)

@@ -1,19 +1,19 @@
-var date = ee.Date.fromYMD(2019, 1, 1)
-print(date)
+var date = ee.Date.fromYMD(2019, 1, 1);
+print(date);
 
 // We can use the format() function to create
 // a string from a date object
-var dateString = date.format('dd MMM, YYYY')
-print(dateString)
+var dateString = date.format('dd MMM, YYYY');
+print(dateString);
 
 // Exercise
 // The print statement below combines a client-side string
 // with a server-side string - resulting in an error.
 
 // Fix the code so that the following message is printed
 // 'The date is 01 Jan, 2019'
-var message = 'The date is ' + dateString
-print(message)
+var message = 'The date is ' + dateString;
+print(message);
 
 // Hint: 
 // Convert the client-side string to a server-side string

code/end_to_end_gee/05-Earth-Engine-Apps/02b_Using_UI_Elements_(complete)

@@ -6,7 +6,7 @@ var yearSelector = ui.Select({
   items: years,
   value: '2014',
   placeholder: 'Select a year',
-  })
+});
 Map.add(yearSelector);
 
 var loadImage = function() {

code/end_to_end_gee/05-Earth-Engine-Apps/02c_Using_UI_Elements_(exercise)

@@ -1,11 +1,11 @@
 // Instead of manually creating a list of years like before
 // we can create a list of years using ee.List.sequence()
-var years = ee.List.sequence(2014, 2020)
+var years = ee.List.sequence(2014, 2020);
 
 // Convert them to strings using format() function
 var yearStrings = years.map(function(year){
-  return ee.Number(year).format('%04d')
-})
+  return ee.Number(year).format('%04d');
+});
 print(yearStrings);
 
 // Convert the server-side object to client-side using
@@ -15,8 +15,8 @@ yearStrings.evaluate(function(yearList) {
     items: yearList,
     value: '2014',
     placeholder: 'Select a year',
-    })
-  Map.add(yearSelector)
+  });
+  Map.add(yearSelector);
 });
 
 // Exercise

code/end_to_end_gee/05-Earth-Engine-Apps/03a_Building_an_App_with_UI_Widgets

@@ -9,7 +9,7 @@ var title = ui.Label({
   style: {'fontSize': '24px'}
 });
 // You can add widgets to the panel
-mainPanel.add(title)
+mainPanel.add(title);
 
-Map.setCenter(76.43, 12.41, 8)
+Map.setCenter(76.43, 12.41, 8);
 ui.root.add(mainPanel);

code/end_to_end_gee/05-Earth-Engine-Apps/03b_Building_an_App_with_UI_Widgets_(complete)

@@ -19,21 +19,21 @@ mainPanel.add(dropdownPanel);
 
 var yearSelector = ui.Select({
   placeholder: 'please wait..',
-  })
+});
 
 var monthSelector = ui.Select({
   placeholder: 'please wait..',
-  })
+});
 
-var button = ui.Button('Load')
-dropdownPanel.add(yearSelector)
-dropdownPanel.add(monthSelector)
-dropdownPanel.add(button)
+var button = ui.Button('Load');
+dropdownPanel.add(yearSelector);
+dropdownPanel.add(monthSelector);
+dropdownPanel.add(button);
 
 
 // Let's add a dropdown with the years
-var years = ee.List.sequence(2014, 2020)
-var months = ee.List.sequence(1, 12)
+var years = ee.List.sequence(2014, 2020);
+var months = ee.List.sequence(1, 12);
 
 // Dropdown items need to be strings
 var yearStrings = years.map(function(year){

code/end_to_end_gee/05-Earth-Engine-Apps/03c_Building_an_App_with_UI_Widgets_(exercise)

@@ -9,7 +9,7 @@ var title = ui.Label({
   style: {'fontSize': '24px'}
 });
 // You can add widgets to the panel
-mainPanel.add(title)
+mainPanel.add(title);
 
 // You can even add panels to other panels
 var dropdownPanel = ui.Panel({
@@ -19,60 +19,59 @@ mainPanel.add(dropdownPanel);
 
 var yearSelector = ui.Select({
   placeholder: 'please wait..',
-  })
+});
 
 var monthSelector = ui.Select({
   placeholder: 'please wait..',
-  })
+});
 
-var button = ui.Button('Load')
-dropdownPanel.add(yearSelector)
-dropdownPanel.add(monthSelector)
-dropdownPanel.add(button)
+var button = ui.Button('Load');
+dropdownPanel.add(yearSelector);
+dropdownPanel.add(monthSelector);
+dropdownPanel.add(button);
 
 
 // Let's add a dropdown with the years
-var years = ee.List.sequence(2014, 2020)
-var months = ee.List.sequence(1, 12)
+var years = ee.List.sequence(2014, 2020);
+var months = ee.List.sequence(1, 12);
 
 // Dropdown items need to be strings
 var yearStrings = years.map(function(year){
-  return ee.Number(year).format('%04d')
-})
+  return ee.Number(year).format('%04d');
+});
 var monthStrings = months.map(function(month){
-  return ee.Number(month).format('%02d')
-})
+  return ee.Number(month).format('%02d');
+});
 
 // Evaluate the results and populate the dropdown
 yearStrings.evaluate(function(yearList) {
-  yearSelector.items().reset(yearList)
-  yearSelector.setPlaceholder('select a year')
-})
+  yearSelector.items().reset(yearList);
+  yearSelector.setPlaceholder('select a year');
+});
 
 monthStrings.evaluate(function(monthList) {
-  monthSelector.items().reset(monthList)
-  monthSelector.setPlaceholder('select a month')
-
-})
+  monthSelector.items().reset(monthList);
+  monthSelector.setPlaceholder('select a month');
+});
 
 // Define a function that triggers when any value is changed
 var loadComposite = function() {
   var col = ee.ImageCollection("NOAA/VIIRS/DNB/MONTHLY_V1/VCMSLCFG");
-  var year = yearSelector.getValue()
-  var month = monthSelector.getValue()
+  var year = yearSelector.getValue();
+  var month = monthSelector.getValue();
   var startDate = ee.Date.fromYMD(
-    ee.Number.parse(year), ee.Number.parse(month), 1)
-  var endDate = startDate.advance(1, 'month')
-  var filtered = col.filter(ee.Filter.date(startDate, endDate))
-
-  var image = ee.Image(filtered.first()).select('avg_rad')
-  var nighttimeVis = {min: 0.0, max: 60.0}
-  var layerName = 'Night Lights ' + year + '-' + month
-  Map.addLayer(image, nighttimeVis, layerName)
-}
-button.onClick(loadComposite)
-
-Map.setCenter(76.43, 12.41, 8)
+    ee.Number.parse(year), ee.Number.parse(month), 1);
+  var endDate = startDate.advance(1, 'month');
+  var filtered = col.filter(ee.Filter.date(startDate, endDate));
+
+  var image = ee.Image(filtered.first()).select('avg_rad');
+  var nighttimeVis = {min: 0.0, max: 60.0};
+  var layerName = 'Night Lights ' + year + '-' + month;
+  Map.addLayer(image, nighttimeVis, layerName);
+};
+button.onClick(loadComposite);
+
+Map.setCenter(76.43, 12.41, 8);
 ui.root.add(mainPanel);
 
 // Exercise

code/end_to_end_gee/05-Earth-Engine-Apps/04a_Publishing_the_App

@@ -9,7 +9,7 @@ var title = ui.Label({
   style: {'fontSize': '24px'}
 });
 // You can add widgets to the panel
-mainPanel.add(title)
+mainPanel.add(title);
 
 // You can even add panels to other panels
 var dropdownPanel = ui.Panel({
@@ -19,59 +19,58 @@ mainPanel.add(dropdownPanel);
 
 var yearSelector = ui.Select({
   placeholder: 'please wait..',
-  })
+});
 
 var monthSelector = ui.Select({
   placeholder: 'please wait..',
-  })
+});
 
-var button = ui.Button('Load')
-dropdownPanel.add(yearSelector)
-dropdownPanel.add(monthSelector)
-dropdownPanel.add(button)
+var button = ui.Button('Load');
+dropdownPanel.add(yearSelector);
+dropdownPanel.add(monthSelector);
+dropdownPanel.add(button);
 
 
 // Let's add a dropdown with the years
-var years = ee.List.sequence(2014, 2020)
-var months = ee.List.sequence(1, 12)
+var years = ee.List.sequence(2014, 2020);
+var months = ee.List.sequence(1, 12);
 
 // Dropdown items need to be strings
 var yearStrings = years.map(function(year){
-  return ee.Number(year).format('%04d')
-})
+  return ee.Number(year).format('%04d');
+});
 var monthStrings = months.map(function(month){
-  return ee.Number(month).format('%02d')
-})
+  return ee.Number(month).format('%02d');
+});
 
 // Evaluate the results and populate the dropdown
 yearStrings.evaluate(function(yearList) {
-  yearSelector.items().reset(yearList)
-  yearSelector.setPlaceholder('select a year')
-})
+  yearSelector.items().reset(yearList);
+  yearSelector.setPlaceholder('select a year');
+});
 
 monthStrings.evaluate(function(monthList) {
-  monthSelector.items().reset(monthList)
-  monthSelector.setPlaceholder('select a month')
-
-})
+  monthSelector.items().reset(monthList);
+  monthSelector.setPlaceholder('select a month');
+});
 
 // Define a function that triggers when any value is changed
 var loadComposite = function() {
   var col = ee.ImageCollection("NOAA/VIIRS/DNB/MONTHLY_V1/VCMSLCFG");
-  var year = yearSelector.getValue()
-  var month = monthSelector.getValue()
+  var year = yearSelector.getValue();
+  var month = monthSelector.getValue();
   var startDate = ee.Date.fromYMD(
-    ee.Number.parse(year), ee.Number.parse(month), 1)
-  var endDate = startDate.advance(1, 'month')
-  var filtered = col.filter(ee.Filter.date(startDate, endDate))
-
-  var image = ee.Image(filtered.first()).select('avg_rad')
-  var nighttimeVis = {min: 0.0, max: 60.0}
-  var layerName = 'Night Lights ' + year + '-' + month
-  Map.addLayer(image, nighttimeVis, layerName)
-}
-button.onClick(loadComposite)
-
-Map.setCenter(76.43, 12.41, 8)
+    ee.Number.parse(year), ee.Number.parse(month), 1);
+  var endDate = startDate.advance(1, 'month');
+  var filtered = col.filter(ee.Filter.date(startDate, endDate));
+
+  var image = ee.Image(filtered.first()).select('avg_rad');
+  var nighttimeVis = {min: 0.0, max: 60.0};
+  var layerName = 'Night Lights ' + year + '-' + month;
+  Map.addLayer(image, nighttimeVis, layerName);
+};
+button.onClick(loadComposite);
+
+Map.setCenter(76.43, 12.41, 8);
 
 ui.root.add(mainPanel);