#import leafmap.maplibregl as leafmap
import mapwidget.maplibre as mapwidget
import solara
zoom = solara.reactive(5)
center = solara.reactive(([24.08085924623178, 120.55892773097916]))
@solara.component
def Page():
solara.lab.theme.dark = False
#solara.SliderInt(label="Zoom level", value=zoom, min=1, max=20)
mapwidget.Map.element(
center = center.value,
zoom = zoom.value,
on_center = center.set,
on_zoom = zoom.set,
height="800px",
#width="100%",
#pitch=60,
#basemap="satellite",
)
solara.Text(f"Center: {center.value}")
solara.Text(f"Zoom: {zoom.value}")