OpenLayers WMS & WMTS¶

OpenLayers has excellent WMS/WMTS support, one of its key strengths. This notebook demonstrates different OGC service layer types.

In [ ]:

# %pip install anymap-ts

# %pip install anymap-ts

In [ ]:

from anymap_ts import OpenLayersMap

from anymap_ts import OpenLayersMap

Tiled WMS Layer¶

Tiled WMS requests tiles from the WMS server, which is more efficient for browsing.

In [ ]:

m = OpenLayersMap(center=[-98, 40], zoom=4, height="600px")
m.add_basemap("OpenStreetMap")
m.add_wms_layer(
    url="https://ahocevar.com/geoserver/wms",
    layers="topp:states",
    name="US States (WMS)",
    server_type="geoserver",
)
m

m = OpenLayersMap(center=[-98, 40], zoom=4, height="600px") m.add_basemap("OpenStreetMap") m.add_wms_layer( url="https://ahocevar.com/geoserver/wms", layers="topp:states", name="US States (WMS)", server_type="geoserver", ) m

Image WMS Layer¶

Image WMS requests a single image for the entire viewport.

In [ ]:

m = OpenLayersMap(center=[-98, 40], zoom=4, height="600px")
m.add_basemap("CartoDB.Positron")
m.add_image_wms_layer(
    url="https://ahocevar.com/geoserver/wms",
    layers="topp:states",
    name="US States (Image WMS)",
    server_type="geoserver",
)
m

m = OpenLayersMap(center=[-98, 40], zoom=4, height="600px") m.add_basemap("CartoDB.Positron") m.add_image_wms_layer( url="https://ahocevar.com/geoserver/wms", layers="topp:states", name="US States (Image WMS)", server_type="geoserver", ) m

Layer Opacity¶

In [ ]:

m.set_opacity("US States (Image WMS)", 0.5)

m.set_opacity("US States (Image WMS)", 0.5)

Multiple WMS Layers¶

In [ ]:

m = OpenLayersMap(center=[0, 0], zoom=2, height="600px")
m.add_basemap("CartoDB.Positron")
m.add_wms_layer(
    url="https://ahocevar.com/geoserver/wms",
    layers="ne:ne",
    name="Natural Earth",
    server_type="geoserver",
)
m.add_layer_control(collapsed=False)
m

m = OpenLayersMap(center=[0, 0], zoom=2, height="600px") m.add_basemap("CartoDB.Positron") m.add_wms_layer( url="https://ahocevar.com/geoserver/wms", layers="ne:ne", name="Natural Earth", server_type="geoserver", ) m.add_layer_control(collapsed=False) m