有没有办法隐藏街道名称(google_maps_flutter)?

时间:2019-07-06 11:18:50

标签: google-maps flutter

我正在开发一个应用程序,并且希望显示没有街道名称的地图。

有什么办法可以禁用街道名称?

1 个答案:

答案 0 :(得分:0)

用于扑扑的Google地图现在可以自定义地图样式。转到Google Maps Styling Wizard,降低道路密度并生成JSON。

将生成的JSON复制到您的资产文件夹,并在pubspec.yaml文件中指定它。如果您的文件夹称为资产:

flutter:  
  assets:
    - assets/no_street_names.json

现在,您只需要在创建的地图中使用此样式即可。可以通过使用地图控制器设置地图样式来实现。您可以使用以下代码作为参考:

import 'package:flutter/services.dart' show rootBundle;
GoogleMap(
          onMapCreated: (GoogleMapController controller) {
            rootBundle.loadString('assets/no_street_names.json').then((String mapStyle) {
              controller.setMapStyle(mapStyle);
            });
          },
        ),