# setZoom

## Description

Zoom in or out of the map component.

## Input / Parameter

| Name      | Description                    | Input Type | Default | Options | Required |
| --------- | ------------------------------ | ---------- | ------- | ------- | -------- |
| component | The name of the map component. | Text       | -       | -       | Yes      |
| zoom      | The value to zoom by.          | Number     | -       | -       | -        |

## Output

N/A

## Example

In this example, we will set the map component zoom value using the mapSetZoom function.

### Steps

1. Drag a `button` component and a `map` component to a page in the mobile designer.

   ![](https://399701567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwmJ1RKjM2uNFaL6fO3Xu%2Fuploads%2Fgit-blob-4d903d8db609b86d95a0b0f009c15dfc532948e3%2FsetZoom-step-1.png?alt=media)
2. Select the event `press` for the button and drag the function `Map.setZoom` to the event flow. Fill in the parameters of the function.

   ![](https://399701567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwmJ1RKjM2uNFaL6fO3Xu%2Fuploads%2Fgit-blob-ecf34984897aebe1e0700adc59defde730764cca%2FsetZoom-step-2.png?alt=media)

### Result

1. The zoom value of the map component will follow the zoom value passed in the `Map.setZoom` function.