Polygon map widget — draw circles or polygons to filter locations in real time 🗺️✨. Give users a precise, visual way to search: sketch a circle or tap out a polygon, instantly see matching places, and open a rich details card with photo, address, and quick actions (Fit 🔍 / Route 🧭).
Functionality 🚀
-
Two draw modes: Circle 🎯 (set center & drag radius) and Polygon 🔺 (tap to add vertices, tap to close).
-
Live results: “Found: n” counter ✅ with highlighted pins 📍 inside the shape.
-
Details card: image 🖼️, title, address 🏠, rating ⭐ / status, plus Fit (zoom to shape) & Route (open navigation).
-
Controls: Draw ON/OFF ✏️ and Clear ♻️ to reset.
-
Editable geometry: draggable/resizeable handles 🔧; updates in real time.
-
Styling & units: configurable stroke/fill 🎨, opacity, width; km/mi ⚙️.
-
Callbacks:
onShapeStart,onShapeChanged,onShapeComplete,onClear,onResultTap🔗. -
Data-ready: works with any dataset (POIs, listings, events) and supports clustering outside the area 🧩.
Use cases 💡
-
Real estate & rentals: draw a custom neighborhood or radius around a landmark 🏡.
-
Retail & services: locate stores/pharmacies within delivery coverage 🛒.
-
Travel & leisure: find attractions or restaurants within walking distance 🍽️.
-
Logistics & field ops: define geofences for jobs, pickups, incident zones 🚚.
-
Events: filter concerts/meetups inside a drawn venue zone 🎟️.
-
Safety & emergency: visualize impact radii and affected assets 🚨.
Keywords: polygon map widget, draw polygon on map, circle radius search map, lasso select map, area filter widget, geofence custom widget, map pins filter, google maps polygon widget, poi search bottom sheet, fit to bounds, route to place, interactive map ui flutter, flutterflow custom map widget
Circle & Polygon Map Area Search
- BEST VALUE
- 200+ FlutterFlow Widgets & Icons
- 30+ Hour FlutterFlow Express Course (Real Projects)
- 70+ Figma UI Kits & 3D icons
- Help with Customizations
- Unlimited Project Help
- Unlimited Bug Fixing Assistance
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.

