본문 바로가기
개발/Flutter

[Flutter] Google Map 연동

by kamyiho 2022. 2. 4.
728x90

1. API 사용 설정

- Maps SDK for iOS -> 사용

- Maps SDK for Android -> 사용

 

2. Android Key 생성 (프로젝트 -> 사용자 인증 화면)

2-1. Android 디지털 키 생성 방법

- 오른쪽에 친절하게 명령어가 나와 있음

$ keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

2-2. 생성된 API Key 적용

- android > AndroidMenifest.xml 에 아래 내용 추가

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

 

3. iOS Key 생성 (프로젝트 -> 사용자 인증 화면)

3-1. Bundle ID 만 입력하면 오케이

3-2. 생성된 API Key 적용

- ios > Runner > AppDelegate.swift 에 아래 내용 추가

...
import GoogleMaps

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    ...
  ) -> Bool {
    GMSServices.provideAPIKey("YOUR_APP_KEY")
    ...
  }
}
반응형

'개발 > Flutter' 카테고리의 다른 글

[Flutter] ListView scroll 막기  (0) 2022.02.18
[Flutter] Bottom Sheet  (0) 2022.02.15
[Flutter] bottom overflowed by ~ pixels  (0) 2022.02.03
[Flutter] Error running pod install  (0) 2022.01.18
[Flutter] firebase 연동 : FlutterFire CLI  (0) 2022.01.17

댓글