我正在尝试使用 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 密钥,它们似乎配置正确。然而,地图仍然是空白的。有没有人遇到过类似的问题或者可以提供潜在解决方案的见解?任何帮助将不胜感激。
我尝试连接到谷歌地图,因为我没有收到任何错误,所以我希望看到地图
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`