Colin's Blog
[flutter] 플러터에서 위치 정보를 이용한 길 안내 앱 만들기

플러터를 사용하여 위치 정보를 이용한 길 안내 앱을 만들어보려고 합니다. 길 안내 앱은 사용자의 현재 위치와 목적지를 입력받아 최적의 경로를 제시해주는 기능을 제공합니다. 이를 위해 플러터에서는 위치 정보를 가져오고 이를 지도에 표시하는 기능을 구현해야 합니다.

1. 위치 정보 가져오기

플러터에서 위치 정보를 가져오기 위해서는 geolocator 패키지를 사용할 수 있습니다. 이 패키지를 이용하면 현재 위치를 쉽게 가져올 수 있습니다. 예를 들어 다음과 같이 현재 위치를 가져올 수 있습니다.

import 'package:geolocator/geolocator.dart';

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

위 코드는 geolocator 패키지를 이용하여 현재 위치를 가져오는 예시입니다. 위치를 가져오면 지도에 표시하거나 다음 목적지와의 거리를 계산하는 등의 기능을 추가할 수 있습니다.

2. 지도에 위치 표시하기

플러터에서 위치 정보를 활용하여 지도에 위치를 표시하기 위해서는 google_maps_flutter 패키지를 사용할 수 있습니다. 이 패키지를 활용하면 구글 맵을 표시하고 위치를 마커로 표시할 수 있습니다. 예를 들어 다음과 같이 지도에 위치를 표시할 수 있습니다.

import 'package:google_maps_flutter/google_maps_flutter.dart';

GoogleMapController mapController;
Set<Marker> markers = {};

void _onMapCreated(GoogleMapController controller) {
  mapController = controller;
  var marker = Marker(
    markerId: MarkerId('user_location'),
    position: LatLng(position.latitude, position.longitude),
    infoWindow: InfoWindow(title: '현재 위치'),
  );
  markers.add(marker);
  mapController.animateCamera(CameraUpdate.newLatLngZoom(position, 15.0));
}

위 코드는 google_maps_flutter 패키지를 이용하여 지도에 현재 위치를 마커로 표시하는 예시입니다. 이를 통해 사용자의 위치와 다음 목적지를 지도상에 표시할 수 있습니다.

3. 최적의 경로 제시하기

사용자의 현재 위치와 목적지를 받아와서 최적의 경로를 제시하기 위해서는 flutter_polyline_points 패키지를 사용할 수 있습니다. 이 패키지를 이용하면 두 지점 사이의 최적의 경로를 제공할 수 있습니다. 다음은 flutter_polyline_points 패키지를 이용하여 최적의 경로를 지도에 표시하는 예시입니다.

import 'package:flutter_polyline_points/flutter_polyline_points.dart';

List<LatLng> polylineCoordinates = [];
Set<Polyline> _polylines = {};

PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
  googleAPIKey,
  PointLatLng(startLatitude, startLongitude),
  PointLatLng(destLatitude, destLongitude),
);

if (result.points.isNotEmpty) {
  result.points.forEach((PointLatLng point) {
    polylineCoordinates.add(LatLng(point.latitude, point.longitude));
  });

  setState(() {
    Polyline polyline = Polyline(
      polylineId: PolylineId('route'),
      color: Colors.blue,
      points: polylineCoordinates,
    );
    _polylines.add(polyline);
  });
}

위 코드는 flutter_polyline_points 패키지를 이용하여 두 지점 사이의 최적의 경로를 지도에 표시하는 예시입니다. 이를 통해 사용자에게 최적의 길 안내를 제공할 수 있습니다.

위와 같이 플러터에서 위치 정보를 이용한 길 안내 앱을 만들기 위해서는 geolocator, google_maps_flutter, flutter_polyline_points 등의 패키지를 활용하여 위치 정보를 가져오고 지도에 표시하며, 최적의 경로를 제시할 수 있습니다.

Reference:

© 2018 Colin. All rights reserved.