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(([32.774285, 22.625613])) class Map(leafmap.Map): def __init__(self, **kwargs): super().__init__(**kwargs) # self.add_basemap("ROADMAP") before = "https://github.com/opengeos/datasets/releases/download/raster/Libya-2023-07-01.tif" after = "https://github.com/opengeos/datasets/releases/download/raster/Libya-2023-09-13.tif" self.add_cog_layer(before, name="Before") self.add_cog_layer(after, name="After") self.add("layer_manager") self.split_map(before, after, left_label="Before", right_label="After", 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(([32.774285, 22.625613])) class Map(leafmap.Map): def __init__(self, **kwargs): super().__init__(**kwargs) # self.add_basemap("ROADMAP") before = "https://github.com/opengeos/datasets/releases/download/raster/Libya-2023-07-01.tif" after = "https://github.com/opengeos/datasets/releases/download/raster/Libya-2023-09-13.tif" self.add_cog_layer(before, name="Before") self.add_cog_layer(after, name="After") self.add("layer_manager") self.split_map(before, after, left_label="Before", right_label="After", 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}")