리액트 네이티브 - MapView Marker 사용 예제

 

import * as React from 'react';
import MapView from 'react-native-maps';
import { StyleSheet, Text, View, Dimensions } from 'react-native';

export default function App() {
  
  return (
    <View style={styles.container}>
      <MapView region={ {
        latitude: 37.78825,
        longitude: -122.4324,
        latitudeDelta: 0.0,
        longitudeDelta: 0.0,
      } } style={styles.map} >
    
        <MapView.Marker
          coordinate={{latitude: 37.78825,
          longitude: -122.4324}}
          title={"title"}
          description={"description"}
        />
        
      </MapView>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  map: {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height,
  },
});

 

출처: 

https://stackoverflow.com/questions/29412753/how-do-i-set-a-marker-in-mapview-of-react-native

How do I set a marker in MapView of React Native