In [1]:

from branca.element import Figure

lon, lat = -122.1889, 46.1991

location = [lat, lon]

zoom_start = 13

tiles = "OpenStreetMap"

Using same width and height triggers the scroll bar¶

In [2]:

import folium

width, height = 480, 350

fig = Figure(width=width, height=height)

m = folium.Map(
    location=location, tiles=tiles, width=width, height=height, zoom_start=zoom_start
)

fig.add_child(m)

fig

Out[2]:

Can figure take relative sizes?¶

In [3]:

width, height = "100%", 350

fig = Figure(width=width, height=height)

m = folium.Map(
    location=location, tiles=tiles, width=width, height=height, zoom_start=zoom_start
)

fig.add_child(m)

fig

Out[3]:

I guess not. (Well, it does make sense for a single HTML page, but not for iframes.)¶

In [4]:

width, height = 480, "100%"

fig = Figure(width=width, height=height)

m = folium.Map(
    location=location, tiles=tiles, width=width, height=height, zoom_start=zoom_start
)

fig.add_child(m)

fig

Out[4]:

Not that Figure is interpreting this as 50px. We should raise something and be explicit on the docs.¶

In [5]:

width, height = "50%", "100%"

fig = Figure(width=width, height=height)

m = folium.Map(
    location=location, tiles=tiles, width=width, height=height, zoom_start=zoom_start
)

fig.add_child(m)

fig

Out[5]:

In [6]:

width, height = "150%", "100%"

try:
    folium.Map(
        location=location,
        tiles=tiles,
        width=width,
        height=height,
        zoom_start=zoom_start,
    )
except ValueError as e:
    print(e)

Cannot parse value 150.0 as '%'

In [7]:

width, height = "50%", "80p"

try:
    folium.Map(
        location=location,
        tiles=tiles,
        width=width,
        height=height,
        zoom_start=zoom_start,
    )
except ValueError as e:
    print(e)

Cannot parse value '80p' as '%'

In [8]:

width, height = width, height = 480, -350

try:
    folium.Map(
        location=location,
        tiles=tiles,
        width=width,
        height=height,
        zoom_start=zoom_start,
    )
except ValueError as e:
    print(e)

Cannot parse value -350.0 as 'px'

In [9]:

width, height = 480, 350

fig = Figure(width=width, height=height)

m = folium.Map(
    location=location, tiles=tiles, width="100%", height="100%", zoom_start=zoom_start
)

fig.add_child(m)

fig

Out[9]:

Using same width and height triggers the scroll bar¶

Can figure take relative sizes?¶

I guess not. (Well, it does make sense for a single HTML page, but not for iframes.)¶

Not that Figure is interpreting this as 50px. We should raise something and be explicit on the docs.¶

Maybe we should recommend¶