fix map not rendering after refresh

pages/00_home.py

@@ -2,13 +2,13 @@ import  ee
 import geemap
 import solara
 
+
 class Map(geemap.Map):
     def __init__(self, **kwargs):
         super().__init__(**kwargs)
         self.dataset = ee.Image("UMD/hansen/global_forest_change_2023_v1_11")
         self.add_forest_loss_gain_data()
         self.add_plot_gui()
-        # self.download_data()
 
     def add_forest_loss_gain_data(self):
         self.add_basemap("Esri.WorldImagery")
@@ -35,32 +35,34 @@ class Map(geemap.Map):
         )
 
 class PieChartPlotter:
-    def __init__(self):
-        self.geemap = geemap
-        self.dataset = self.geemap.ee.Image("UMD/hansen/global_forest_change_2023_v1_11")
-        self.zonal_forest_area_by_country()
-    
+    def __init__(self, map_object):
+        if map_object is not None:
+            self.geemap = geemap  # Access geemap instance from Map
+            self.zonal_forest_area_by_country()
+
     def zonal_forest_area_by_country(self):
         self.geemap.pie_chart(
-        "data/forest_cover.csv", names="NAME", values="sum", max_rows=20, height=400
+            "data/forest_cover.csv", names="NAME", values="sum", max_rows=20, height=400
         ).show()
 
 class BarChartPlotter:
-    def __init__(self):
-        self.geemap = geemap
-        self.dataset = self.geemap.ee.Image("UMD/hansen/global_forest_change_2023_v1_11")
-        self.zonal_forest_area_by_country()
-    
+    def __init__(self, map_object):
+        if map_object is not None:
+            self.geemap = geemap  # Access geemap instance from Map
+            self.zonal_forest_area_by_country()
+
     def zonal_forest_area_by_country(self):
         self.geemap.bar_chart(
-        "data/forest_cover.csv", x="NAME", y="sum", max_rows=20, height=400,
-        x_label="Country", y_label="Forest area (km2)",
+            "data/forest_cover.csv", x="NAME", y="sum", max_rows=20, height=400,
+            x_label="Country", y_label="Forest area (km2)",
         ).show()
-    
+
 @solara.component
-def Page():         
+def Page():      
     with solara.Column(style={"min-width": "500px"}):
+        map_instance = Map()
         Map.element(
+            map_object= map_instance,
             center=[40, -100],
             zoom=4,
             height="600px",
@@ -100,7 +102,7 @@ def Page():
 
             solara.Markdown(markdown)
         with solara.Column(style={"min-width": "500px"}):
-            pie_chart_plotter = PieChartPlotter()
+            plotter = PieChartPlotter(map_instance)
 
         with solara.Column(align="center"):
             markdown = """
@@ -117,7 +119,7 @@ def Page():
 
             solara.Markdown(markdown)
         with solara.Column(style={"min-width": "500px"}):
-            bar_chart_plotter = BarChartPlotter()
+            bar_chart_plotter = BarChartPlotter(map_instance)
         
     with solara.Column(align="center"):
         markdown = """