公告：凡是在
2025 年 4 月 15 日前註冊使用 Earth Engine 的非商業專案，都必須
驗證非商業用途資格，才能繼續存取 Earth Engine。
Map.add
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
將項目新增至地圖。也可以用來新增 ui.Label 等小工具，以及 ui.Map.Layer 等非小工具物件。
傳回地圖。
範例
程式碼編輯器 (JavaScript)
// The default map in the Code Editor is a built-in ui.Map object called "Map".
// Let's refer to it as "defaultMap" for clarity.
var defaultMap = Map;
// ui.Map objects can be constructed. Here, a new map is declared.
var newMap = ui.Map({
center: {lat: 0, lon: 0, zoom: 1},
style: {position: 'bottom-right', width: '400px'}
});
// Add the newMap to the defaultMap;
defaultMap.add(newMap);
// Other UI widgets can be added to ui.Map objects, for example labels:
defaultMap.add(ui.Label('Default Map', {position: 'bottom-left'}));
newMap.add(ui.Label('New Map', {position: 'bottom-left'}));
// ...selectors:
defaultMap.add(ui.Select(['This', 'That', 'Other']));
// ...or buttons:
defaultMap.add(ui.Button('Click me'));
// You can also add ui.Map.Layer objects. Here, an ee.Geometry object
// is converted to a map layer and added to the default map.
var geom = ee.Geometry.Point(-122.0841, 37.4223);
var geomLayer = ui.Map.Layer(geom, {color: 'orange'}, 'Googleplex');
defaultMap.add(geomLayer);
defaultMap.centerObject(geom, 18);
除非另有註明，否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權，程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間：2025-07-26 (世界標準時間)。
[null,null,["上次更新時間：2025-07-26 (世界標準時間)。"],[[["\u003cp\u003eThe \u003ccode\u003eMap.add()\u003c/code\u003e function adds items like UI widgets (labels, selectors, buttons) and map layers to a ui.Map object.\u003c/p\u003e\n"],["\u003cp\u003eIt accepts an \u003ccode\u003eitem\u003c/code\u003e argument, which can be a UI element or a map layer object, and returns the updated ui.Map object.\u003c/p\u003e\n"],["\u003cp\u003eYou can use this function to add elements to both built-in and custom ui.Map objects for displaying information and interacting with the map.\u003c/p\u003e\n"],["\u003cp\u003eEarth Engine geometries can also be added to the map as layers by first converting them to ui.Map.Layer objects.\u003c/p\u003e\n"]]],[],null,["# Map.add\n\n\u003cbr /\u003e\n\nAdds an item to the map. Can also be used to add widgets like ui.Label as well as some non-widget objects like ui.Map.Layer.\n\n\u003cbr /\u003e\n\nReturns the map.\n\n| Usage | Returns |\n|-----------------|---------|\n| `Map.add(item)` | ui.Map |\n\n| Argument | Type | Details |\n|----------|--------|------------------|\n| `item` | Object | The item to add. |\n\nExamples\n--------\n\n### Code Editor (JavaScript)\n\n```javascript\n// The default map in the Code Editor is a built-in ui.Map object called \"Map\".\n// Let's refer to it as \"defaultMap\" for clarity.\nvar defaultMap = Map;\n\n// ui.Map objects can be constructed. Here, a new map is declared.\nvar newMap = ui.Map({\n center: {lat: 0, lon: 0, zoom: 1},\n style: {position: 'bottom-right', width: '400px'}\n});\n\n// Add the newMap to the defaultMap;\ndefaultMap.add(newMap);\n\n// Other UI widgets can be added to ui.Map objects, for example labels:\ndefaultMap.add(ui.Label('Default Map', {position: 'bottom-left'}));\nnewMap.add(ui.Label('New Map', {position: 'bottom-left'}));\n\n// ...selectors:\ndefaultMap.add(ui.Select(['This', 'That', 'Other']));\n\n// ...or buttons:\ndefaultMap.add(ui.Button('Click me'));\n\n// You can also add ui.Map.Layer objects. Here, an ee.Geometry object\n// is converted to a map layer and added to the default map.\nvar geom = ee.Geometry.Point(-122.0841, 37.4223);\nvar geomLayer = ui.Map.Layer(geom, {color: 'orange'}, 'Googleplex');\ndefaultMap.add(geomLayer);\ndefaultMap.centerObject(geom, 18);\n```"]]
