iframe

Embed an interactive map on your website

Publish a DotMap, then drop it into your page with an iframe. Visitors get pins, event cards, photos, and a chronology without leaving your site. No map API key and no Leaflet setup.

Create a map to embed Compare map makers

One iframe

Paste HTML. The frame loads your public map. Replace YOUR-MAP with the slug from the map link.

WordPress, Tilda, Webflow

Any block that accepts custom HTML can host the map: blogs, city guides, school pages, news stories, event sites.

Same map, two ways

Share dotmapapp.com/maps/… as a link, or embed that URL. Updates in the studio show up in the frame.

Public maps only

Private maps stay in your account. Turn the map public before you embed it, otherwise viewers see nothing useful.

How to embed a DotMap

1
Build the map
Add pins, dates, and media. Or import CSV / JSON from ChatGPT.
2
Publish it
Set the map to public and copy the address, like /maps/your-map.
3
Paste the iframe
Drop the snippet into a custom HTML block. Set height to at least 480px.

Iframe snippet

<iframe
  src="https://dotmapapp.com/maps/YOUR-MAP"
  title="Interactive map"
  width="100%"
  height="560"
  style="border:0;border-radius:12px"
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin"
  allowfullscreen>
</iframe>

This loads the public map page. A chrome-free embed view — map only, no DotMap header — is the next step on the same URL pattern, so pages you publish now keep working when that view ships.

Google My Maps and uMap also offer iframes. They are fine for a pin dump. Use DotMap when the map is a story: dates, a timeline, photos, and filters, not only markers on a Google basemap.

FAQ

How do I embed an interactive map without an API key?

Create the map in DotMap, make it public, and paste an iframe that points at https://dotmapapp.com/maps/your-map. You do not need a Google Maps or Mapbox key.

Will the iframe work on mobile?

Yes. Give the iframe width 100% and a fixed height (around 560px). The map inside scrolls and zooms on its own.

Can I embed a private map?

No. Only a public map has a URL that visitors can open. Private maps stay inside your account.

Does the embed update when I edit the map?

Yes. The iframe loads the live public map, so new pins and text appear without changing the HTML.