update map

app.py

@@ -1,17 +1,42 @@
 import streamlit as st
+import plotly.express as px
+import pandas as pd
 
-st.title("Hello Streamlit-er 👋")
-st.markdown(
-    """ 
-    This is a playground for you to try Streamlit and have fun. 
+# Page setup
+st.set_page_config(page_title="Yogyakarta Map Markers", layout="wide")
+st.title("📍 10 Markers in Yogyakarta")
 
-    **There's :rainbow[so much] you can build!**
-    
-    We prepared a few examples for you to get started. Just 
-    click on the buttons above and discover what you can do 
-    with Streamlit. 
-    """
+# 10 example points in Yogyakarta
+locations = [
+    {"name": "Malioboro Street", "lat": -7.792778, "lon": 110.365833},
+    {"name": "Kraton Yogyakarta", "lat": -7.8056, "lon": 110.3647},
+    {"name": "Taman Sari", "lat": -7.8131, "lon": 110.3592},
+    {"name": "Gembira Loka Zoo", "lat": -7.7969, "lon": 110.3958},
+    {"name": "Prambanan Temple", "lat": -7.7520, "lon": 110.4910},
+    {"name": "Ullen Sentalu Museum", "lat": -7.5824, "lon": 110.4307},
+    {"name": "Merapi Volcano Museum", "lat": -7.6072, "lon": 110.4425},
+    {"name": "Alun-Alun Kidul", "lat": -7.8121, "lon": 110.3633},
+    {"name": "Tugu Yogyakarta", "lat": -7.7829, "lon": 110.3671},
+    {"name": "Affandi Museum", "lat": -7.7823, "lon": 110.3985}
+]
+
+# Convert to DataFrame
+df = pd.DataFrame(locations)
+
+# Plotly scatter mapbox
+fig = px.scatter_mapbox(
+    df,
+    lat="lat",
+    lon="lon",
+    hover_name="name",
+    zoom=11,
+    height=600
+)
+
+fig.update_layout(
+    mapbox_style="open-street-map",
+    margin={"r":0, "t":0, "l":0, "b":0}
 )
 
-if st.button("Send balloons!"):
-    st.balloons()
+# Show map
+st.plotly_chart(fig, use_container_width=True)