Launching Google Maps app from react-native-maps

Question

I'm displaying dynamic maps inside my app using using react-native-maps. I want Google Maps app to launch when a user presses some part of map, a text or an icon, so they can view the map also externally. How can I achieve that? Thanks.

  <MapView
    showsUserLocation
    style={styles.map}
    initialRegion={{
      latitude: placesLat,
      longitude: placesLng,
      latitudeDelta: 0.0022,
      longitudeDelta: 0.0121
    }}
  >
    <MapView.Marker
      coordinate={{ latitude: placesLat, longitude: placesLng }}
      title={placesTitle}
    />
  </MapView>

score 2 · Accepted Answer · answered Dec 31 '19 at 18:51

2

Add onMapPress function prop to MapView.Marker component and call Linking.openUrl as described here

answered Dec 31 '19 at 18:51

Gev

842
4
21

2

Worked like a charm, thank you very much. :) As only change I had to put onPress instead of onMapPress. – Keremcan Buyuktaskin Dec 31 '19 at 23:50

Launching Google Maps app from react-native-maps

1 Answers1