Update app.py

app.py

@@ -1001,77 +1001,72 @@ def create_ride_map():
 
     m = folium.Map(location=[(origin[0] + destination[0]) / 2, (origin[1] + destination[1]) / 2], zoom_start=13)
 
-    purple = "#6a0dad"
+    purple_hex = "#6a0dad"
 
-    # مبدأ - دایره + لیبل
+    # مبدأ: آیکون دایره (با icon='circle')
     folium.Marker(
         location=origin,
         tooltip="مبدا",
+        icon=folium.Icon(color="purple", icon="circle", prefix="fa")
+    ).add_to(m)
+
+    # لیبل برای مبدأ با رنگ بنفش خاص
+    folium.Marker(
+        location=[origin[0] + 0.001, origin[1]],  # کمی بالاتر برای دیده شدن
         icon=folium.DivIcon(
             html=f"""
-            <div style="display: flex; align-items: center; direction: rtl;">
-                <div style="
-                    width: 12px;
-                    height: 12px;
-                    background-color: {purple};
-                    border-radius: 50%;
-                    margin-left: 6px;
-                "></div>
-                <div style="
-                    background-color: white;
-                    border: 2px solid {purple};
-                    border-radius: 6px;
-                    padding: 2px 8px;
-                    color: {purple};
-                    font-weight: bold;
-                    font-size: 13px;
-                    font-family: sans-serif;
-                    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-                ">
-                    مبدا
-                </div>
+            <div style="
+                color: {purple_hex};
+                font-weight: bold;
+                font-size: 13px;
+                font-family: sans-serif;
+                background-color: white;
+                border: 2px solid {purple_hex};
+                border-radius: 6px;
+                padding: 2px 8px;
+                box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+                text-align: center;
+            ">
+                مبدا
             </div>
             """
         )
     ).add_to(m)
 
-    # مقصد - آیکون پرچم + لیبل
+    # مقصد: آیکون پرچم
     folium.Marker(
         location=destination,
         tooltip="مقصد",
+        icon=folium.Icon(color="purple", icon="flag", prefix="fa")
+    ).add_to(m)
+
+    # لیبل برای مقصد
+    folium.Marker(
+        location=[destination[0] + 0.001, destination[1]],
         icon=folium.DivIcon(
             html=f"""
-            <div style="display: flex; align-items: center; direction: rtl;">
-                <div style="
-                    width: 0;
-                    height: 0;
-                    border-left: 8px solid {purple};
-                    border-top: 6px solid transparent;
-                    border-bottom: 6px solid transparent;
-                    margin-left: 6px;
-                "></div>
-                <div style="
-                    background-color: white;
-                    border: 2px solid {purple};
-                    border-radius: 6px;
-                    padding: 2px 8px;
-                    color: {purple};
-                    font-weight: bold;
-                    font-size: 13px;
-                    font-family: sans-serif;
-                    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-                ">
-                    مقصد
-                </div>
+            <div style="
+                color: {purple_hex};
+                font-weight: bold;
+                font-size: 13px;
+                font-family: sans-serif;
+                background-color: white;
+                border: 2px solid {purple_hex};
+                border-radius: 6px;
+                padding: 2px 8px;
+                box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+                text-align: center;
+            ">
+                مقصد
             </div>
             """
         )
     ).add_to(m)
 
-    # خط بین مسیر
+    # خط مسیر
     folium.PolyLine(
         [origin, destination],
-        color=purple,
+        color=purple_hex,
         weight=4,
         opacity=0.8,
         dash_array="5,5"