Free tools

Map embed code generator

Generate a clean iframe snippet you can paste into Webflow, Shopify, WordPress, and more. No weird wrappers.

Tip: use height 600–800px if you show a list.
1,200+
Maps created
85k+
Locations mapped
<5 min
Avg. setup time

Embed code that won't bite you later

This generator handles the tricky parts so your embed just works.

  • Width 100% so it's responsive
  • A real title attribute (accessibility + audits)
  • Lazy-loading so pages don't feel heavy

If you're embedding on a client site

For client sites, you want extra control over where the embed loads.

  • On Business plan, use domain allowlist for embed security
  • Use a dedicated locator page if the list is important

Common mistakes (and quick fixes)

Most embed issues come down to height, mobile sizing, or domain settings.

  • Map feels clipped → increase height (start 650–800px)
  • Map is too short on mobile → set a taller mobile height in your builder
  • Embed blocked → add your domain (and www) to allowlist (Business)

Frequently asked questions

What height should I use?
Start at 650px. If you show a long list, go 800–900px.
Will it work on mobile?
Yes. Width 100% + fixed height is the standard embed pattern.
Can I embed multiple maps?
Yes—each map gets its own iframe URL.
Can I make it full-width?
Yes—use width 100% and put the embed in a full-width section/container.
Is this tool free?
Yes, completely free with no signup required. When you’re ready to publish a full map, MapsMaker plans start at $15/month with a free trial.
Do I need to create an account?
No — this tool works without an account. You only need an account when you want to save, publish, or embed a map.
Need more than an embed?
Create a full interactive map with search, filters, and directions — then embed it anywhere.

Related resources