Py.Cafe

hemanya2003/

leafmap-solara-interactive-map

Interactive Map with Leafmap and Solara

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(5)
center = solara.reactive((19.959987564207466 , 85.45383423792339))


class MyMap(leafmap.Map):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)


before = "https://github.com/hemanya2003/datasets/blob/main/Before.tif"
after = "https://github.com/hemanya2003/datasets/blob/main/After.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()

Map.element(
    zoom=zoom.value,
    on_zoom=zoom.set,
    center=center.value,
    on_center=center.set,
    toolbar_ctrl=False,
    data_ctrl=False,
    height="780px",)       


solara.Text(f"Center: {center.value}")
solara.Text(f"Zomm: {zoom.value}")