Update app.py

app.py

@@ -1003,63 +1003,63 @@ def create_ride_map():
     # مرکز نقشه بین دو نقطه
     m = folium.Map(location=[(origin[0] + destination[0]) / 2, (origin[1] + destination[1]) / 2], zoom_start=12)
     
-    # علامت برای مبدأ با کادر سفید و نوشته بنفش
+    # علامت و کادر برای مبدأ
     folium.Marker(
         location=origin,
         popup="<b>مبدأ: پونک شمالی</b>",
-        icon=folium.Icon(color="purple", icon="flag"),
-        tooltip="مبدأ: پونک شمالی"  # tooltip برای هاور
-    ).add_to(m)
-    
-    # اضافه کردن کادر سفید با نوشته بنفش برای مبدأ
-    folium.Marker(
-        location=[origin[0], origin[1] + 0.005],  # کمی افست برای جلوگیری از همپوشانی
+        tooltip="مبدأ: پونک شمالی",
         icon=folium.DivIcon(
             html="""
             <div style="
                 background-color: white;
-                color: #6a0dad;
-                font-family: 'B Nazanin', sans-serif;
-                font-size: 14px;
-                font-weight: bold;
-                padding: 5px 10px;
                 border: 2px solid #6a0dad;
                 border-radius: 5px;
+                padding: 5px 10px;
+                display: flex;
+                align-items: center;
                 white-space: nowrap;
                 direction: rtl;
             ">
-                مبدأ: پونک شمالی
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="#ff69b4" style="margin-left: 5px;">
+                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
+                </svg>
+                <span style="
+                    color: #6a0dad;
+                    font-family: 'B Nazanin', sans-serif;
+                    font-size: 14px;
+                    font-weight: bold;
+                ">مبدأ: پونک شمالی</span>
             </div>
             """
         )
     ).add_to(m)
     
-    # علامت برای مقصد با کادر سفید و نوشته بنفش
+    # علامت و کادر برای مقصد
     folium.Marker(
         location=destination,
         popup="<b>مقصد: پل طبیعت</b>",
-        icon=folium.Icon(color="purple", icon="flag"),
-        tooltip="مقصد: پل طبیعت"  # tooltip برای هاور
-    ).add_to(m)
-    
-    # اضافه کردن کادر سفید با نوشته بنفش برای مقصد
-    folium.Marker(
-        location=[destination[0], destination[1] - 0.005],  # کمی افست برای جلوگیری از همپوشانی
+        tooltip="مقصد: پل طبیعت",
         icon=folium.DivIcon(
             html="""
             <div style="
                 background-color: white;
-                color: #6a0dad;
-                font-family: 'B Nazanin', sans-serif;
-                font-size: 14px;
-                font-weight: bold;
-                padding: 5px 10px;
                 border: 2px solid #6a0dad;
                 border-radius: 5px;
+                padding: 5px 10px;
+                display: flex;
+                align-items: center;
                 white-space: nowrap;
                 direction: rtl;
             ">
-                مقصد: پل طبیعت
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="#ff69b4" style="margin-left: 5px;">
+                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
+                </svg>
+                <span style="
+                    color: #6a0dad;
+                    font-family: 'B Nazanin', sans-serif;
+                    font-size: 14px;
+                    font-weight: bold;
+                ">مقصد: پل طبیعت</span>
             </div>
             """
         )