Inverted Polygon in Flutter_Map

Asked Jul 04 '22 at 01:12

Active Jul 04 '22 at 01:12

Viewed 453 times

I have to use Flutter Map for my project and I'm using PolygonLayerOptions to draw a polygon, but how can I fill every place on my map except the interior of the polygon. Like the image below.

PolygonLayerOptions(
          polygons: [
            Polygon(
              points: [
                LatLng(-25.290800, -52.716573),
                LatLng(-25.065827, -47.402915),
                LatLng(-27.847390, -47.402915),
                LatLng(-27.792425, -52.654425),
                LatLng(-25.290800, -52.716573),
              ],
              color: Colors.blue.withOpacity(0.4),
              disableHolesBorder: true,
              isDotted: false,
              borderStrokeWidth: 5.0,
            ),
          ],
        ),

asked Jul 04 '22 at 01:12

LayTexas

Hi there, you may want to try defining your polygon points as the four corners of the map, and then use the hole points list as the thing to leave unfilled. Happy to help you more on the Discord server! – JaffaKetchup Jul 31 '22 at 08:23
anu update on this?! – Ali Izadyar Mar 12 '23 at 13:38

Inverted Polygon in Flutter_Map

0 Answers0