Flutter 中 Google 地图从后台恢复变空白：终极修复指南

2024-03-10 23:49:05

Flutter 中 Google 地图从后台恢复空白问题的终极指南

问题概述

在 Flutter 应用中，使用 Google 地图时，用户可能遇到一个恼人的问题：从后台恢复后，地图会变为空白。虽然 Google 标志仍然可见，但多边形叠加层等元素却消失不见。该行为在 Android 设备上尤其常见，并且表现得不可靠，有时会在后台运行数小时后出现，而有时只需几分钟。

解决方法

修复此问题的途径有很多，让我们逐一探讨：

1. 更新 Flutter 和 Google 地图插件

确保你的 Flutter 和 Google 地图插件是最新的。运行以下命令：

flutter upgrade
flutter pub upgrade google_maps_flutter

2. 检查 API 密钥

确认你在 AndroidManifest.xml 文件中正确配置了 Google 地图 API 密钥：

<meta-data
  android:name="com.google.android.geo.API_KEY"
  android:value="YOUR_API_KEY" />

3. 启用定位服务

定位服务需要启用才能使用 Google 地图。导航到设备设置，找到“位置”设置，确保已将其启用。

4. 刷新地图

尝试从后台恢复后刷新地图。你可以使用以下代码：

GoogleMapController controller;

// 在地图创建后初始化控制器
void onMapCreated(GoogleMapController controller) {
  this.controller = controller;
}

// 从后台恢复后刷新地图
void onResume() {
  if (controller != null) {
    controller.reload();
  }
}

5. 重新创建地图

如果刷新地图不起作用，可以尝试重新创建它。使用以下代码：

// 在地图创建后销毁地图
void onMapCreated(GoogleMapController controller) {
  controller.dispose();
}

// 从后台恢复后重新创建地图
void onResume() {
  GoogleMapController controller = GoogleMapController();
  // 重新创建地图
}