[flutter] 플러터(Flutter)로 실시간 위치 추적 앱 개발하기

18 Dec 2023

flutter

모바일 애플리케이션을 개발하고 있는 경우, 실시간 위치 추적 기능은 매우 중요합니다. 특히, 사용자의 현재 위치를 지도에 실시간으로 표시하고 이동 경로를 추적하는 앱을 개발할 때 이 기능은 필수적입니다. 이번 글에서는 플러터(Flutter)를 사용하여 실시간 위치 추적 앱을 개발하는 방법을 알아보겠습니다.

1. 위치 권한 획득

사용자의 위치 정보를 추적하기 위해서는 먼저 위치 권한을 획득해야 합니다. 플러터에서는 geolocator 패키지를 사용하여 위치 권한을 요청하고 사용자의 현재 위치를 얻을 수 있습니다. 아래는 위치 권한을 요청하는 간단한 예제 코드입니다.

import 'package:geolocator/geolocator.dart';

void getCurrentLocation() async {
  var geolocator = Geolocator();
  var locationPermission = await geolocator.requestPermission();
  if (locationPermission == LocationPermission.whileInUse || locationPermission == LocationPermission.always) {
    var position = await geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.high);
    print('Current position: ${position.latitude}, ${position.longitude}');
  }
}

위 코드에서 geolocator.requestPermission()을 통해 위치 권한을 요청하고, geolocator.getCurrentPosition()으로 사용자의 현재 위치를 얻을 수 있습니다.

2. 지도에 위치 표시

사용자의 위치를 얻었다면, 이를 지도에 표시하는 작업이 필요합니다. 플러터에서는 google_maps_flutter 패키지를 사용하여 지도를 표시하고 사용자의 위치를 실시간으로 업데이트할 수 있습니다. 아래는 위치를 지도에 표시하는 간단한 예제 코드입니다.

import 'package:google_maps_flutter/google_maps_flutter.dart';

GoogleMapController mapController;
Map<MarkerId, Marker> markers = <MarkerId, Marker>{};

void updateMarker(double lat, double lng) {
  MarkerId markerId = MarkerId('userLocation');
  LatLng position = LatLng(lat, lng);

  Marker marker = Marker(
    markerId: markerId,
    position: position,
  );

  markers[markerId] = marker;
  mapController.animateCamera(CameraUpdate.newCameraPosition(CameraPosition(target: position, zoom: 15)));
}

위 코드에서 updateMarker() 함수는 사용자의 위치를 받아 지도에 마커로 표시하고, 해당 위치로 지도를 이동시킵니다.

3. 위치 추적

마지막으로, 사용자의 이동 경로를 실시간으로 추적하는 기능을 구현할 수 있습니다. 플러터에서는 flutter_map이나 location 패키지를 사용하여 이동 경로를 지도 위에 실시간으로 그릴 수 있습니다. 아래는 간단한 위치 추적 예제 코드입니다.

import 'package:flutter_map/flutter_map.dart';
import 'package:latlong/latlong.dart';

List<LatLng> route = [];

void updateRoute(double lat, double lng) {
  route.add(LatLng(lat, lng));
  // Draw the route on the map
}

위 코드에서 updateRoute() 함수는 사용자의 이동 경로를 받아 지도 위에 실시간으로 그려줍니다.

위의 간단한 예제를 바탕으로, 플러터를 사용하여 실시간 위치 추적 앱을 개발할 수 있습니다. 이제 사용자의 위치를 실시간으로 추적하고 이동 경로를 지도에 표시하는 기능을 갖춘 앱을 만들어보세요.

더 많은 정보와 상세한 내용은 Flutter 공식 문서를 참고하시기 바랍니다.