[flutter] 플러터에서 위치 정보를 이용한 사진 공유 앱 만들기

[flutter] 플러터에서 위치 정보를 이용한 사진 공유 앱 만들기

12 Dec 2023

flutter

플러터로 위치 정보를 이용하여 사용자가 찍은 사진을 공유하는 앱을 만들어보겠습니다. 이 앱은 사용자가 사진을 찍은 위치의 지도를 보여주고, 텍스트와 함께 사진을 SNS에 공유할 수 있는 기능을 제공할 것입니다.

목표

사용자가 찍은 사진을 업로드할 수 있는 앱을 만든다.
찍은 위치의 지도를 표시한다.
사진과 위치 정보를 함께 SNS에 공유할 수 있도록 한다.

기술 스택

Flutter: UI 개발을 위한 프레임워크
Dart: Flutter 앱을 개발하기 위한 프로그래밍 언어
Google Maps API: 지도 데이터를 가져오기 위한 API
Firebase: 이미지 업로드와 SNS 공유 기능을 구현하기 위한 클라우드 서비스

단계별 가이드

1. 위치 정보 가져오기

먼저, 사용자가 찍은 사진의 위치 정보를 가져와야 합니다. Flutter의 geolocator 패키지를 사용하여 위치 정보를 가져오고, 가져온 위치 정보를 이용해 지도 위에 마커를 표시합니다.

import 'package:geolocator/geolocator.dart';

Position position = await Geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.high);

2. 지도에 위치 표시하기

다음으로, 가져온 위치 정보를 이용해 Google Maps API를 통해 지도를 표시하고, 해당 위치에 마커를 표시합니다.

GoogleMap(
  initialCameraPosition: CameraPosition(
    target: LatLng(position.latitude, position.longitude),
    zoom: 15,
  ),
  markers: Set<Marker>.of([
    Marker(
      markerId: MarkerId('userLocation'),
      position: LatLng(position.latitude, position.longitude),
      infoWindow: InfoWindow(title: '사진 찍은 곳'),
    ),
  ]),
)

마지막으로, Firebase Storage를 사용하여 사용자가 찍은 사진을 업로드하고, 해당 이미지와 위치 정보를 SNS에 공유할 수 있는 기능을 구현합니다.

FirebaseStorage storage = FirebaseStorage.instance;
Reference ref = storage.ref().child('images/image1.jpg');
UploadTask uploadTask = ref.putFile(imageFile);

마치며

위의 가이드를 따라가면 Flutter를 사용하여 위치 정보를 이용한 사진 공유 앱을 만들 수 있을 것입니다. 향후에는 사용자의 위치 정보를 기반으로 한 다양한 기능을 추가해볼 수도 있을 것입니다.

참고문헌: