---
title: "setVisibleMapRectAnimated(mapRect, animated)"
framework: mapkitjs
role: symbol
role_heading: Instance Method
path: mapkitjs/map/setvisiblemaprectanimated
---

# setVisibleMapRectAnimated(mapRect, animated)

Changes the map’s visible map rectangle to the specified map rectangle.

## Declaration

```data
setVisibleMapRectAnimated(mapRect: MapRectData, animated?: boolean): Map;
```

## Parameters

- `mapRect`: The map’s new visible area, in map units.
- `animate`: A Boolean value that determines whether MapKit JS animates the visible area change. The default value is true.

## Return Value

Return Value Returns the map object.

## Discussion

Discussion By default, MapKit JS animates the change.

## See Also

### Manipulating the visible portion of the map

- [center](mapkitjs/map/center.md)
- [setCenterAnimated(coordinate, animated)](mapkitjs/map/setcenteranimated.md)
- [region](mapkitjs/map/region.md)
- [setRegionAnimated(region, animated)](mapkitjs/map/setregionanimated.md)
- [rotation](mapkitjs/map/rotation.md)
- [setRotationAnimated(degrees, animated)](mapkitjs/map/setrotationanimated.md)
- [visibleMapRect](mapkitjs/map/visiblemaprect.md)
- [cameraBoundary](mapkitjs/map/cameraboundary.md)
- [setCameraBoundaryAnimated(cameraBoundary, animated)](mapkitjs/map/setcameraboundaryanimated.md)
- [CameraBoundaryDescription](mapkitjs/cameraboundarydescription.md)
- [cameraDistance](mapkitjs/map/cameradistance.md)
- [setCameraDistanceAnimated(distance, animated)](mapkitjs/map/setcameradistanceanimated.md)
- [cameraZoomRange](mapkitjs/map/camerazoomrange.md)
- [setCameraZoomRangeAnimated(cameraZoomRange, animated)](mapkitjs/map/setcamerazoomrangeanimated.md)