---
title: "new CoordinateRegion(center, span)"
framework: mapkitjs
role: symbol
role_heading: Constructor
path: mapkitjs/coordinateregion/coordinateregionconstructor
---

# new CoordinateRegion(center, span)

A rectangular geographic region that centers around a latitude and longitude coordinate.

## Declaration

```data
constructor(center?: CoordinateData, span?: CoordinateSpanData);
```

## Parameters

- `center`: A doc://com.apple.mapkitjs/documentation/MapKitJS/Coordinate that’s the center point of the region.
- `span`: A doc://com.apple.mapkitjs/documentation/MapKitJS/CoordinateSpan that represents the amount of map to display. The span also defines the current zoom level that the map object uses.

## Discussion

Discussion Create a coordinate region by passing a center coordinate and span to the constructor. const coordinate = new mapkit.Coordinate(37.415, -122.048333); // latitude, longitude const span = new mapkit.CoordinateSpan(.016, .016); // latitude delta, longitude delta const region = new mapkit.CoordinateRegion(coordinate, span);

## See Also

### Creating a coordinate region

- [CoordinateRegionData](mapkitjs/coordinateregiondata.md)