|
""" |
|
# ipyleaflet |
|
Map visualization using [ipyleaflet](https://ipyleaflet.readthedocs.io/), a ipywidgets wrapper for [leaflet.js](https://leafletjs.com/) |
|
""" |
|
import leafmap |
|
|
|
import solara |
|
|
|
zoom = solara.reactive(5) |
|
center = solara.reactive((53.2305799, 6.5323552)) |
|
|
|
|
|
@solara.component |
|
def Page(): |
|
with solara.Column(style={"min-width": "500px", "height": "500px"}): |
|
|
|
solara.SliderInt(label="Zoom level", value=zoom, min=1, max=20) |
|
|
|
|
|
leafmap.Map.element( |
|
zoom=zoom.value, |
|
on_zoom=zoom.set, |
|
center=center.value, |
|
on_center=center.set, |
|
scroll_wheel_zoom=True, |
|
) |
|
solara.Text(f"Zoom: {zoom.value}") |
|
solara.Text(f"Center: {center.value}") |
|
|
