1

この問題が以前に発生したことは知っていますが、機能させることができません... フラッター アプリケーションで簡単な 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が、何も変わりません。

また、アプリに関するログが表示されないようです。

どんな指針でも私の日を救うでしょう。ありがとう!

4

2 に答える 2