개발 - Flutter

Flutter (플러터) - 구글지도 사용 - (1) 환경세팅

벌꿀오소리 엘 2024. 10. 7. 16:56

 

기피 기능 중 하나인

 

지도를 구현하기 위해서는

상당히, 많은 작업이 필요하다.

 

이편에서는 Flutter 프로젝트 내부에서

구글 맵을 생성하는 내용에 대하여

포스팅을 하려고 한다.

 

 

 

플러터에서 구글 지도를 사용하려면

 

 

1) 라이브러리 추가

 

https://pub.dev/packages/google_maps_flutter

 

google_maps_flutter | Flutter package

A Flutter plugin for integrating Google Maps in iOS and Android applications.

pub.dev

 

라이브러리를 추가해줍니다.

 

flutter pub add google_maps_flutter

 

2)  Google map Platform에서 map api 키 발급 받기.

 

https://developers.google.com/maps/documentation/android-sdk/get-api-key?hl=ko

 

API 키 사용  |  Maps SDK for Android  |  Google for Developers

새로운 지도 스타일이 곧 Google Maps Platform에 제공될 예정입니다. 이 지도 스타일 지정 업데이트에는 새로운 기본 색상 팔레트와 지도 환경 및 사용성 개선사항이 포함됩니다. 모든 지도 스타일이

developers.google.com

 

3)  android/app/build.gradle 의 minSdk 버전 업 (20 이상)

 

android {
    namespace "com.livewithtogether.nyam"
  
   //*  [Config 셋팅]
    defaultConfig {
       
        applicationId "com.example.ddd"
        minSdkVersion 20 //최소 20

 

 

 

4)  android/app/src/main/AndroidManifest.xml 파일 수정

 

2번에서 발급 받은 키를 android:value ="여기" /> 에 넣어준다.

<manifest ...
  <application ...
    <meta-data android:name="com.google.android.geo.API_KEY"
               android:value="YOUR KEY HERE"/>

 

 

 

여기까지가

1차 세팅 입니다.

 

 

도움이 되셨다면

댓글과 좋아요 부탁드립니다.