src expo-maps 사용하기

[주인장]

import React from "react";

import { View, StyleSheet, Platform, Text } from "react-native";

import { AppleMaps, GoogleMaps } from "expo-maps";

const MapScreen = () => {

    // 인하공업전문대학 7호관

    const initialPosition = {

        coordinates: {

            latitude: 37.4490713,

            longitude: 126.6571986,

        },

        zoom: 15,

    };

    // 마커 정보

    const marker = {

        coordinates: {

            latitude: 37.4490713,

            longitude: 126.6571986,

        },

        title: "인하공업전문대학",

        snippet: "7호관",

    };

    if (Platform.OS === "android") {

        return (

            <View style={styles.container}>

                <GoogleMaps.View

                    style={styles.map}

                    cameraPosition={initialPosition}

                    markers={[marker]}

                />

            </View>

        );

    }

    if (Platform.OS === "ios") {

        return (

            <View style={styles.container}>

                <AppleMaps.View

                    style={styles.map}

                    cameraPosition={initialPosition}

                    markers={[marker]}

                />

            </View>

        );

    }

    return (

        <View style={styles.container}>

            <Text>지도는 Android와 iOS에서만 사용 가능합니다.</Text>

        </View>

    );

};

const styles = StyleSheet.create({

    container: { flex: 1 },

    map: { flex: 1 },

});

export default MapScreen;