Update app.py

app.py

@@ -1,6 +1,6 @@
 import streamlit as st
-import os
-from streamlit_cesium import st_cesium
+import folium
+from streamlit_folium import folium_static
 
 # Set the page configuration
 st.set_page_config(page_title="Google Maps 3D", layout="wide")
@@ -8,22 +8,20 @@ st.set_page_config(page_title="Google Maps 3D", layout="wide")
 # Set your Google Maps API key
 api_key = os.get_env(["GM_TOKEN"])
 
-# Define the Cesium viewer options
-cesium_options = {
-    "imageryProvider": False,
-    "baseLayerPicker": False,
-    "requestRenderMode": True,
-}
+# Create a Folium map instance
+map_center = [37.7749, -122.4194]  # Example coordinates for San Francisco
+map_zoom = 12
+m = folium.Map(location=map_center, zoom_start=map_zoom)
 
-# Create a Cesium viewer instance
-viewer = st_cesium(cesium_options, height=600)
+# Add the Google Maps 3D tile layer
+google_3d_layer = folium.TileLayer(
+    tiles=f"https://tile.googleapis.com/v1/3dtiles/root.json?key={api_key}",
+    attr="Google",
+    name="Google Maps 3D",
+    overlay=True,
+    control=True,
+)
+google_3d_layer.add_to(m)
 
-# Add the Photorealistic 3D Tiles tileset
-tileset_url = f"https://tile.googleapis.com/v1/3dtiles/root.json?key={api_key}"
-viewer.scene.primitives.add(viewer.Cesium.Cesium3DTileset(url=tileset_url, showCreditsOnScreen=True))
-
-# Hide the default globe
-viewer.scene.globe.show = False
-
-# Display the Cesium viewer
-st.components.v1.html(viewer.to_html(), height=600)
+# Display the Folium map using streamlit-folium
+folium_static(m, width=800, height=600)