Py.Cafe

Bryan77778/

leafmap-solara

Libya flooding maps

DocsPricing
  • app.py
  • requirements.txt
app.py
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(([120.28093052464614, 23.949553440559697]))

class Map(leafmap.Map):

    def __init__(self, **kwargs):
        super().__init__(**kwargs)

        # self.add_basemap("ROADMAP")
        before = "https://github.com/Bryan77778/before-and-after/raw/refs/heads/main/Krathon_before_new.tif"
        after = "https://github.com/Bryan77778/before-and-after/raw/refs/heads/main/Krathon_before_ndwi_new.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}")
app.py
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(([120.28093052464614, 23.949553440559697]))

class Map(leafmap.Map):

    def __init__(self, **kwargs):
        super().__init__(**kwargs)

        # self.add_basemap("ROADMAP")
        before = "https://github.com/Bryan77778/before-and-after/raw/refs/heads/main/Krathon_before_new.tif"
        after = "https://github.com/Bryan77778/before-and-after/raw/refs/heads/main/Krathon_before_ndwi_new.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}")