Ipywidegets event

In [1]:

import ipywidgets as widgets

import ipywidgets as widgets

In [2]:

inst_slider=widgets.IntSlider(
    value=2000, min=1984, max=2025, step=1, description="year:"
)
inst_slider

inst_slider=widgets.IntSlider( value=2000, min=1984, max=2025, step=1, description="year:" ) inst_slider

Out[2]:

In [3]:

inst_slider.value

inst_slider.value

Out[3]:

2000

In [4]:

float_slider=widgets.FloatSlider(
    value=0, min=0, max=1, step=0.1, description="Opacity:"
)
float_slider

float_slider=widgets.FloatSlider( value=0, min=0, max=1, step=0.1, description="Opacity:" ) float_slider

Out[4]:

In [5]:

float_slider.value

float_slider.value

Out[5]:

0.0

In [6]:

output=widgets.Output()
output

output=widgets.Output() output

Out[6]:

In [7]:

int_range =widgets.IntSlider()

def on_value_change(change):
    with output:
        output.clear_output()
        print(f"old value: {change['old']}")
        print(f"new value: {change['new']}")

int_range.observe(on_value_change, names='value')
int_range

int_range =widgets.IntSlider() def on_value_change(change): with output: output.clear_output() print(f"old value: {change['old']}") print(f"new value: {change['new']}") int_range.observe(on_value_change, names='value') int_range

Out[7]:

In [8]:

import mapdemo
m=mapdemo.Map()
m

import mapdemo m=mapdemo.Map() m

Out[8]:

In [9]:

int_range =widgets.FloatSlider(value=1, min=0, max=1, stsp=0.1,description="Opacity")

def on_value_change(change):
   m.layers[-1].opacity=change['new']

int_range.observe(on_value_change, names='value')
int_range

int_range =widgets.FloatSlider(value=1, min=0, max=1, stsp=0.1,description="Opacity") def on_value_change(change): m.layers[-1].opacity=change['new'] int_range.observe(on_value_change, names='value') int_range

Out[9]:

In [10]:

m.add_widget(int_range)

m.add_widget(int_range)

In [11]:

import mapdemo

import mapdemo

In [12]:

m=mapdemo.Map()
m.add_basemap('OpenTopoMap')
m.add_opacity_slider()
m

m=mapdemo.Map() m.add_basemap('OpenTopoMap') m.add_opacity_slider() m

Out[12]:

In [13]:

m.layers[-1].opacity=0.5

m.layers[-1].opacity=0.5

In [14]:

m.add_opacity_slider(layer_index=0)

m.add_opacity_slider(layer_index=0)

In [15]:

m=mapdemo.Map()
m.add_basemap_gui()
m

m=mapdemo.Map() m.add_basemap_gui() m

Out[15]:

In [16]:

int_progress=widgets.IntProgress(
    value=7,
    min=0,
    max=10,
    step=1,
    description="Loading:",
    bar_style="",# "success,"info","warning","danger"
    orientation="horizontal",
)
int_progress

int_progress=widgets.IntProgress( value=7, min=0, max=10, step=1, description="Loading:", bar_style="",# "success,"info","warning","danger" orientation="horizontal", ) int_progress

Out[16]:

In [17]:

int_text=widgets.IntText(
    value=7,
    description="Any",
)
int_text

int_text=widgets.IntText( value=7, description="Any", ) int_text

Out[17]:

In [18]:

float_text= widgets.FloatText(
    value=7.5,
    step=2.0,
    description="any",
)
float_text

float_text= widgets.FloatText( value=7.5, step=2.0, description="any", ) float_text

Out[18]:

In [19]:

toggle_button=widgets.ToggleButton(
    value=False,
    description="click me",
    disable=False,
    button_style="success",
    tooltip="Description",
    icon='check',
)
toggle_button

toggle_button=widgets.ToggleButton( value=False, description="click me", disable=False, button_style="success", tooltip="Description", icon='check', ) toggle_button

Out[19]:

In [20]:

checkbox=widgets.Checkbox(
    value=False, description="check me", disabled=False,indent=False
)
checkbox

checkbox=widgets.Checkbox( value=False, description="check me", disabled=False,indent=False ) checkbox

Out[20]:

In [21]:

dropdown = widgets.Dropdown(
   options= ["USA","Canada","Mexico"], value="Canada", description="country:",
)
dropdown

dropdown = widgets.Dropdown( options= ["USA","Canada","Mexico"], value="Canada", description="country:", ) dropdown

Out[21]:

In [22]:

radio_button = widgets.RadioButtons(
    options=["USA","Canada", "Mexico"], value="Canada", description="Country:"
)
radio_button

radio_button = widgets.RadioButtons( options=["USA","Canada", "Mexico"], value="Canada", description="Country:" ) radio_button

Out[22]:

In [23]:

text=widgets.Text(
    value="",
    placeholder="Enter acountry Name",
    description="Country:",
    disable=False,
)
text

text=widgets.Text( value="", placeholder="Enter acountry Name", description="Country:", disable=False, ) text

Out[23]:

In [24]:

text_arae=widgets.Textarea(
    value="",
    placeholder="Enter acountry Name",
    description="String:",
    disable=False,
)
text_arae   

text_arae=widgets.Textarea( value="", placeholder="Enter acountry Name", description="String:", disable=False, ) text_arae

Out[24]:

In [25]:

widgets.HTML(
    value="Hello <b> world </b>",
    placeholder="some HTML",
    description="some HTML",
)

widgets.HTML( value="Hello world ", placeholder="some HTML", description="some HTML", )

Out[25]:

In [26]:

widgets.HTML(
    value=""
)# image

widgets.HTML( value="" )# image

Out[26]:

In [27]:

button = widgets.Button(
    description="click me",
    button_style="primary",
    tooltip="click me",
    icon="check"
)
button

button = widgets.Button( description="click me", button_style="primary", tooltip="click me", icon="check" ) button

Out[27]:

In [28]:

date_picker=widgets.DatePicker(description="pick a date",disable=False)
date_picker

date_picker=widgets.DatePicker(description="pick a date",disable=False) date_picker

Out[28]:

In [29]:

color=widgets.ColorPicker(
    concise=False, description="pick a color", value="blue", disabled=False
)
color

color=widgets.ColorPicker( concise=False, description="pick a color", value="blue", disabled=False ) color

Out[29]:

In [30]:

output =widgets.Output(layout={"border":"1px solod black"})
output

output =widgets.Output(layout={"border":"1px solod black"}) output

Out[30]:

In [31]:

with output:
    output.clear_output()
    for i in range(10):
        print(i,'Hello world')

        

with output: output.clear_output() for i in range(10): print(i,'Hello world')

In [32]:

from ipyleaflet import WidgetControl
import ipywidgets as widgets

from ipyleaflet import WidgetControl import ipywidgets as widgets

In [33]:

import mapdemo

import mapdemo

In [34]:

m= mapdemo.Map()
m

m= mapdemo.Map() m

Out[34]:

In [35]:

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 [36]:

with output_widget:
    print("Nice map")

with output_widget: print("Nice map")

In [37]:

output_widget.clear_output()
logo=widgets.HTML(
    value='<img src="https://earthengine.google.com/static/images/earth_engine_icon.png" width="100" height="100">'
)
with output_widget:
    display(logo)

output_widget.clear_output() logo=widgets.HTML( value='' ) with output_widget: display(logo)

In [38]:

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 [39]:

item=[widgets.Button(description=str(i+1)) for i in range(4)]
widgets.VBox(item)

item=[widgets.Button(description=str(i+1)) for i in range(4)] widgets.VBox(item)

Out[39]: