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

12 Dec 2023

flutter

플러터를 사용하여 위치 정보를 이용한 길 안내 앱을 만들어보겠습니다. 이 앱은 사용자의 현재 위치를 파악하고, 원하는 목적지까지의 경로를 안내해주는 기능을 가지고 있을 것입니다.

구현 방법

우선, 플러터에서 위치 정보를 사용하기 위해 geolocator 패키지를 사용할 수 있습니다. 이 패키지를 사용하여 사용자의 현재 위치를 파악하고, 목적지와의 경로를 계산할 수 있습니다.

또한, 경로 안내 기능을 구현하기 위해 google_maps_flutter 패키지를 사용할 수 있습니다. 이 패키지를 사용하여 지도를 표시하고, 사용자의 현재 위치부터 목적지까지의 경로를 표시할 수 있습니다.

아래는 간단한 예시 코드입니다.

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MapScreen(),
    );
  }
}

class MapScreen extends StatefulWidget {
  @override
  _MapScreenState createState() => _MapScreenState();
}

class _MapScreenState extends State<MapScreen> {
  GoogleMapController mapController;
  final LatLng _center = const LatLng(45.521563, -122.677433);
  Position _currentPosition;

  void _onMapCreated(GoogleMapController controller) {
    mapController = controller;
  }

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

  void _getCurrentLocation() async {
    Position position = await Geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.high);
    setState(() {
      _currentPosition = position;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Map Example'),
        backgroundColor: Colors.green[700],
      ),
      body: GoogleMap(
        onMapCreated: _onMapCreated,
        initialCameraPosition: CameraPosition(
          target: _center,
          zoom: 11.0,
        ),
        markers: {
          Marker(
            markerId: MarkerId("current"),
            position: LatLng(_currentPosition.latitude, _currentPosition.longitude),
            infoWindow: InfoWindow(title: 'Your Location'),
          ),
        },
      ),
    );
  }
}

결론

위 예시 코드는 플러터를 사용하여 위치 정보를 이용한 간단한 지도 표시 앱을 만드는 방법을 보여줍니다. 이를 응용하여 사용자의 현재 위치와 목적지 간의 경로를 계산하여 안내해주는 앱을 만들 수 있습니다.

위치 정보와 지도 기능을 활용하여 다양한 사용자 경험을 제공하는 애플리케이션을 만들 때 플러터는 매우 유용한 도구입니다.

더 많은 기능과 세부적인 구현 방법에 대해선 플러터 공식 문서를 참고하시기 바랍니다.