この問題が以前に発生したことは知っていますが、機能させることができません... フラッター アプリケーションで簡単な Google マップを表示しようとしています。
そのために、 https://codelabs.developers.google.com/codelabs/google-maps-in-flutter/やhttps://pub.dev/packages/google_maps_flutterなどのいくつかのチュートリアルに従いました。
したがって、私のコードはまったく同じです。それでもお見せします:
まず、Maps SDK for Android と Maps SDK for iOS の両方を有効にしました。パネルで有効になっていることがわかります。
次に、api_key を追加するだけです (Google プラットフォームの「Maps SDK for Android」の資格情報タブで確認できるため、有効になっているはずです)。
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.google_maps_in_flutter">
<application
android:name="io.flutter.app.FlutterApplication"
android:label="google_maps_in_flutter"
android:icon="@mipmap/ic_launcher">
<meta-data android:name="com.google.android.geo.API_KEY"
android:value="AIzaSyD6o4Kh7hRA09LdFFnxxxxxxxx"/>
<activity
android:name=".MainActivity"
android:launchMode="singleTop"
...
そして、iOSでもまったく同じことをしました。
依存関係は、次のように pubspec.yaml に追加されます。
dependencies:
flutter:
sdk: flutter
google_maps_flutter: ^0.5.11
cupertino_icons: ^0.1.2
google_map_flutter (0.5.21+15) の最新バージョンも試しましたが、何も変わりません。
それだけです。main.dart はチュートリアルとまったく同じです。
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
GoogleMapController mapController;
final LatLng _center = const LatLng(45.521563, -122.677433);
void _onMapCreated(GoogleMapController controller) {
mapController = controller;
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Maps Sample App'),
backgroundColor: Colors.green[700],
),
body: GoogleMap(
onMapCreated: _onMapCreated,
initialCameraPosition: CameraPosition(
target: _center,
zoom: 11.0,
),
),
),
);
}
}
次に、アプリを実行すると...地図が表示されません。
アプリバーが表示されますが、その下には空白の領域があります。他の問題で見たように、Googleのロゴさえ表示されていません。
アプリをビルドする前に実行しようとしましたflutter clean
が、何も変わりません。
また、アプリに関するログが表示されないようです。
どんな指針でも私の日を救うでしょう。ありがとう!