Py.Cafe

fboonen/

map-comparison-tool

Interactive Map Comparison Tool

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(([32.774285, 22.625613]))

class Map(leafmap.Map):

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

        # self.add_basemap("ROADMAP")
        before = "https://www.dropbox.com/scl/fi/crebw2pziar4zyl50qfbv/CDSE_Sentinel2customscript_Madeira-15082024-edit.png?rlkey=iiwitpzp2421zipj0zn9l603x&st=b9g4kydx&dl=0"
        after = "https://www.dropbox.com/scl/fi/v3ja96t80qeenacv7sfru/CDSE_Sentinel2customscript_Madeira-20082024-edit.png?rlkey=58puiwern1ya6cl5mtzaszoch&st=dp3lanvx&dl=0"

        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}")