---
title: region
framework: mapkitjs
role: symbol
role_heading: Instance Property
path: mapkitjs/map/region
---

# region

The area the map is displaying.

## Declaration

```data
get region(): CoordinateRegion;
set region(region: CoordinateRegionData);
```

## Mentioned in

Migrating from Version 5 to Version 6

## Discussion

Discussion This is the area currently displayed by the map, defined with a CoordinateRegion: const center = new mapkit.Coordinate(48.8468, 2.3364),     span = new mapkit.CoordinateSpan(0.016, 0.016),     region = new mapkit.CoordinateRegion(center, span);

## See Also

### Manipulating the visible portion of the map

- [center](mapkitjs/map/center.md)
- [setCenterAnimated(coordinate, animated)](mapkitjs/map/setcenteranimated.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)
- [setVisibleMapRectAnimated(mapRect, animated)](mapkitjs/map/setvisiblemaprectanimated.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)