> For the complete documentation index, see [llms.txt](https://docs.emobiq.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.emobiq.com/emobiq-client/006-actions-and-visual-logic/action-reference/react-native/map/setzoom.md).

# 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.

   ![](/files/i5v5kV050G4mO7YwY0oU)
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.

   ![](/files/DTwRVpvLyU1XTAGKQhQY)

### Result

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