import solara
import leafmap
import ipyleaflet
import ipywidgets
zoom = solara.reactive(16)
center = solara.reactive(([33.61872918404593, -84.26614522933961]))
class Map(leafmap.Map):
def __init__(self, **kwargs):
super().__init__(**kwargs)
self.add_basemap("Hybrid")
before = "https://github.com/chandlerclayco/morrow-high-demo/blob/main/MorrowHighBefore.tif"
after = "https://cccd-gis.maps.arcgis.com/sharing/rest/content/items/91f89e5834d648f28c1c146ca206e000/data"
self.add_raster(before, name="Before")
self.add_raster(after, name="After")
self.add("layer_manager")
self.split_map(before, after)
@solara.component
def Page():
with solara.Column(style={"min-width": "500px"}):
ipyleaflet.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}")