Draw on a Map
Free map embed tool

Embed a custom map on your website

Generate map embed code for your website in seconds. Create a custom interactive map with routes, circles, and annotations, then copy a responsive iframe.

  • No API key
  • Responsive iframe
  • Works with WordPress, Wix, Squarespace, and HTML

Need an address checker instead of a static map? Try the Service Area Widget.

Live embedded mapiframe

What this tool does

If you are searching for map embed code, embed map on website, or embed map in HTML, you usually need one of two things: a simple location pin or a custom map that shows a route, service area, or annotation.

Draw on a Map is built for the second case. Instead of embedding only a pin, you can embed the exact map state you created — drawings, notes, zoom level, and all.

✦ how to embed ✦

How to embed a custom map

1
Create your map

Open Draw on a Map, search a location, and draw the route, circle, or annotation you want visitors to see.

2
Generate the iframe

Click the Embed button next to Share in the toolbar. The code is generated instantly.

3
Paste into your site

Copy the iframe and paste it into your website HTML, CMS code block, or embed widget.

embed.html
<iframe
  src="https://drawonamap.com/embed/#..."
  title="Draw on a Map embed"
  width="100%"
  height="420"
  style="border:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="geolocation"
  allowfullscreen></iframe>
✦ why use this ✦

Why use this instead of a plain embed?

🗺

Custom route overlays

Show the exact walking path, entrance, meeting point, or service area you want people to see.

🔑

No API key needed

The product generates hosted embed code. You do not need to wire your own maps API.

📍

Works anywhere

Venue pages, real estate listings, travel guides, delivery zones, event instructions — anywhere a pin isn't enough.

✦ questions ✦

Frequently asked questions

Can I use this to embed a map in HTML?

Yes. Copy the iframe code and paste it directly into your HTML template or code block.

Can I share or embed the finished map?

Yes. The embed preserves your drawing, zoom level, and map position exactly as you created it.

Do I need GIS software to edit the map?

No. Draw on a Map runs in your browser and generates hosted iframe embed code — no GIS software or API key required.

Need customers to check an address?

For service businesses, use the Service Area Widget to turn a drawn boundary into a "Do you service my address?" checker for your website.

Ready to embed your map?

It takes about two minutes. Draw, click Embed, copy the code.