-
Book Overview & Buying
-
Table Of Contents
React and React Native - Sixth Edition
By :
The MapView component from react-native-maps is the main tool you'll use to render maps in your React Native applications. It renders Google Maps on Android and Apple Maps on iOS, and offers a wide range of tools for rendering maps, markers, polygons, heatmaps, and the like.
You can find more information about react-native-maps on the website: https://github.com/react-native-maps/react-native-maps
Let's now implement a basic MapView component to see what you get out of the box:
export default function App() {
return (
<View style={styles.container}>
<MapView style={styles.mapView}
showsUserLocation followsUserLocation />
</View>
);
}
The two Boolean properties that you've passed to MapView do a lot of work for you. The showsUserLocation property will activate the marker on the map, which denotes the physical location of the device running this application. The followsUserLocation property tells the map to update...