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 a custom map
Open Draw on a Map, search a location, and draw the route, circle, or annotation you want visitors to see.
Click the Embed button next to Share in the toolbar. The code is generated instantly.
Copy the iframe and paste it into your website HTML, CMS code block, or embed widget.
<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"
allowfullscreen></iframe>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.
Frequently asked questions
Can I embed a map in raw HTML?
Yes. Copy the iframe code and paste it directly into your HTML template or code block.
Can I embed a map with my own route or notes?
Yes. The embed preserves your drawing, zoom level, and map position exactly as you created it.
Do I need an API key?
No. Draw on a Map generates hosted iframe embed code — no API key required on your end.
Ready to embed your map?
It takes about two minutes. Draw, click Embed, copy the code.