时间戳

首页 > 解决方案 > 有没有办法隐藏街道名称（google_maps_flutter）？

google-maps - 有没有办法隐藏街道名称（google_maps_flutter）？

问题描述

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

有没有办法禁用街道名称？

标签： google-mapsflutter

解决方案

Google maps for flutter 现在可以自定义地图样式。转到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);
            });
          },
        ),

推荐阅读