google-map-custom-markers-flutterflow
flutterflow-google-map-custom-markers
About

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

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.