[flutter] 플러터 geolocator를 이용한 실시간 위치 추적 시스템 개발 방법

04 Dec 2023

flutter

지금은 위치 기반 애플리케이션 개발이 많은 인기를 얻고 있습니다. 사용자의 현재 위치를 추적하고 실시간으로 업데이트하는 기능은 많은 애플리케이션에서 필수적인 요소입니다. 이번 블로그 포스트에서는 플러터(Flutter)를 사용하여 실시간 위치 추적 시스템을 개발하는 방법을 알아보겠습니다.

Geolocator 패키지 설치

먼저, 실시간 위치 추적을 위해 Flutter에서 제공하는 Geolocator 패키지를 설치해야 합니다. pubspec.yaml 파일에 다음 의존성을 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  geolocator: ^7.6.2

의존성을 추가한 후, 터미널에서 flutter pub get 명령어를 실행하여 패키지를 다운로드합니다.

위치 권한 설정

앱에서 위치 정보에 접근하기 위해서는 사용자로부터 위치 권한을 허용받아야 합니다. AndroidManifest.xml 파일과 Info.plist 파일에 위치 권한 설정을 추가해야 합니다.

Android 설정

AndroidManifest.xml 파일에 다음 코드를 추가합니다.

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="your.package.name">
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <!-- 기타 권한 설정 -->
</manifest>

iOS 설정

Info.plist 파일에 다음 코드를 추가합니다.

<key>NSLocationWhenInUseUsageDescription</key>
<string>Your reason for requesting location access</string>

위의 코드에서 ‘Your reason for requesting location access’ 부분을 앱에서 위치 정보에 접근하는 이유를 설명하는 문구로 변경해야 합니다.

위치 추적 및 업데이트

위치 권한을 설정한 후, Geolocator 패키지를 사용하여 위치를 추적하고 실시간으로 업데이트할 수 있습니다. 다음은 간단한 예제 코드입니다.

import 'package:flutter/material.dart';
import 'package:geolocator/geolocator.dart';

class LocationTracker extends StatefulWidget {
  @override
  _LocationTrackerState createState() => _LocationTrackerState();
}

class _LocationTrackerState extends State<LocationTracker> {
  Position _currentPosition;

  @override
  void initState() {
    super.initState();
    _getCurrentLocation();
  }

  _getCurrentLocation() {
    Geolocator.getCurrentPosition(
      desiredAccuracy: LocationAccuracy.best,
    ).then((Position position) {
      setState(() {
        _currentPosition = position;
      });
    }).catchError((e) {
      print(e);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Location Tracker'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Current Location:',
            ),
            Text(
              'Latitude: ${_currentPosition.latitude}, Longitude: ${_currentPosition.longitude}',
            ),
          ],
        ),
      ),
    );
  }
}

위 코드에서는 initState() 메서드에서 _getCurrentLocation() 함수를 호출하여 현재 위치를 얻고 _currentPosition 변수에 저장합니다. 위치 정보가 업데이트되면 화면에 출력됩니다.

마무리

이제 여러분은 플러터를 사용하여 실시간 위치 추적 시스템을 개발하는 방법을 알게 되었습니다. Geolocator 패키지를 사용하여 위치 정보를 추적하고 실시간으로 업데이트하여 앱을 개발할 수 있습니다. 지금부터는 이 개념을 확장하여 여러분만의 위치 기반 애플리케이션을 구축할 수 있습니다.

더 자세한 내용과 다른 Geolocator 기능에 대해서는 Geolocator 패키지 문서를 참조하시기 바랍니다.