Generate an Embeddable Map
Put a live, interactive map on any website in under a minute. Choose a center point and zoom, add an optional marker, then copy a self-contained HTML page or an iframe snippet — no API keys, no accounts.
Save as an .html file or paste into any page that allows raw HTML.
How to use this tool
Enter the latitude and longitude for the map center and pick a zoom level from 1 (world) to 19 (street).
Type a popup label to place a marker at the center — perfect for a store, venue, or office address.
The preview pane renders exactly what your visitors will see, updating as you change the inputs.
Copy the standalone HTML for a full page, or the iframe snippet to drop the map into an existing page or blog post.
What people use this tool for
Add a marked map to a business website so visitors can find you without leaving the page.
Illustrate a travel story or local guide with an interactive map of the place you are writing about.
Show exactly where an event happens with a marked, zoomed map visitors can pan and explore.
How it's calculated
The generator outputs a self-contained HTML document using the Leaflet mapping library (loaded from CDN) with OpenStreetMap tiles. The iframe variant wraps the same document in a srcdoc attribute. Both respect the zoom limits of the tile layer (1–19).
Related tools and resources
Frequently asked questions
Do I need an API key to use the embedded map?
No. The generated code uses Leaflet with OpenStreetMap tiles, which require no key — just paste the snippet and it works.
What is the difference between the HTML and iframe options?
The standalone HTML is a complete page you can save as a .html file. The iframe snippet is for embedding the map inside an existing page, like a blog post or CMS.
Will the embedded map work on mobile?
Yes. Leaflet maps are touch-friendly — visitors can pinch-zoom and drag on phones and tablets.
Can I change the map after embedding it?
Regenerate the snippet with new coordinates here and replace the old code on your site. The map itself always loads fresh tiles, so it never goes stale.
Is it free for commercial websites?
Yes — Leaflet is open source and OpenStreetMap tiles are free for normal website use under the tile usage policy. Very high-traffic sites should check the OSM tile usage policy or use their own tile provider.