Flutter 앱에 지도 기능을 추가하려면 google_maps_flutter 패키지를 사용할 수 있습니다. 이 패키지는 구글 맵을 플러터 앱에 통합할 수 있는 기능을 제공합니다. 아래에서는 google_maps_flutter 패키지를 설치하고 설정하는 방법에 대해 알아보겠습니다.

1. google_maps_flutter 패키지 설치

먼저, pubspec.yaml 파일에 google_maps_flutter 패키지를 추가해야 합니다. 다음과 같이 dependencies 섹션에 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  google_maps_flutter: ^2.0.6

그런 다음 터미널에서 다음 명령을 실행하여 패키지를 가져옵니다.

flutter pub get

2. 안드로이드 설정

Google Cloud Console에서 API 키 생성

Google Cloud Console에 로그인하여 새로운 프로젝트를 만들고, “지도 플랫폼”을 선택하여 Google 지도 API 키를 생성합니다.

안드로이드 매니페스트 파일 업데이트

AndroidManifest.xml 파일에 다음 권한과 메타데이터를 추가합니다.

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

<meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="YOUR_API_KEY"/>

YOUR_API_KEY를 Google Cloud Console에서 생성한 API 키로 대체합니다.

3. iOS 설정

Google Cloud Console에서 API 키 생성

Google Cloud Console에 로그인하여 새로운 프로젝트를 만들고, “지도 플랫폼”을 선택하여 Google 지도 API 키를 생성합니다.

iOS Runner 파일 업데이트

ios/Runner/AppDelegate.swift 파일에 다음 코드를 추가합니다.

import UIKit
import Flutter
import GoogleMaps

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    GeneratedPluginRegistrant.register(with: self)
    GMSServices.provideAPIKey("YOUR_API_KEY")
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}

YOUR_API_KEY를 Google Cloud Console에서 생성한 API 키로 대체합니다.

이제 google_maps_flutter 패키지의 설치 및 설정이 완료되었습니다. 이제 Flutter 앱에서 지도를 표시하고 사용할 수 있습니다.

더 많은 정보를 원하시면 공식 문서를 참고하세요.