AI-generated Key Takeaways
-
The
Map.add(item)method adds an item to the map, including widgets like ui.Label, ui.Map.Layer, ui.Select, and ui.Button. -
The
Map.add(item)method returns the ui.Map instance it was called on. -
The
itemargument of theMap.add(item)method is an Object representing the item to be added to the map.
Returns the map.
| Usage | Returns |
|---|---|
Map.
add
(item)
|
ui.Map |
| Argument | Type | Details |
|---|---|---|
|
this:
ui.map
|
ui.Map | The ui.Map instance. |
item
|
Object | The item to add. |
Examples
Code Editor (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 );
