Flutter银色或黑色和白色样式的Google地图

Question

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

Answer 1

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

  assets:
    - assets/json_assets/

然后将其添加到Google Maps小部件所在的初始化状态

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