DoMaps

Embed a map in any HTML page

One iframe, or a div and one script tag. It takes under 3 minutes, with no account or API key, and works on any web page, even one opened straight from a file.

Setup in under 3 minutes

  1. Paste your website’s address. DoMaps reads your colors.
  2. Add your address, pick a pin icon and copy the code.
  3. Paste the code into your site, or ask your AI agent to do it.

No account or API key needed. Open the editor

Get your map code

Make the map in the editor and copy the code it gives you. The editor also gives you the save link.

Get your map code from the editor

The code from the editor looks like this, with your map’s id in place of MAP_ID:

Example: HTML from the editor 
<iframe src="https://map.domaps.app/m/MAP_ID" title="Map: Café Example" loading="lazy" allow="geolocation"
        style="width: 100%; height: 420px; border: 0; border-radius: 16px;"></iframe>

Steps

  1. Make the map in the DoMaps editor and copy the code.

  2. Paste it into your HTML where the map should go, for example in a “Find us” section.

  3. If your site sends a Content Security Policy, add https://map.domaps.app to frame-src.

  4. Open the page. The map shows right away.

The div and script form

The same map as a div and one script tag. The script turns the div into the iframe. Load it once per page with type="module", and give the div a height.

Example: div form of a map from the editor 
<div data-domaps data-map="MAP_ID" style="height: 420px;"></div>
<script type="module" src="https://domaps.app/embed.js"></script>

Save the map before you publish

A new map works without an account for up to 1,000 views a month. An unsaved map can’t be edited later, so decide about saving before you publish. A map from the editor comes with a private save link, and step 3 of the editor saves it with your email. A saved map gets 10,000 views a month on the Free plan. Keep the save link to yourself and never put it on your site.

Troubleshooting

The map stays blank and the console mentions Content Security Policy
Your site limits which pages it may frame. Add https://map.domaps.app to frame-src in its Content Security Policy.
Nothing appears with the div form
Load embed.js with type="module", and give the div a height.
The map is cut off or very small
The editor’s code makes the map 420px tall. Make the block or element at least that tall, or change height: 420px in the code. 360 to 480px works well.
The map says it is paused
It reached a view limit. The docs list each notice and what to do.

More fixes are in the docs. HTML’s own help: MDN: The iframe element.

Before you switch

Questions

Which form should I use?

The iframe needs nothing else, so it is the simplest. The div form needs the embed.js script once per page.

Do I need an API key or an account?

No. The map works as soon as the code is on the page, for up to 1,000 views a month. Save it with your email to edit it later and get 10,000 views a month on the Free plan.

Does the map set cookies?

No. The map sets no cookies and uses no local storage in the visitor’s browser.

Make your map

Paste your website’s address and get a map in your colors. No account needed.

Make your map