Flutter에서 Google Map을 사용해보기

소개

Flutter에서 Google Map을 사용해보고 싶은 여러가지 조사했기 때문에, 메모 정도에 사용법을 쓰려고 생각합니다.
Flutter 설치 등 사전 준비는 fぅ r. 에서 v 를 참고해 주십시오.
우선 Flutter에서 Google Map을 사용할 준비부터 샘플 코드를 표시할 때까지.

Google Map 설정

패키지 google_maps_flutter 설정

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter

  google_maps_flutter: latest viersion

API 키 가져오기

API 키의 취득은 여기

「사용해 본다」를 눌러.



"지도"를 선택하고 "계속"을 누르십시오.



응용 프로그램의 이름을 설정하고 "Next"를 누르십시오.
그 후 API 키가 만들어집니다.

API 키 설정

Android 설정. iOS를 사용하지 않으므로 iOS를 사용하는 경우 다른 기사를 참조하십시오.
android/app/src/main/AndroidManifest.xml 에 취득한 API 키등을 설정한다.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="your package name">
    <!-- add current location, from here-->
    <uses-permission android:name=
    "android.permission.ACCESS_COARSE_LOCATION"/>
    <uses-permission android:name=
    "android.permission.ACCESS_FINE_LOCATION"/>
    <!-- to here -->

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:icon="@mipmap/ic_launcher"
        android:label="flutter_app_name">

        <!-- Add the following entry, with your API key -->
        <meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="Your API Key" />

이것으로 움직이게 될 것.
google_maps_flutter 에 샘플 코드가 있으므로 사용해 보세요.



다음은 GoogleMap 클래스의 매개 변수를 사용해 보겠습니다.
봐 주셔서 감사합니다.