28 voila

Uncomment the following line to install geemap if needed.

In [1]:

# !pip install geemap

# !pip install geemap

Deploy Earth Engine Apps using Voila and ngrok¶

Steps to deploy an Earth Engine App:

1. Install ngrok by following the instruction
2. Install voila by following the instruction
3. Download the notebook 28_voila.ipynb
4. Run this from the command line: voila --no-browser 28_voila.ipynb
5. Run this from the command line: ngrok http 8866
6. Copy the link from the ngrok terminal window. The links looks like the following: https://randomstring.ngrok.io
7. Share the link with anyone.

Optional steps:

• To show code cells from you app, run this from the command line: voila --no-browser --strip_sources=False 28_voila.ipynb
• To protect your app with a password, run this: ngrok http -auth="username:password" 8866
• To run python simple http server in the directory, run this:sudo python -m http.server 80

In [2]:

import os
import ee
import geemap
import ipywidgets as widgets

import os import ee import geemap import ipywidgets as widgets

In [3]:

Map = geemap.Map()
Map.add_basemap('HYBRID')
Map

Map = geemap.Map() Map.add_basemap('HYBRID') Map

Out[3]:

Make this Notebook Trusted to load map: File -> Trust Notebook

In [4]:

style = {'description_width': 'initial'}
title = widgets.Text(
    description='Title:', value='Landsat Timelapse', width=200, style=style
)

bands = widgets.Dropdown(
    description='Select RGB Combo:',
    options=[
        'Red/Green/Blue',
        'NIR/Red/Green',
        'SWIR2/SWIR1/NIR',
        'NIR/SWIR1/Red',
        'SWIR2/NIR/Red',
        'SWIR2/SWIR1/Red',
        'SWIR1/NIR/Blue',
        'NIR/SWIR1/Blue',
        'SWIR2/NIR/Green',
        'SWIR1/NIR/Red',
    ],
    value='NIR/Red/Green',
    style=style,
)

hbox1 = widgets.HBox([title, bands])
hbox1

style = {'description_width': 'initial'} title = widgets.Text( description='Title:', value='Landsat Timelapse', width=200, style=style ) bands = widgets.Dropdown( description='Select RGB Combo:', options=[ 'Red/Green/Blue', 'NIR/Red/Green', 'SWIR2/SWIR1/NIR', 'NIR/SWIR1/Red', 'SWIR2/NIR/Red', 'SWIR2/SWIR1/Red', 'SWIR1/NIR/Blue', 'NIR/SWIR1/Blue', 'SWIR2/NIR/Green', 'SWIR1/NIR/Red', ], value='NIR/Red/Green', style=style, ) hbox1 = widgets.HBox([title, bands]) hbox1

In [5]:

speed = widgets.IntSlider(
    description='  Frames per second:',
    tooltip='Frames per second:',
    value=10,
    min=1,
    max=30,
    style=style,
)

cloud = widgets.Checkbox(
    value=True, description='Apply fmask (remove clouds, shadows, snow)', style=style
)

hbox2 = widgets.HBox([speed, cloud])
hbox2

speed = widgets.IntSlider( description=' Frames per second:', tooltip='Frames per second:', value=10, min=1, max=30, style=style, ) cloud = widgets.Checkbox( value=True, description='Apply fmask (remove clouds, shadows, snow)', style=style ) hbox2 = widgets.HBox([speed, cloud]) hbox2

In [6]:

start_year = widgets.IntSlider(
    description='Start Year:', value=1984, min=1984, max=2020, style=style
)
end_year = widgets.IntSlider(
    description='End Year:', value=2020, min=1984, max=2020, style=style
)
start_month = widgets.IntSlider(
    description='Start Month:', value=5, min=1, max=12, style=style
)
end_month = widgets.IntSlider(
    description='End Month:', value=10, min=1, max=12, style=style
)
hbox3 = widgets.HBox([start_year, end_year, start_month, end_month])
hbox3

start_year = widgets.IntSlider( description='Start Year:', value=1984, min=1984, max=2020, style=style ) end_year = widgets.IntSlider( description='End Year:', value=2020, min=1984, max=2020, style=style ) start_month = widgets.IntSlider( description='Start Month:', value=5, min=1, max=12, style=style ) end_month = widgets.IntSlider( description='End Month:', value=10, min=1, max=12, style=style ) hbox3 = widgets.HBox([start_year, end_year, start_month, end_month]) hbox3

In [7]:

font_size = widgets.IntSlider(
    description='Font size:', value=30, min=10, max=50, style=style
)

font_color = widgets.ColorPicker(
    concise=False, description='Font color:', value='white', style=style
)

progress_bar_color = widgets.ColorPicker(
    concise=False, description='Progress bar color:', value='blue', style=style
)

hbox4 = widgets.HBox([font_size, font_color, progress_bar_color])
hbox4

font_size = widgets.IntSlider( description='Font size:', value=30, min=10, max=50, style=style ) font_color = widgets.ColorPicker( concise=False, description='Font color:', value='white', style=style ) progress_bar_color = widgets.ColorPicker( concise=False, description='Progress bar color:', value='blue', style=style ) hbox4 = widgets.HBox([font_size, font_color, progress_bar_color]) hbox4

In [8]:

create_gif = widgets.Button(
    description='Create timelapse',
    button_style='primary',
    tooltip='Click to create timelapse',
    style=style,
)

download_gif = widgets.Button(
    description='Download GIF',
    button_style='primary',
    tooltip='Click to download timelapse',
    disabled=False,
    style=style,
)

output = widgets.Output()

hbox5 = widgets.HBox([create_gif])
hbox5

create_gif = widgets.Button( description='Create timelapse', button_style='primary', tooltip='Click to create timelapse', style=style, ) download_gif = widgets.Button( description='Download GIF', button_style='primary', tooltip='Click to download timelapse', disabled=False, style=style, ) output = widgets.Output() hbox5 = widgets.HBox([create_gif]) hbox5

In [9]:

def submit_clicked(b):

    with output:
        output.clear_output()
        if start_year.value > end_year.value:
            print('The end year must be great than the start year.')
            return
        if start_month.value > end_month.value:
            print('The end month must be great than the start month.')
            return
        if start_year.value == end_year.value:
            add_progress_bar = False
        else:
            add_progress_bar = True

        start_date = str(start_month.value).zfill(2) + '-01'
        end_date = str(end_month.value).zfill(2) + '-30'

        print('Computing...')

        Map.add_landsat_ts_gif(
            roi=Map.user_roi,
            label=title.value,
            start_year=start_year.value,
            end_year=end_year.value,
            start_date=start_date,
            end_date=end_date,
            bands=bands.value.split('/'),
            font_color=font_color.value,
            frames_per_second=speed.value,
            font_size=font_size.value,
            add_progress_bar=add_progress_bar,
            progress_bar_color=progress_bar_color.value,
            download=True,
            apply_fmask=cloud.value,
        )


create_gif.on_click(submit_clicked)

def submit_clicked(b): with output: output.clear_output() if start_year.value > end_year.value: print('The end year must be great than the start year.') return if start_month.value > end_month.value: print('The end month must be great than the start month.') return if start_year.value == end_year.value: add_progress_bar = False else: add_progress_bar = True start_date = str(start_month.value).zfill(2) + '-01' end_date = str(end_month.value).zfill(2) + '-30' print('Computing...') Map.add_landsat_ts_gif( roi=Map.user_roi, label=title.value, start_year=start_year.value, end_year=end_year.value, start_date=start_date, end_date=end_date, bands=bands.value.split('/'), font_color=font_color.value, frames_per_second=speed.value, font_size=font_size.value, add_progress_bar=add_progress_bar, progress_bar_color=progress_bar_color.value, download=True, apply_fmask=cloud.value, ) create_gif.on_click(submit_clicked)

In [10]:

output

output

---

Last update: 2022-03-14