feat : map

features/supervision/lib/presentation/widget/cluster_marker.dart

@@ -0,0 +1,59 @@
+
+import 'package:flutter/material.dart';
+
+class AnimatedClusterMarker extends StatefulWidget {
+  final int count;
+
+  const AnimatedClusterMarker({super.key, required this.count});
+
+  @override
+  State<AnimatedClusterMarker> createState() => _AnimatedClusterMarkerState();
+}
+
+class _AnimatedClusterMarkerState extends State<AnimatedClusterMarker>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _controller = AnimationController(
+      vsync: this,
+      duration: const Duration(milliseconds: 300),
+    )..forward(); // start animation
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ScaleTransition(
+      scale: CurvedAnimation(parent: _controller, curve: Curves.easeOutBack),
+      child: Opacity(
+        opacity: _controller.value,
+        child: Container(
+          width: 40,
+          height: 40,
+          alignment: Alignment.center,
+          decoration: BoxDecoration(
+            color: Colors.blueAccent,
+            shape: BoxShape.circle,
+            border: Border.all(color: Colors.white, width: 2),
+          ),
+          child: Text(
+            widget.count.toString(),
+            style: const TextStyle(
+              color: Colors.white,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}