[flutter] 플러터에서 위치 정보를 이용한 근처 공원 소개 앱 만들기

12 Dec 2023

flutter

플러터를 사용하여 위치 정보를 활용하여 현재 위치 근처의 공원을 보여주는 간단한 앱을 만들어보겠습니다.

1. 위치 권한 설정

먼저, 사용자의 위치 정보를 얻기 위해서는 위치 권한이 필요합니다. AndroidManifest.xml 파일에 다음과 같은 코드를 추가하여 위치 권한을 설정합니다:

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

또한, Info.plist 파일에도 위치 권한 설정을 추가해야 합니다:

<key>NSLocationWhenInUseUsageDescription</key>
<string>We need your location for finding nearby parks</string>

2. 위치 정보 가져오기

이제 플러터 코드에서 현재 위치의 위도와 경도를 가져오는 방법을 알아보겠습니다. geolocator 패키지를 사용하여 위치 정보를 가져올 수 있습니다.

import 'package:geolocator/geolocator.dart';

void getLocation() async {
  Position position = await Geolocator.getCurrentPosition(
      desiredAccuracy: LocationAccuracy.high);
  print('Latitude: ${position.latitude}, Longitude: ${position.longitude}');
}

3. 공원 정보 표시

위치 정보를 획득했으니, 이를 이용하여 근처의 공원 정보를 가져와 화면에 표시할 수 있습니다. 이때, Google Places API를 이용하여 공원 정보를 가져올 수 있습니다.

import 'package:google_maps_webservice/places.dart';

final places = new GoogleMapsPlaces(apiKey: "YOUR_API_KEY");

void fetchNearbyParks(double lat, double lng) async {
  PlacesSearchResponse response = await places.searchNearby(
      Location(lat, lng), 1500,
      type: "park");
  for (var park in response.results) {
    print('Park Name: ${park.name}, Rating: ${park.rating}');
  }
}

이제 플러터와 위치 정보, Google Places API를 이용하여 근처 공원을 나타내는 간단한 앱을 만들었습니다. 사용자의 위치 정보를 얻고 해당 위치에서 주변의 공원을 찾아보는 앱이죠.

위 코드를 참조하여 플러터에서 위치 정보를 활용하는 다양한 애플리케이션을 만들어보세요!

이 글은 다음의 문서를 참고하여 작성되었습니다:

Geolocator Plugin for Flutter: https://pub.dev/packages/geolocator
Google Maps Places API for Flutter: https://pub.dev/packages/google_maps_webservice