FlutterでGoogle Mapの表示を行う

Google Cloud Platformでプロジェクトを作成する

Maps SDK for iOS/Android APIを有効にする

14 APIキーが登録されたら完了！！

パッケージをインストールする

flutter pub add google_maps_flutter

を実施

pubspec.yamlに下記のようにgoogle_maps_flutterが格納されていることを確認

dependencies:
  google_maps_flutter: ^2.1.10

Androidの設定

Android/app/build.gradle内のminSdkVersionを20以上に設定する

android {
    defaultConfig {
        minSdkVersion 20
    }
}

android/app/src/main/AndroidManifest.xmlで先程取得したAPIキーを設定する

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

iOSの設定

ios/Runner/AppDelegate.swiftに先程設定したAPIキーを設定する

#include "AppDelegate.h"
#include "GeneratedPluginRegistrant.h"
#import "GoogleMaps/GoogleMaps.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  [GMSServices provideAPIKey:@"YOUR KEY HERE"];
  [GeneratedPluginRegistrant registerWithRegistry:self];
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
@end

#Flutter