将 Google 地图设计为 Flutter 银色或黑白

Question

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

Answer 1

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

  assets:
    - assets/json_assets/

然后将其添加到谷歌地图小部件所在的 init State 中

  @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();
  }