Update app.py

app.py

@@ -135,45 +135,30 @@ def page_article_to_social_post():
                     st.write(post_content)
 
 def page_vaccation():
-    import streamlit as st
-    import pandas as pd
-    import pydeck as pdk
-    
-    # Input for start and end points
-    start_point = st.text_input("Enter start point", "Location A")
-    end_point = st.text_input("Enter end point", "Location B")
-    
-    # Assume function to calculate route and places of interest (mock data for demonstration)
-    # You would replace this with real data obtained from mapping APIs
-    route_data = pd.DataFrame({
-        'lat': [start_lat, end_lat],
-        'lon': [start_lon, end_lon]
-    })
-    places_of_interest = pd.DataFrame({
-        'lat': [poi1_lat, poi2_lat],  # Latitudes of places of interest
-        'lon': [poi1_lon, poi2_lon],  # Longitudes of places of interest
-        'name': ['Place 1', 'Place 2']  # Names of places of interest
-    })
+
+    st.title("Map Display with Start and End Points")
+
+    # Collect user inputs for latitude and longitude of start and end points
+    st.header("Start Point")
+    start_lat = st.number_input("Start Latitude", value=37.76, format="%.6f")
+    start_lon = st.number_input("Start Longitude", value=-122.4, format="%.6f")
     
-    # Display the map
-    st.pydeck_chart(pdk.Deck(
-         map_style='mapbox://styles/mapbox/light-v9',
-         initial_view_state=pdk.ViewState(
-             latitude=route_data['lat'].mean(),
-             longitude=route_data['lon'].mean(),
-             zoom=11,
-             pitch=50,
-         ),
-         layers=[
-             pdk.Layer(
-                'ScatterplotLayer',
-                data=places_of_interest,
-                get_position='[lon, lat]',
-                get_color='[200, 30, 0, 160]',
-                get_radius=200,
-             ),
-         ],
-    ))
+    st.header("End Point")
+    end_lat = st.number_input("End Latitude", value=37.76, format="%.6f")
+    end_lon = st.number_input("End Longitude", value=-122.41, format="%.6f")
+
+    # Prepare data for the map
+    if start_lat and start_lon and end_lat and end_lon:
+        points_df = pd.DataFrame({
+            'lat': [start_lat, end_lat],
+            'lon': [start_lon, end_lon],
+            'color': ['#ff0000', '#0000ff'],  # Start in red, end in blue
+            'size': [100, 100]  # Size of the points
+        })
+
+        # Display the map with customized points
+        st.map(data=points_df, latitude='lat', longitude='lon', color='color', size='size')
+
 
 
 # Setup the sidebar with page selection