49 split control

Creating a split-panel map

This notebook demonstrates how to add a split-panel map with leafmap anf folium. It also supports streamlit. Note that the ipyleaflet SplitControl does not support streamlit.

Uncomment the following line to install leafmap if needed.

In [1]:

# !pip install leafmap

# !pip install leafmap

In [2]:

import folium
import leafmap.foliumap as leafmap

import folium import leafmap.foliumap as leafmap

The split-panel map requires two layers: left_layer and right_layer. The layer instance can be a string representing a basemap, or an HTTP URL to a Cloud Optimized GeoTIFF (COG), or a folium TileLayer instance.

Using basemaps

In [3]:

m = leafmap.Map(height=500)
m.split_map(left_layer='TERRAIN', right_layer='OpenTopoMap')
m

m = leafmap.Map(height=500) m.split_map(left_layer='TERRAIN', right_layer='OpenTopoMap') m

Out[3]:

Show available basemaps.

In [4]:

# leafmap.folium_basemaps.keys()

# leafmap.folium_basemaps.keys()

Using COG

In [5]:

m = leafmap.Map(height=600, center=[39.4948, -108.5492], zoom=12)
url = 'https://opendata.digitalglobe.com/events/california-fire-2020/pre-event/2018-02-16/pine-gulch-fire20/1030010076004E00.tif'
url2 = 'https://opendata.digitalglobe.com/events/california-fire-2020/post-event/2020-08-14/pine-gulch-fire20/10300100AAC8DD00.tif'
m.split_map(url, url2)
m

m = leafmap.Map(height=600, center=[39.4948, -108.5492], zoom=12) url = 'https://opendata.digitalglobe.com/events/california-fire-2020/pre-event/2018-02-16/pine-gulch-fire20/1030010076004E00.tif' url2 = 'https://opendata.digitalglobe.com/events/california-fire-2020/post-event/2020-08-14/pine-gulch-fire20/10300100AAC8DD00.tif' m.split_map(url, url2) m

Out[5]:

Using folium TileLayer

In [6]:

m = leafmap.Map(center=[40, -100], zoom=4)

url1 = 'https://www.mrlc.gov/geoserver/mrlc_display/NLCD_2001_Land_Cover_L48/wms?'
url2 = 'https://www.mrlc.gov/geoserver/mrlc_display/NLCD_2019_Land_Cover_L48/wms?'

left_layer = folium.WmsTileLayer(
    url=url1,
    layers='NLCD_2001_Land_Cover_L48',
    name='NLCD 2001',
    attr='MRLC',
    fmt="image/png",
    transparent=True,
)
right_layer = folium.WmsTileLayer(
    url=url2,
    layers='NLCD_2019_Land_Cover_L48',
    name='NLCD 2019',
    attr='MRLC',
    fmt="image/png",
    transparent=True,
)

m.split_map(left_layer, right_layer)
m

m = leafmap.Map(center=[40, -100], zoom=4) url1 = 'https://www.mrlc.gov/geoserver/mrlc_display/NLCD_2001_Land_Cover_L48/wms?' url2 = 'https://www.mrlc.gov/geoserver/mrlc_display/NLCD_2019_Land_Cover_L48/wms?' left_layer = folium.WmsTileLayer( url=url1, layers='NLCD_2001_Land_Cover_L48', name='NLCD 2001', attr='MRLC', fmt="image/png", transparent=True, ) right_layer = folium.WmsTileLayer( url=url2, layers='NLCD_2019_Land_Cover_L48', name='NLCD 2019', attr='MRLC', fmt="image/png", transparent=True, ) m.split_map(left_layer, right_layer) m

Out[6]:

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

---

Last update: 2022-03-14