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

Question

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

标签： google-mapsfluttergoogle-maps-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();
  }