以 Flutter 银色或黑白风格设计 Google 地图

Question

我在 Flutter 应用中使用 Google 地图。我正在寻找一种在黑白版上设置地图样式的方法。我已经在网页版中看到了这一点，但不确定在 Flutter 版中是否可行……但是。 想知道是否有其他人已经实现了这一点以及如何实现的？

Answer 1

首先，您必须从 https://mapstyle.withgoogle.com/ 获取 style.json 并将其添加到您的资产中。

  assets:
    - assets/json_assets/

然后将其添加到谷歌地图小部件所在的初始状态

  @override
  void initState() {
    super.initState();
    rootBundle.loadString('assets/json_assets/map_style.txt').then((string) {
      _mapStyle = string;
    });
  }

最后但并非最不重要的一点是，您的 Map Created 函数应如下所示：

  void _onMapCreated(GoogleMapController controller) {
    controller.setMapStyle(_mapStyle);
    _mapController = controller;
    initMemoryClustering();
  }