Fill closed Polyline with different color than border

[S-Man42]

In Polyline options you can insert both, color and borderColor. So, I guess, it should be possible to enter different colors for the outline and the filling, correct? However, this seems not work:

1. When entering both: color is taken as outline color. No filling, borderColor is ignored.

Is it possible to

1. Fill the closed polyline
2. Make the color different to its border?

[JaffaKetchup]

Can you just use a PolygonLayerOptions? That fill and border can be different colours.

[S-Man42]

Hi,

I cannot see, that the PolygonLayerOptions itself has a color attribute, but Polygon of course.

Unfortunately I have no polygons, but polylines (some of them are closed, which, of course, makes them a polygon: These are the ones I want to fill).

Moreover, as far as I can see, Polygon and Polyline have the same set of options when it comes to colors:

  final Color color;
  final double borderStrokeWidth;
  final Color? borderColor;

Why should Polygons act differently here?

I need the Polylines, because I need them tappable (adding a Tap Listener), which is done but the plugin flutter_map_tappable_polyline. So I am trying to achive this for Polylines, and it's not clear to me, why there are different color options, but they do not work as I expect it.

[JaffaKetchup]

I'm not sure. Try increasing the stroke width of your polyline? It could be that color is actually a fill color of the line, and border color is a color of the line's border?

[S-Man42]

Hm this might be, actually. However, that wouldn't solve my probleme anyway. I need to fill closed area created by a polyline.

[JaffaKetchup]

In that case you'll need to use Polygon. I'm not sure how you can get a tap listener, however.

[JaffaKetchup]

Please see #968 for an issue of adding tap handlers to polygons.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[Birdy2404]

We would still be interessted in this topic.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[S-Man42]

Still requested

[cuuycuyy]

Well, i run into this problem too. i want to add fill color to my closed polyline

[ibrierley]

How are you drawing your closed polyline ?

[S-Man42]

Drawing a polyline which includes twice the same point (with at least two points inbetween to create a real shape).

[ibrierley]

Just pondering, I suspect there's a few issues around this. Sorry it's a bit rambly, just thinking out loud...

Firstly, I'm guessing (but may be wrong), the paths aren't truly closed, and just have a duplicate start/end point (as I don't think there's any current way to specify a polyline is closed)?

There is no area fill for polylines to my understanding (again I may be wrong), so this would never work. However, I think it wouldn't be impossible to add a true "close" option for the polyline, and internally make sure the path is closed.

What's not very clear (to me) is what the intention of the current polyline color options are...ie you currently almost seem to fill the line (rather than area) in, and changing that may break some peoples implementations. So would a 3rd colour option be needed, or reuse the main one.
If anyone knows the correct interpretation of what "should" happen here, it would be useful.

Then there's the issue of the click handler (assuming not using the other tap plugin, which may be the best solution). Let's say you have 3 overlapping poly(line/gons) or layers, I'm guessing the topmost poly should have the click...so I'm guessing all the handlers (and layers) would need to be tied together somehow to traverse through ? I'm guessing there's none of that in flutter_map already ?

If there was a click handler somehow, it would probably remove the need for a filled area polyline (as you'd just use a polygon) ? So wondering if thats actually the main issue.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[S-Man42]

Still required

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[Birdy2404]

This topic is still interesting for US.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[S-Man42]

still interested

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[S-Man42]

still interested

[JaffaKetchup]

I'm going to close this now. For this use-case, a polygon with tap detection would be more appropriate. Please see #385 for the latest discussions on this - hopefully something can be done sooner rather than later.
Thanks for raising. Let me know if you think this shouldn't be closed in favour of that issue, and I will reconsider.