Colorbar¶

This notebook demonstrates how to add continuous gradient colorbars to MapLibre maps using the Colorbar component from maplibre-gl-components.

In [ ]:

# %pip install anymap-ts

# %pip install anymap-ts

Basic Colorbar with COG Layer¶

In [ ]:

from anymap_ts import Map

m = Map(center=[-120, 38], zoom=6)
m.add_cog_layer(
    "https://data.source.coop/giswqs/opengeos/dem_90m.tif",
    name="dem",
)
m.add_colorbar(
    colormap="terrain",
    vmin=0,
    vmax=4000,
    label="Elevation",
    units="m",
)
m

from anymap_ts import Map m = Map(center=[-120, 38], zoom=6) m.add_cog_layer( "https://data.source.coop/giswqs/opengeos/dem_90m.tif", name="dem", ) m.add_colorbar( colormap="terrain", vmin=0, vmax=4000, label="Elevation", units="m", ) m

Different Colormaps¶

In [ ]:

m2 = Map(center=[0, 20], zoom=2)
m2.add_colorbar(
    colormap="viridis",
    vmin=-30,
    vmax=40,
    label="Temperature",
    units="\u00b0C",
    position="bottom-left",
)
m2

m2 = Map(center=[0, 20], zoom=2) m2.add_colorbar( colormap="viridis", vmin=-30, vmax=40, label="Temperature", units="\u00b0C", position="bottom-left", ) m2

Vertical Colorbar¶

In [ ]:

m3 = Map(center=[-100, 40], zoom=4)
m3.add_colorbar(
    colormap="plasma",
    vmin=0,
    vmax=100,
    label="Index",
    orientation="vertical",
    position="bottom-right",
)
m3

m3 = Map(center=[-100, 40], zoom=4) m3.add_colorbar( colormap="plasma", vmin=0, vmax=100, label="Index", orientation="vertical", position="bottom-right", ) m3

Update Colorbar¶

In [ ]:

m.update_colorbar(vmin=100, vmax=3000, colormap="inferno")

m.update_colorbar(vmin=100, vmax=3000, colormap="inferno")

Remove Colorbar¶

In [ ]:

m.remove_colorbar()

m.remove_colorbar()