Bring your maps to life with Lottie-driven pins that pulse, bounce, or morph on interaction. This widget renders crisp, lightweight Lottie JSON animations as map markers, supports selected/idle states, clustering, and full theming. Hooks are exposed for tap/long-press, camera movement, and marker state changes so you can sync cards, bottom sheets, or routing seamlessly. Works with Google Maps, Mapbox, or Apple Maps, with asset/network Lottie files and smart caching for smooth performance.

Functionality

• Animated markers: Lottie JSON for idle/active/hover states; loop, play-once, or on-demand.

• Selection & focus: Highlight active pin, auto-pan/zoom to fit, zIndex stacking, optional shadow.

• Clustering: Aggregate close pins; custom cluster icon + animation; tap to expand.

• Data-driven: Bind to POI models (id, title, coords, category); live updates from API/Firestore.

• Events: onMarkerTap / onMarkerLongPress / onClusterTap / onMapIdle; callbacks to open detail sheets.

• Theming: Color variants per category, 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 locator and retail maps, hotel/restaurant finders, real-estate and rentals, events & venues, tourism guides, delivery & ride-hailing live maps, coworking and parking discovery.

Keywords

Lottie, animated markers, POI, map pins, Google Maps, Mapbox, Apple Maps, clustering, geolocation, bottom sheet, camera sync, interactive map, Flutter/FlutterFlow.