All integrations OpenLayers React WordPress API docs
Listing on the WordPress.org plugin directory is in progress; until then the zip above is the supported download.
In the editor, add the ExpressMaps Map block. The sidebar lets you set latitude, longitude, zoom, style, height, a marker and popup text, and shows a live preview while you edit.
Works in the classic editor, widgets and page builders:
[expressmaps lat="51.5072" lng="-0.1276" zoom="13" style="standard" height="400px" marker="true" popup="Our office"] Attributes: lat, lng, zoom (0 to 20), style (one of the ten styles), height, width, marker, popup, controls and an optional key override.
A Custom HTML block works too. Paste this and replace the key:
<link href="https://unpkg.com/maplibre-gl@4.7.1/dist/maplibre-gl.css" rel="stylesheet" />
<script src="https://unpkg.com/maplibre-gl@4.7.1/dist/maplibre-gl.js"></script>
<div id="map" style="width: 100%; height: 400px;"></div>
<script>
var map = new maplibregl.Map({
container: 'map',
style: 'https://tiles.expressmaps.com/styles/standard.json?key=YOUR_API_KEY',
center: [-0.1276, 51.5072],
zoom: 13
});
map.addControl(new maplibregl.NavigationControl());
new maplibregl.Marker().setLngLat([-0.1276, 51.5072]).addTo(map);
</script>