Map embed generator

Position the map, choose a style, and copy the code. Works with a free key: 100,000 map loads a month, no card.

Drag and zoom the map; the code updates as you move. Double-click to place the marker.

Leave blank to keep the placeholder. Get a key.

Needs the ExpressMaps WordPress plugin, with your key saved in its settings.

Run npm install maplibre-gl first. See the React guide.

Uses the MapLibre GL Leaflet plugin to draw vector tiles inside Leaflet.

How it works

The generated code loads MapLibre GL JS from a CDN and points it at one of our style URLs. Each page view that creates a map counts as one map load; panning and zooming are free. Keys are public by design, so restrict yours to your domain in the console. The marker and popup use MapLibre's built-in components, which you can restyle with CSS.