40 lines
779 B
TypeScript
40 lines
779 B
TypeScript
import React from "react";
|
|
import { View, StyleSheet } from "react-native";
|
|
import MapView, { Marker } from "react-native-maps";
|
|
|
|
interface LocationMapProps {
|
|
latitude: number;
|
|
longitude: number;
|
|
}
|
|
|
|
const LocationMap: React.FC<LocationMapProps> = ({ latitude, longitude }) => {
|
|
const region = {
|
|
latitude,
|
|
longitude,
|
|
latitudeDelta: 0.01,
|
|
longitudeDelta: 0.01,
|
|
};
|
|
|
|
return (
|
|
<View style={styles.container}>
|
|
<MapView style={styles.map} region={region}>
|
|
<Marker coordinate={{ latitude, longitude }} />
|
|
</MapView>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
borderRadius: 10,
|
|
overflow: "hidden",
|
|
},
|
|
map: {
|
|
width: "100%",
|
|
height: "100%",
|
|
},
|
|
});
|
|
|
|
export default LocationMap;
|