Google 地图 Flutter - 尽管 API 密钥设置正确,但仍出现白屏问题

问题描述 投票:0回答:1

我正在尝试使用 google_maps_flutter 包将 Google 地图集成到我的 Flutter 应用程序中。尽管根据官方文档正确设置了 iOS 和 Android 的 API 密钥,但我还是遇到了一个持续存在的问题,即地图显示白屏而不是预期的地图视图。

这是我的代码的简化版本:

import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';

class MapScreen extends StatefulWidget {
  static String id = 'map';
  const MapScreen({super.key});

  @override
  State<MapScreen> createState() => _MapScreenState();
}

class _MapScreenState extends State<MapScreen> {
  late GoogleMapController mapController;

  final LatLng _center = const LatLng(45.521563, -122.677433);

  void _onMapCreated(GoogleMapController controller) {
    mapController = controller;
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        useMaterial3: true,
        colorSchemeSeed: Colors.green[700],
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Maps Sample App'),
          elevation: 2,
        ),
        body: GoogleMap(
          myLocationButtonEnabled: false,
          zoomControlsEnabled: false,
          onMapCreated: _onMapCreated,
          initialCameraPosition: CameraPosition(
            target: _center,
            zoom: 11.0,
          ),
        ),
      ),
    );
  }
}

我已经仔细检查了我的 API 密钥,它们似乎配置正确。然而,地图仍然是空白的。有没有人遇到过类似的问题或者可以提供潜在解决方案的见解?任何帮助将不胜感激。

我尝试连接到谷歌地图,因为我没有收到任何错误,所以我希望看到地图

flutter dart google-maps google-cloud-platform
1个回答
0
投票
For me its works by adding this into AndroidManifest 
 


    <meta-data
                android:name="com.google.android.gms.version"
                android:value="@integer/google_play_services_version" />
`enter code here`
© www.soinside.com 2019 - 2024. All rights reserved.