[flutter] 플러터에서 위치 정보를 이용한 가까운 공원 검색 앱 만들기

12 Dec 2023

flutter

이번 포스트에서는 플러터(Flutter)를 사용하여 위치 정보를 이용하여 가까운 공원을 검색하는 애플리케이션을 만드는 방법에 대해 알아보겠습니다.

1. 요구 사항 분석

우리의 앱은 다음과 같은 기능을 제공해야 합니다.

사용자의 현재 위치를 가져와야 합니다.
위치 정보를 기반으로 주변의 공원을 검색해야 합니다.
검색된 공원의 목록을 표시하고 지도에 표시해야 합니다.

2. 위치 권한 획득

먼저, 사용자의 위치 정보를 가져오기 위해서는 위치 권한을 획득해야 합니다. 이를 위해 location 패키지를 사용할 수 있습니다.

import 'package:location/location.dart';

void main() {
  var location = new Location();
  location.requestPermission().then((granted) {
    if (granted) {
      // 위치 권한이 허용된 경우
    } else {
      // 위치 권한이 거부된 경우
    }
  });
}

3. 현재 위치 가져오기

위치 권한이 허용된 경우, 다음과 같이 사용자의 현재 위치를 가져올 수 있습니다.

void getCurrentLocation() async {
  var location = new Location();
  var currentLocation = await location.getLocation();
  // 현재 위치 정보를 사용하여 공원 검색 등의 작업 수행
}

4. 공원 정보 검색

위치 정보를 기반으로 공원을 검색하기 위해 Google Maps Places API를 활용할 수 있습니다. 해당 API를 통해 주변의 공원 정보를 가져와 앱에 표시할 수 있습니다.

// Google Maps Places API를 통해 공원 정보 가져오기 예시
Future<dynamic> getNearbyParks(double lat, double lng) async {
  String apiKey = 'YOUR_API_KEY';
  String placesUrl = 'https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=$lat,$lng&radius=1000&type=park&key=$apiKey';
  // HTTP 요청 보내고 응답 처리
}

5. 결과 표시 및 지도에 표시하기

검색된 공원 정보를 앱 화면에 표시하고 지도에 마커로 표시하기 위해 플러터에서 제공하는 지도 패키지를 사용할 수 있습니다.

import 'package:google_maps_flutter/google_maps_flutter.dart';

GoogleMapController mapController;

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

@override
Widget build(BuildContext context) {
  return GoogleMap(
    onMapCreated: _onMapCreated,
    initialCameraPosition: CameraPosition(
      target: LatLng(currentLocation.latitude, currentLocation.longitude),
      zoom: 15.0,
    ),
    markers: _markers,
  );
}

위의 단계를 따라 가까운 공원 검색 앱을 만들 수 있습니다. 이제 여러분의 앱을 통해 사용자들이 주변의 자연을 즐기는 것을 도와주는 앱을 만들어보세요!

목차

1. 요구 사항 분석

2. 위치 권한 획득

3. 현재 위치 가져오기

4. 공원 정보 검색

5. 결과 표시 및 지도에 표시하기