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

Question

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

下面你可以看到创建折线的方法，模式设置为dash5px 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 设备上

标签： google-mapsflutterpolylinegoogle-maps-flutter

Answer 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,
  );