如何根据应用程序主题（深色和浅色）更改谷歌地图的主题？

Question

根据 flutter 应用程序中的地图视图更改地图视图。

Answer 1

查看此网站https://mapstyle.withgoogle.com/选择您想要使用的深色和浅色主题。单击 \xe2\x80\x9cFinish\xe2\x80\x9d 以生成您将下载的两个 JSON 文件。

\n

将此文件作为资产导入到您的项目中。我建议您将此文件隔离在一个新文件夹中，并将其添加到 pubspec.yaml 文件中。

\n

assets/json/dark_mode_style.json\n

\n

将以下方法添加到您的地图文件中，

\n

@override\nvoid initState() {\n  super.initState();\n  _loadMapStyles();\n}\n\nFuture _loadMapStyles() async {\n  _darkMapStyle  = await rootBundle.loadString(\'assets/json/dark_mode_style.json\');\n}\n

\n

使用 googleMapController 添加样式，例如，

\n

if (theme == Brightness.dark)\n    controller.setMapStyle(_darkMapStyle);\n

\n

根据您的逻辑管理以下样式。

\n