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

이번 포스트에서는 플러터(Flutter)를 사용하여 현재 위치 정보를 활용하여 근처 공원을 검색하는 애플리케이션을 만들어보겠습니다.

목표

  1. 플러터(Flutter)를 사용하여 위치 정보를 가져오는 방법 이해
  2. 위치 정보를 활용하여 근처 공원을 검색하는 방법 익히기
  3. Google Maps API를 통해 지도 상에 검색 결과를 표시하는 방법 습득

단계별 가이드

1. 위치 정보 가져오기

먼저, 사용자의 현재 위치를 가져오는 방법에 대해 알아보겠습니다. geolocator 패키지를 사용하여 위치 정보를 가져올 수 있습니다.

import 'package:geolocator/geolocator.dart';

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

2. 위치 정보 기반 근처 공원 검색

Google Places API를 사용하여 위치 기반으로 근처 공원을 검색할 수 있습니다. google_maps_flutter 패키지를 사용하여 지도 위에 검색 결과를 표시할 수 있습니다.

import 'package:google_maps_flutter/google_maps_flutter.dart';

// Assuming location and radius are defined earlier
var places = await  PlacesApi.searchNearby(location, radius, "park");

// Displaying the search results on the map
for (var place in places) {
  mapController.addMarker(MarkerOptions(
    position: place.latLng,
    infoWindowText: InfoWindowText(place.name, place.address),
  ));
}

3. 사용자 인터페이스(UI) 구성

위치 정보 및 검색 결과를 표시하기 위한 사용자 인터페이스를 플러터로 구성합니다.

마치며

위치 정보 및 Google Maps API를 활용하여 근처 공원을 검색하는 애플리케이션을 만드는 방법에 대해 알아보았습니다. 이를 통해 플러터를 사용하여 실제 지리적 데이터를 활용하는 기술을 익힐 수 있습니다.