

Bring your maps to life ๐บ๏ธ with Lottie-driven pins that pulse, bounce, and morph on interaction โจ. This widget renders crisp, lightweight Lottie JSON as markers ๐, supports selected/idle states, clustering, and full theming. Powerful hooks fire on tap/long-press, camera moves, and state changes โ so you can sync cards, bottom sheets, or routing seamlessly. Works with Google Maps, Mapbox, and Apple Maps, loads assets from file or network, and uses smart caching for buttery performance โก. Perfect for google map custom markers flutterflow setups.
Functionality
-
๐๏ธ Animated markers: Lottie JSON for idle/active/hover; loop, play-once, or on-demand.
-
๐ฏ Selection & focus: highlight active pin, auto-pan/zoom to fit, z-index stacking, optional shadow.
-
๐งฉ Clustering: combine nearby pins; custom cluster icon + animation; tap to expand.
-
๐ Data-driven: bind to POI models (id, title, coords, category); live updates via API/Firestore.
-
๐๏ธ Events: onMarkerTap / onMarkerLongPress / onClusterTap / onMapIdleโopen details, trigger flows.
-
๐จ Theming: category colors, dark mode, size/scale controls, hit-slop & accessibility labels.
-
๐ Performance: viewport pruning, frame throttling, cached compositions, static fallback on low-end devices.
Use Cases
-
๐๏ธ Store locators & retail maps
-
๐ฝ๏ธ Hotel/restaurant finders
-
๐ Real-estate & rentals
-
๐ซ Events & venues, tourism guides
-
๐ Delivery & ride-hailing live maps
-
๐ ฟ๏ธ Coworking & parking discovery
Keywords
lottie, animated markers, poi, map pins, google maps, mapbox, apple maps, clustering, geolocation, bottom sheet, camera sync, interactive map, flutter, flutterflow, google map custom markers flutterflow, flutterflow widget, flutterflow component.
Google Map Custom Markers
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.