1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import solara import leafmap zoom = solara.reactive(14) center = solara.reactive(([24.93983742015427, 121.37364870016087])) class Map(leafmap.Map): def __init__(self, **kwargs): super().__init__(**kwargs) # self.add_basemap("ROADMAP") before = "https://github.com/NCUEGEO42/My-Tiff/raw/refs/heads/main/2017-11-17_Sentinel-2_L2A_NDVI.tif" after = "https://github.com/NCUEGEO42/My-Tiff/raw/refs/heads/main/2024-09-01_Sentinel-2_L2A_NDVI.tif" self.add_cog_layer(before, name="2017NDVI") self.add_cog_layer(after, name="2024NDVI") self.add("layer_manager") self.split_map(before, after, left_label="2017NDVI", right_label="2024NDVI", add_close_button=True) @solara.component def Page(): solara.lab.theme.dark = False Map.element( center = center.value, zoom = zoom.value, on_center = center.set, on_zoom = zoom.set, height="750px" ) solara.Text(f"Center: {center.value}") solara.Text(f"Zoom: {zoom.value}")
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import solara import leafmap zoom = solara.reactive(14) center = solara.reactive(([24.93983742015427, 121.37364870016087])) class Map(leafmap.Map): def __init__(self, **kwargs): super().__init__(**kwargs) # self.add_basemap("ROADMAP") before = "https://github.com/NCUEGEO42/My-Tiff/raw/refs/heads/main/2017-11-17_Sentinel-2_L2A_NDVI.tif" after = "https://github.com/NCUEGEO42/My-Tiff/raw/refs/heads/main/2024-09-01_Sentinel-2_L2A_NDVI.tif" self.add_cog_layer(before, name="2017NDVI") self.add_cog_layer(after, name="2024NDVI") self.add("layer_manager") self.split_map(before, after, left_label="2017NDVI", right_label="2024NDVI", add_close_button=True) @solara.component def Page(): solara.lab.theme.dark = False Map.element( center = center.value, zoom = zoom.value, on_center = center.set, on_zoom = zoom.set, height="750px" ) solara.Text(f"Center: {center.value}") solara.Text(f"Zoom: {zoom.value}")