Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

OpenLayers Muted Basemap

Public visualization

Viewing a saved revision (read-only)

e0c473c54d1648b8810b30725999cfa4

OpenLayers Muted Basemap

0 stars1🌍 Public
CCurran Kelleher
Last edited Mar 6, 2020
Created on Mar 6, 2020
Forked from Hello OpenLayers

This example shows a full-screen OpenLayers map with a muted basemap rendered inside a React component. The map uses a Stamen `toner-lite` tile source, and a CSS `opacity` filter on the basemap layer reduces its visual contrast. The `Cartography` component initializes an `ol.Map` and `ol.View` in a `useEffect` hook, setting the target to a div reference and cleaning up the map on unmount by calling `map.setTarget(null)`.

AI-generated description

OpenLayers with React Starter code.

Additional feature: muted background.