Skip to content

GEE User Interface

Introduction

In this course, we will work with Google Earth Engine via the GEE Code Editor. The tutorial below provides an overview of the different components of the Code Editor’s graphical user interface (GUI).

Tutorial

I split this tutorial into separate videos. If I show code in the video, you can find the snippets below each video.

To follow along with the videos, you will need to open the GEE Code Editor in a web browser. Please see the previous tutorial if you forget how to access the editor.

Explore the map interface.

Write a header.

//  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//  Name:     gee_ui.js 
//  Author:   Jeff Howarth
//  Date:     9/7/2023 
//  Purpose:  Introduce Earth Engine Graphical User Interface (Code Editor)
//  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  

Center map and set zoom level.

//  Center and set zoom level the map.

Map.setCenter(
  -50,                  // Longitude
   40,                  // Latitude
   3                    // Zoom level
  )
;

Set the default base map.

//  Set the default base map. 

Map.setOptions('SATELLITE');

Load LST module.

//  Load module

var tool = require('users/jhowarth/eePrimer:modules/modis_lst_demo.js');

// You can then call functions in the module as methods of this object.

tool.makeMap();

Inspect data.

// Print info about map layers. 

print("Layers on this map:", Map.layers());

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.