Display user location on react native maps

Question

How to display user location on React Native Maps

<MapView
    region={this.props.coordinate}
>
    //My map markers
</MapView>

Glary

Answer 1

set showsUserLocation true

<MapView
    region={this.props.coordinate}
    showsUserLocation={true}
  >
    //My map markers
</MapView>

Mccullough

Does showUserLocation set to true handle the scenario when user changes location, or one would have to use navigator.getlocation.watchPosition? – Valval

You can use followsUserLocation={true} to enable that. – Dentition

this won't jump to user's location though, so you have to use Location.getCurrentPositionAsync to get current user location Latitude & Longitude to pass to the MapView region and set the lat/longitude delta to zoom an appropriate amount. – Harridan

Don't forget to allow permissions to access location – Nadler

Answer 2

Either you can use property of MapView called showsUserLocation mentioned here

Or you can fetch user location using GeoLocation and display it on Marker

Soothe

Answer 3

<MapView
region={this.props.coordinate}
showsUserLocation={true} >

Imre