Flutter-Google Maps折线样式无效

时间:2020-01-15 14:10:57

标签: google-maps flutter polyline google-maps-flutter

我正在尝试向Google地图添加虚线折线,但是pattern属性似乎不起作用,或者我做错了。

在下面您可以看到创建折线的方法,该模式设置为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模拟器上对其进行了测试,并且dashdot模式都可以正常工作。

此问题仅在iOS设备上存在

google maps polylines

1 个答案:

答案 0 :(得分:2)

试试这个:

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