Epicenter Marker + Danger Distances Information (#11)

- Epicenter Marker + Danger Distances Information (32d691843dd682c4d6d459e85cc2211bc312a406)


Co-authored-by: badr <[email protected]>

app.py

@@ -265,6 +265,74 @@ folium.TileLayer(
         control = True
        ).add_to(m)
 
+# Marker for the epicentre
+icon_epicentre = folium.plugins.BeautifyIcon(
+    icon='spinner',
+    spin='true',
+    border_color='#b3334f',
+    background_color = '#b3334f',
+    text_color = 'white'
+)
+folium.Marker(location=[31.12210171476489, -8.42945837915193], popup="Epicenter   زلزال المغرب 2023 (مركز الزلزال)", icon=icon_epicentre).add_to(m)
+
+# Danger Distances Feature
+Danger_Distances_group = folium.FeatureGroup(name='Danger distances - earthquake magnitude 7 | مسافات الخطر - قوة الزلازل 7').add_to(m)
+
+radius = 100000 # in meters
+folium.Circle(
+    location=[31.12210171476489, -8.42945837915193],
+    radius=radius,
+    color="black",
+    weight=1,
+    fill_opacity=0.1,
+    opacity=0.1,
+    fill_color="yellow",
+    tooltip="50 to 100 km -Moderate risk area | منطقة خطر معتدلة",
+).add_to(Danger_Distances_group)
+
+
+radius = 50000 # in meters
+folium.Circle(
+    location=[31.12210171476489, -8.42945837915193],
+    radius=radius,
+    color="black",
+    weight=1,
+    fill_opacity=0.1,
+    opacity=0.1,
+    fill_color="orange",
+
+
+    tooltip="30 to 50 km - High risk zone | منطقة عالية المخاطر",
+).add_to(Danger_Distances_group)
+
+
+radius = 30000 # in meters
+folium.Circle(
+    location=[31.12210171476489, -8.42945837915193],
+    radius=radius,
+    color="black",
+    weight=1,
+    fill_opacity=0.2,
+    opacity=0.2,
+    fill_color="#FF0000",
+
+    tooltip="10 to 30 km - Very high risk zone | منطقة شديدة الخطورة  ",
+).add_to(Danger_Distances_group)
+
+radius = 10000 # in meters
+folium.Circle(
+    location=[31.12210171476489, -8.42945837915193],
+    radius=radius,
+    color="black",
+    weight=0.2,
+    fill_opacity=0.2,
+    opacity=0.2,
+    fill_color="#8B0000",
+
+    tooltip="0 to 10km - direct impact zone | منطقة التأثير المباشر",
+).add_to(Danger_Distances_group)
+
+
 # Add a LayerControl to the map to toggle between layers (Satellite View and Default One)
 folium.LayerControl().add_to(m)