Stay organized with collectionsSave and categorize content based on your preferences.
A Google map.
Usage
Returns
ui.Map(center,onClick,style)
ui.Map
Argument
Type
Details
center
Object, optional
An object containing the latitude ('lat'), longitude ('lon') and optionally the zoom level ('zoom') for the map.
onClick
Function, optional
A callback fired when the map is clicked. The callback is passed an object containing the coordinates of the clicked point on the map (with keys lon and lat) and the map widget itself.
style
Object, optional
An object of allowed CSS styles with their values to be set for this map. See style() documentation.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2023-10-06 UTC."],[[["\u003cp\u003eThe \u003ccode\u003eui.Map\u003c/code\u003e function creates an interactive map widget within your Earth Engine app, accepting optional arguments to define its center, click behavior, and visual style.\u003c/p\u003e\n"],["\u003cp\u003eThe map's initial center is adjustable by specifying a \u003ccode\u003ecenter\u003c/code\u003e object containing latitude (\u003ccode\u003elat\u003c/code\u003e), longitude (\u003ccode\u003elon\u003c/code\u003e), and optionally zoom (\u003ccode\u003ezoom\u003c/code\u003e).\u003c/p\u003e\n"],["\u003cp\u003eClicking the map triggers an optional \u003ccode\u003eonClick\u003c/code\u003e callback function, providing coordinates (\u003ccode\u003elon\u003c/code\u003e, \u003ccode\u003elat\u003c/code\u003e) of the clicked point and the map widget for custom interactions.\u003c/p\u003e\n"],["\u003cp\u003eThe map's appearance can be customized using a \u003ccode\u003estyle\u003c/code\u003e object with valid CSS properties, analogous to the \u003ccode\u003estyle()\u003c/code\u003e function's capabilities.\u003c/p\u003e\n"]]],["The `ui.Map` function creates a Google Map. It accepts optional arguments: `center` (latitude, longitude, and zoom), `onClick` (a function triggered on map clicks, providing click coordinates), and `style` (CSS styling object). The function returns a `ui.Map` object. Clicking the map triggers the `onClick` callback, delivering the clicked location's latitude and longitude, as well as the map itself.\n"],null,["# ui.Map\n\n\u003cbr /\u003e\n\nA Google map.\n\n\u003cbr /\u003e\n\n| Usage | Returns |\n|------------------------------------------------|---------|\n| `ui.Map(`*center* `, `*onClick* `, `*style*`)` | ui.Map |\n\n| Argument | Type | Details |\n|-----------|--------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `center` | Object, optional | An object containing the latitude ('lat'), longitude ('lon') and optionally the zoom level ('zoom') for the map. |\n| `onClick` | Function, optional | A callback fired when the map is clicked. The callback is passed an object containing the coordinates of the clicked point on the map (with keys lon and lat) and the map widget itself. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this map. See style() documentation. |"]]
