title: How to go to my current location using custom button in react-native-maps?
body: <p>I am using react-native-maps on android. I put a custom button clicking on which should go to supplied coordinates (my current location)</p>
  
  <pre><code>&lt;MapView
            ref={(map) =&gt; { this.map = map; }}
            provider={PROVIDER_GOOGLE}
            style={{ height: '100%', width: '100%' }}
            annotations={markers} 
            showsUserLocation={true}
            showsMyLocationButton={true}
            initialRegion={this.state.region}
            onRegionChangeComplete={this.onRegionChange}
          &gt;
  </code></pre>
  
  <p>my button - </p>
  
  <pre><code>&lt;TouchableOpacity onPress={this.gotToMyLocation} style={[Style.alignJustifyCenter, {
            width: 60, height: 60,
            position: "absolute", bottom: 20, right: 20, borderRadius: 30, backgroundColor: "#d2d2d2"
          }]}&gt;
            &lt;Image
              style={{ width: 40, height: 40 }}
              source={Images.myLocation}
            /&gt;
          &lt;/TouchableOpacity&gt;
  </code></pre>
  
  <p>gotToMyLocation method - </p>
  
  <pre><code>gotToMyLocation(){
      console.log('gotToMyLocation is called')
      navigator.geolocation.getCurrentPosition(
        ({ coords }) =&gt; {
          console.log("curent location: ", coords)
          console.log(this.map);
          if (this.map) {
            console.log("curent location: ", coords)
            this.map.animateToRegion({
              latitude: coords.latitude,
              longitude: coords.longitude,
              latitudeDelta: 0.005,
              longitudeDelta: 0.005
            })
          }
        },
        (error) =&gt; alert('Error: Are location services on?'),
        { enableHighAccuracy: true }
      )
    }
  </code></pre>
  
  <p>console.log(this.map) always shows undefined. </p>
  
  <p>I want to move map to my current location when clicking the button.</p>