> For the complete documentation index, see [llms.txt](https://rnkit.gitbook.io/starter-kit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rnkit.gitbook.io/starter-kit/map-screen.md).

# Map Screen

## Map View

```
<MapView
  style={{ flex: 1 }}
  initialRegion={{
    latitude: lat,
    longitude: long,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
  }}
>
  <MapView.Circle
    center={{longitude: long, latitude: lat}}
    radius={1000}
    loadingEnabled={true}
    strokeWidth={2}
    strokeColor={colors.mapview_fillColor}
    fillColor={colors.mapview_fillColor}
  />
</MapView>
```

As you can see, the map view contain the circle overlay of the map view with some stylesheet. And latitude, longitude data had been provided from the previous screen.

Feel free to check the documentation of Map View if you need more explanation and example.

Ref: <https://github.com/react-community/react-native-maps>