Ipywidgets

Creating Dropdown List for Basemap Selection

In [1]:

import sturgmap

import sturgmap

In [2]:

m= sturgmap.Map()
m.add_basemap_gui()
m

m= sturgmap.Map() m.add_basemap_gui() m

Map(center=[20, 0], controls=(ZoomControl(options=['position', 'zoom_in_text', 'zoom_in_title', 'zoom_out_text…

Adding widgets and button for closing drop down list

In [12]:

import ipywidgets as widgets
from ipyleaflet import WidgetControl

import ipywidgets as widgets from ipyleaflet import WidgetControl

In [3]:

import sturgmap

import sturgmap

In [4]:

m= sturgmap.Map()
m

m= sturgmap.Map() m

Map(center=[20, 0], controls=(ZoomControl(options=['position', 'zoom_in_text', 'zoom_in_title', 'zoom_out_text…

In [13]:

output_widget = widgets.Output(layout={"border": "1px solid black"})
output_control = WidgetControl(widget=output_widget, position="bottomright")
m.add_control(output_control)

output_widget = widgets.Output(layout={"border": "1px solid black"}) output_control = WidgetControl(widget=output_widget, position="bottomright") m.add_control(output_control)

In [14]:

with output_widget:
    print("I am confused")

with output_widget: print("I am confused")

In [7]:

def handle_interaction(**kwargs):
    latlon = kwargs.get("coordinates")
    # latlon = [round(x, 2) for x in latlon]
    if kwargs.get("type") == "click":
        with output_widget:
            output_widget.clear_output()
            print("You clicked at: {}".format(latlon))


m.on_interaction(handle_interaction)

def handle_interaction(**kwargs): latlon = kwargs.get("coordinates") # latlon = [round(x, 2) for x in latlon] if kwargs.get("type") == "click": with output_widget: output_widget.clear_output() print("You clicked at: {}".format(latlon)) m.on_interaction(handle_interaction)

In [15]:

btn = widgets.Button(icon="times", button_style="primary")
btn.layout.width = "35px"
btn

btn = widgets.Button(icon="times", button_style="primary") btn.layout.width = "35px" btn

Button(button_style='primary', icon='times', layout=Layout(width='35px'), style=ButtonStyle())

In [16]:

dropdown = widgets.Dropdown(
    options=["OpenStreetMap", "OpenTopoMap", "Esri.WorldImagery", "Esri.NatGeoWorldMap"],
    value="OpenStreetMap",
)
dropdown.layout.width = "150px"
dropdown

dropdown = widgets.Dropdown( options=["OpenStreetMap", "OpenTopoMap", "Esri.WorldImagery", "Esri.NatGeoWorldMap"], value="OpenStreetMap", ) dropdown.layout.width = "150px" dropdown

Dropdown(layout=Layout(width='150px'), options=('OpenStreetMap', 'OpenTopoMap', 'Esri.WorldImagery', 'Esri.Nat…

In [17]:

box = widgets.HBox([dropdown, btn])
box

box = widgets.HBox([dropdown, btn]) box

HBox(children=(Dropdown(layout=Layout(width='150px'), options=('OpenStreetMap', 'OpenTopoMap', 'Esri.WorldImag…

In [18]:

m= sturgmap.Map()
m

m= sturgmap.Map() m

Map(center=[20, 0], controls=(ZoomControl(options=['position', 'zoom_in_text', 'zoom_in_title', 'zoom_out_text…

In [19]:

m.add_widget(box)

m.add_widget(box)