

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.