Flutter - 谷歌地图折线模式不起作用

Posted 2023-02-18

【中文标题】Flutter - 谷歌地图折线模式不起作用

【英文标题】：Flutter - Google maps polyline patterns not working

【发布时间】：2020-05-02 07:45:44

【问题描述】：

我正在尝试将虚线折线添加到谷歌地图，但模式属性似乎不起作用。

您可以在下面看到创建折线的方法，图案设置为dash 和 5px gap，但仍显示为实线。它有什么问题还是只是一个颤振的错误？

谢谢。

包：google_maps_flutter

...

_addPollyline(int index, Color color) 
    final String polylineIdVal = 'polyline_id_$_polylineIdCounter';
    _polylineIdCounter++;
    final PolylineId polylineId = PolylineId(polylineIdVal);
    final Polyline polyline = Polyline(
      polylineId: polylineId,
      consumeTapEvents: true,
      color: color,
      patterns: <PatternItem>[PatternItem.dash(5), PatternItem.gap(5)],
      width: 5,
      points: _createRoute(index),
    );

    setState(() 
      _mapPolylines[polylineId] = polyline;
    );
  

...

更新

模式在 android 上运行良好。我已经在 Pixel 3 模拟器上对它们进行了测试，dash 和 dot 模式都可以正常工作。

此问题仅存在于 ios 设备上

【问题讨论】：

github.com/flutter/flutter/issues/60190我已经链接到这个问题

【参考方案1】：

试试这个：

  final polyline = Polyline(
    polylineId: id,
    patterns: [PatternItem.dash(10), PatternItem.gap(10)],
    color: color,
    points: coordinates,
    startCap: Cap.roundCap,
    endCap: Cap.roundCap,
    width: 5,
  );