Update app.py

app.py

@@ -35,7 +35,22 @@ m = folium.Map(location=(filtered_data['latitude'].mean(), filtered_data['longit
 
 # Add markers to the map
 for index, row in filtered_data.iterrows():
-    icon = folium.DivIcon(html=f'<div style="font-size: 16pt">{index}</div>')
+    html_content = f"""
+    <div style="
+        display: inline-block;
+        background-color: white;
+        border: 2px solid black;
+        border-radius: 50%;
+        width: 30px;
+        height: 30px;
+        text-align: center;
+        line-height: 30px;
+        font-size: 12pt;
+    ">{index}</div>
+    """
+
+    # Create a DivIcon with custom HTML content
+    icon = folium.DivIcon(html=html_content)
     folium.Marker([row['latitude'], row['longitude']], popup=row['Name'], icon=icon).add_to(m)
 
 polygon_coords = [ [np.random.uniform(40.7, 40.8, size=6)[i], np.random.uniform(-74.0, -73.9, size=6)[i]] for i in range(6)]