Flutter - Google maps polyline patterns not working
2,212
Try this:
final polyline = Polyline(
polylineId: id,
patterns: [PatternItem.dash(10), PatternItem.gap(10)],
color: color,
points: coordinates,
startCap: Cap.roundCap,
endCap: Cap.roundCap,
width: 5,
);
Author by
selected
Updated on December 17, 2022Comments
-
selected over 1 year
I am trying to add dashed polylines to the google map but the pattern property doesn't seem to work.
Below you can see the method that creates the polyline, the pattern is set to
dash
with 5pxgap
, but it still shows as a solid line. Is there anything wrong with it or it's just a flutter bug?Thanks.
package: 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; }); } ...
UPDATE
Patterns work fine on android. I've tested them on a Pixel 3 emulator and both
dash
anddot
patterns are working.The issue is only present on iOS devices