在程式碼編輯器中開始使用 Earth Engine

本快速入門課程將透過互動式介面，介紹如何使用 Earth Engine 程式碼編輯器，視覺化及分析地理空間資料。

事前準備

註冊或建立 Google Cloud 專案，系統會提示您完成下列步驟。如果您已註冊 Earth Engine 存取權的專案，請跳至下一個部分。

  • 選取專案用途：商業或非商業。
  • 如果目的是非商業用途，請選取專案類型。
  • 建立新的 Google Cloud 專案，或選取現有專案。
  • 如果目的是商業用途，請驗證或設定專案的結帳資訊。
  • 確認專案資訊。

    注意：如果您不打算保留在這項程序中建立的資源，請建立新專案，不要選取現有專案。完成這些步驟後，您可以刪除專案，移除專案擁有的所有資源。

歡迎使用程式碼編輯器

Earth Engine 程式碼編輯器是網路式互動式開發環境，可用於存取 Earth Engine，並直接在瀏覽器中查看結果。這個工具提供管理指令碼、資產和匯出工作用的工具，並使用 Earth Engine JavaScript 用戶端程式庫，以 JavaScript 編寫分析作業。這個介面包含程式碼編輯器、地圖顯示畫面和控制台，可即時提供意見回饋和檢查。

Earth Engine 程式碼編輯器
Earth Engine 程式碼編輯器 (網址：code.earthengine.google.com)

開始使用

1. 如要開始使用，請前往 code.earthengine.google.com。您第一次造訪 Code Editor 時，系統可能會提供導覽，介紹 Code Editor 的各種功能。

2. 前往右上角的登入小工具，確認您為本快速入門課程設定的專案已選取。如果不是，請從選單中選取「Change Cloud Project」(變更 Cloud 專案)，然後按照提示搜尋並選取所需專案。

3. 在下列各節中，將每個程式碼區塊複製到編輯器面板，然後按一下「Run」(執行)，並在地圖或控制台中檢查結果。每個步驟都會建立在先前的步驟之上，因此請逐步新增程式碼，而不要移除先前的區塊。

在地圖中新增光柵資料

1. 載入指定期間的氣候資料，並顯示中繼資料。

var jan2023Climate = ee.ImageCollection('ECMWF/ERA5_LAND/MONTHLY_AGGR')
  .filterDate('2023-01-01', '2023-02-01')
  .first();

print('jan2023Climate', jan2023Climate);

2. 使用特定的視覺化屬性，將溫度區間加入地圖小工具做為圖層。

var visParams = {
  bands: ['temperature_2m'],
  min: 229,
  max: 304,
  palette: ['#000004', '#410967', '#932567', '#f16e43', '#fcffa4']
};

Map.addLayer(jan2023Climate, visParams, 'Temperature (K)');
Map.setCenter(0, 40, 2);

在地圖中加入向量資料

1. 建立向量資料物件，其中包含三個城市的路線點。

var cities = ee.FeatureCollection([
  ee.Feature(ee.Geometry.Point(10.75, 59.91), {'city': 'Oslo'}),
  ee.Feature(ee.Geometry.Point(-118.24, 34.05), {'city': 'Los Angeles'}),
  ee.Feature(ee.Geometry.Point(103.83, 1.33), {'city': 'Singapore'}),
]);

print('cities', cities);

2. 將城市地點加入地圖，然後重新執行指令碼即可顯示地圖。

Map.addLayer(cities, null, 'Cities');

擷取資料並以圖表呈現

1. 擷取三個城市的氣候資料；結果會加入輸入的 FeatureCollection。

var cityClimates = jan2023Climate.reduceRegions(cities, ee.Reducer.first());

print('cityClimates', cityClimates);

2. 以長條圖繪製各城市的溫度。

var chart = ui.Chart.feature.byFeature(cityClimates, 'city', 'temperature_2m')
  .setChartType('ColumnChart')
  .setOptions({
    title: 'January 2023 temperature for selected cities',
    hAxis: {title: 'City'},
    vAxis: {title: 'Temperature (K)'},
    legend: {position: 'none'}
  });

print(chart);

後續步驟