Start at the user current position

It’s not clear from the docs how to set the initial coordinate to be the current location of the user.

The only way I could was by doing something like follows, but it looks too complicated for something that could/should be just a flag such as defaultCenterUserLocation={true}.

// Looks like centerCoordinate has to be undefined if not set, null won't work
this.state = { initialCoords: undefined }

<MapboxGL.UserLocation
  onUpdate={location => {
    const currentCoords = [location.coords.longitude, location.coords.latitude]
    const initialCoords = this.state.initialCoords

    // The idea here is initialCoords should be set only once, otherwise we'll be updating
    // the camera's centerCoordinate over and over on every onUpdate(), which causes
    // issues when doing camera.flyTo(somewhere_else) or when dragging the map manually
    // (the camera will tend to reset its center position to the current position)
    this.setState({ initialCoords: initialCoords ? initialCoords : currentCoords })
  }}
/>

<MapboxGL.Camera
  defaultSettings={{
    centerCoordinate: [0, 0],
    zoomLevel: 14
  }}
  centerCoordinate={this.state.initialCoords}
/>

I’m pretty sure it’s not the way to go so please let me know how to do this.

[marcmoo]

<MapboxGL.UserLocation ref={(location) => {console.log({location})}} /> then you can get corrent location and use the ref of camera method this.camera.moveTo([lng, lat])

[briannezhad]

You guys can just use <MapboxGL.Camera followUserLocation={true} />