Spaces:

nt3awnou
/

Nt3awnou-rescue-map

Running on CPU Upgrade

App Files Files Community

nouamanetazi HF staff commited on Sep 11, 2023

Commit

ebc2ece

•

1 Parent(s): 15d58ea

update

Browse files

Files changed (2) hide show

app.py +21 -15
utils.py +100 -0

app.py CHANGED Viewed

@@ -4,6 +4,7 @@ import pandas as pd
 from streamlit_folium import st_folium
 import time
 import requests
 st.set_page_config(layout="wide")
@@ -37,23 +38,23 @@ st.markdown("""
 ✉️ nt3awnou@annarabic.com المتطوعين ليبغاو يعاونوا يقدرو يتصلوا معنا عبر البريد
             """)
 def parse_gg_sheet_interventions(url):
     df = pd.read_csv(url)
-    def parse_latlng_from_link(url):
-        try:
-            # extract latitude and longitude from gmaps link
-            session = requests.Session()
-            if "@" not in url:
-                # We first need to get the redirect URL
-                resp = session.head(url, allow_redirects=True)
-                url = resp.url
-            latlng = url.split('@')[1].split(',')[0:2]
-            return [float(latlng[0]), float(latlng[1])]
-        except Exception as e:
-            print(f"Error parsing latlng from link: {e}")
-            return None
     return df.assign(latlng=df.iloc[:, 3].apply(parse_latlng_from_link))
 def parse_gg_sheet(url):
@@ -163,6 +164,11 @@ for index, row in filtered_df.iterrows():
         popup=folium.Popup(display_text, max_width=300),
         icon=folium.Icon(color=colors_mapping.get(request_type, "blue"), icon=icon_name)
     ).add_to(m)
 st_data = st_folium(m, use_container_width=True)
 # Google Sheet Table

 from streamlit_folium import st_folium
 import time
 import requests
+from utils import legend_macro
 st.set_page_config(layout="wide")
 ✉️ nt3awnou@annarabic.com المتطوعين ليبغاو يعاونوا يقدرو يتصلوا معنا عبر البريد
             """)
+session = requests.Session()
+@st.cache_data(persist=True)
+def parse_latlng_from_link(url):
+    try:
+        # extract latitude and longitude from gmaps link
+        if "@" not in url:
+            # We first need to get the redirect URL
+            resp = session.head(url, allow_redirects=True)
+            url = resp.url
+        latlng = url.split('@')[1].split(',')[0:2]
+        return [float(latlng[0]), float(latlng[1])]
+    except Exception as e:
+        print(f"Error parsing latlng from link: {e}")
+        return None
 def parse_gg_sheet_interventions(url):
     df = pd.read_csv(url)
     return df.assign(latlng=df.iloc[:, 3].apply(parse_latlng_from_link))
 def parse_gg_sheet(url):
         popup=folium.Popup(display_text, max_width=300),
         icon=folium.Icon(color=colors_mapping.get(request_type, "blue"), icon=icon_name)
     ).add_to(m)
+# Macro to add legend
+m.get_root().add_child(legend_macro)
 st_data = st_folium(m, use_container_width=True)
 # Google Sheet Table

utils.py ADDED Viewed

	@@ -0,0 +1,100 @@

+from branca.element import Template, MacroElement
+template = """
+{% macro html(this, kwargs) %}
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>jQuery UI Draggable - Default functionality</title>
+  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+  <script>
+  $( function() {
+    $( "#maplegend" ).draggable({
+                    start: function (event, ui) {
+                        $(this).css({
+                            right: "auto",
+                            top: "auto",
+                            bottom: "auto"
+                        });
+                    }
+                });
+});
+  </script>
+</head>
+<body>
+<div id='maplegend' class='maplegend'
+    style='position: absolute; z-index:9999; border:2px solid grey; background-color:rgba(255, 255, 255, 0.8);
+     border-radius:6px; padding: 10px; font-size:14px; right: 20px; bottom: 20px;'>
+<div class='legend-title'>Legend / مفتاح الخريطة</div>
+<div class='legend-scale'>
+  <ul class='legend-labels'>
+    <li><span style='background:red;opacity:0.7;'></span>Rescue / إغاثة</li>
+    <li><span style='background:orange;opacity:0.7;'></span>Medical Assistance / مساعدة طبية</li>
+    <li><span style='background:yellow;opacity:0.7;'></span>Shelter / مأوى</li>
+    <li><span style='background:blue;opacity:0.7;'></span>Food & Water / طعام وماء</li>
+    <li><span style='background:grey;opacity:0.7;'></span>Danger / مخاطر (تسرب الغاز، تلف في الخدمات العامة...)</li>
+    <li><span style='background:green;opacity:0.7;'></span>Done / تم</li>
+    <li><span style='background:pink;opacity:0.7;'></span>Planned / مخطط لها</li>
+  </ul>
+</div>
+</div>
+</body>
+</html>
+<style type='text/css'>
+  .maplegend .legend-title {
+    text-align: left;
+    margin-bottom: 5px;
+    font-weight: bold;
+    font-size: 90%;
+    }
+  .maplegend .legend-scale ul {
+    margin: 0;
+    margin-bottom: 5px;
+    padding: 0;
+    float: left;
+    list-style: none;
+    }
+  .maplegend .legend-scale ul li {
+    font-size: 80%;
+    list-style: none;
+    margin-left: 0;
+    line-height: 18px;
+    margin-bottom: 2px;
+    }
+  .maplegend ul.legend-labels li span {
+    display: block;
+    float: left;
+    height: 16px;
+    width: 30px;
+    margin-right: 5px;
+    margin-left: 0;
+    border: 1px solid #999;
+    }
+  .maplegend .legend-source {
+    font-size: 80%;
+    color: #777;
+    clear: both;
+    }
+  .maplegend a {
+    color: #777;
+    }
+</style>
+{% endmacro %}"""
+legend_macro = MacroElement()
+legend_macro._template = Template(template)
+__all__ = ["legend_macro"]