Flutter地图展示插件simple_google_maps_flutter的使用

开始使用

在使用此插件之前，请务必检查 simple_platform_view 包，因为simple_platform_view有一些缺点需要提前考虑。

使用

平台支持情况

下载自定义引擎

simple_platform_view 需要对引擎本身进行修改。因此，在Android上运行时，你需要使用一个修改后的版本的Flutter。

下载自定义的Flutter版本 这里。

解压下载的flutter.zip文件。

运行以下命令以首次下载自定义引擎工件：

$ path_to_custom_version/flutter/bin/flutter doctor

然后使用它就像正常安装的Flutter一样：

$ path_to_custom_version/flutter/bin/flutter build apk

在pubspec.yaml文件中添加以下依赖：

dependencies:
  google_maps_flutter:
  simple_google_maps_flutter:

Android:

将默认的GoogleMapsFlutterPlatform.instance替换为修改后的版本：

import 'package:simple_google_maps_flutter/simple_google_maps_flutter.dart';

[@override](/user/override)
void initState() {
    super.initState();
    if (Platform.isAndroid) {
        SimpleGoogleMapsFlutterAndroid.registerWith();
    }
}

如果你在ScrollView中使用Google Map，添加以下代码到你的MaterialApp中以防止StretchingOverscrollIndicator问题：

import 'package:simple_platform_view/simple_platform_view.dart';

[@override](/user/override)
Widget build(BuildContext context) {
  return MaterialApp(
    // 解决StretchingOverscrollIndicator问题
    scrollBehavior: SimplePlatformViewScrollBehavior(),
  );
}

其他用法与google_maps_flutter包相同。

iOS:

不支持iOS

示例

下面是示例代码：

import 'package:example/select_screen.dart';
import 'package:flutter/material.dart';
import 'package:simple_platform_view/simple_platform_view.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你的应用的主题。
        //
        // 尝试这样做：运行你的应用，你会看到应用有一个蓝色工具栏。然后，不退出应用，
        // 将colorScheme中的seedColor改为Colors.green，然后执行热重载（保存更改或在Flutter支持的IDE中点击热重载按钮，或者如果使用命令行启动应用，则按"r"）。
        //
        // 注意计数器并没有重置回零；应用程序状态在重载期间不会丢失。要重置状态，请使用热重启。
        //
        // 这也适用于代码，而不仅仅是值：大多数代码更改可以通过简单的热重载来测试。
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      // 解决StretchingOverscrollIndicator问题
      scrollBehavior: SimplePlatformViewScrollBehavior(),
      home: const SelectScreen(),
    );
  }
}