Add a map to your site, app or assistant.
Pick how you build. Every plan, Free included.
WordPress plugin
A Map block with up to 5,000 pins, a Store locator block, CSV import, labels in 41 languages, and the maps you make in the dashboard.
- InstallIn WordPress, Plugins → Add New: search "Maps by DeltaBreen", install and activate.
- ConnectSettings → Maps by DeltaBreen → Connect. Sign in, and your site gets a key of its own.
- Add a mapThe Map or Store locator block, or the
[deltabreen_map]shortcode.
Installed our zip before the plugin was on WordPress.org? It updates from there by itself. One from before 12 October 2026, in a folder called deltabreen-maps, does not: remove it, install the plugin from WordPress.org and press Connect again. Your locations stay.
Website builders
Shopify, Squarespace, Webflow, Framer, Carrd, Ghost, Duda, Square Online, Hostinger, Bubble or any site that takes HTML. No code to write: you make the map in your dashboard and paste what it gives you. For Google Sites, Notion and GoDaddy, which show embeds in a frame of their own, the map is shared as a page of its own, with a link and a frame to paste.
- Make your mapAdd your locations by address, by clicking the map or from a spreadsheet, and choose the look.
- Add to your siteType your site's address and copy the code, with the steps for your builder.
- Paste itA Custom Liquid section, a Code block or a Code Embed. Edits you save later show on your site within a minute.
AI assistant
Connect once, then "put our shops on the contact page" is the whole job. It sees what you see in the dashboard and nothing more.
https://maps.deltabreen.eu/mcpStreamable HTTP with OAuth 2.1; clients find the rest at https://maps.deltabreen.eu/.well-known/oauth-authorization-server.
claude mcp add --transport http maps https://maps.deltabreen.eu/mcpThen run /mcp to sign in, and say "give me a key and a map for this site".
- Your client registersIt opens a consent page in your browser.
- You sign in and reviewAn email code, no password, and exactly what it asks for.
- You approveRevoke it any time under Settings, API & assistants.
Only the workspace owner's assistant can create or revoke keys, as in the dashboard.
| Keys | A key for your site, where it works, and revoking it. create_key · set_key_origins · revoke_key · list_keys |
|---|---|
| Maps | A map with your places (from a pasted spreadsheet too), lines and areas, a store locator, and the code for your site. create_map · update_map · list_maps · map_code |
| Map code | The code for your page, with your key and look. snippet |
| Styles | A preset look with your colours, or your own style JSON. create_style · update_style · publish_style · list_styles |
| Pictures | A PNG of any place, with pins (Studio and above). render_static |
| Search | Addresses, businesses and heights. search_places · reverse_geocode · elevation |
| Routes | A route with its steps, a table of drive times, and how far you get in a set time. directions · distance_matrix · isochrone |
| Landmarks | Landmarks near a place or by name, with photos and their credits. pois_nearby · search_pois · poi_details |
| Your data | Your own icons and data layers (Studio and above). list_sprites · delete_sprite · list_datasets · delete_dataset |
| Usage | Where the month stands: map loads, searches and images. get_usage |
Code and SDKs
Get a key from Add to your site → App or code (or Keys), then paste one tag or install a package.
Any page, any site builder
<div data-maps-key="pk_…" data-maps-center="-6.26,53.35"
style="height: 400px"></div>
<script src="https://tiles.deltabreen.eu/embed.js" async></script>- JavaScript, React, Next.js
npm install @deltabreen/maps maplibre-gl- React Native
npm install @deltabreen/maps-react-native @maplibre/maplibre-react-native- Leaflet or OpenLayers
npm install @deltabreen/maps leaflet # or: ol