Google Maps Embed Code Generator

Free iframe code for any address or coordinate. No Google Cloud account, no API key, no watermark. Pick Place, Directions, or Custom view — copy the iframe HTML — paste anywhere.

The Embed Google Maps tool generates ready-to-paste <iframe> code that loads a Google Maps view of any place, route, or area on your website. It uses Google's public-facing legacy embed endpoint — the same one used by every free map-embed generator since 2014 — so it does not require a Google Cloud project, an API key, or any monthly billing. You enter an address or lat/lng, pick map type and size, and copy the iframe HTML. Drop the snippet into WordPress, Wix, Squarespace, Webflow, Notion, or plain HTML. Mobile-first responsive output is the default.

Configure your embed

Address or coordinates

Zoom level

Map type

Width (px)

Height (px)

Responsive (full-width with 16:9 ratio — recommended for blogs and CMSs)

Live preview

Embed code

<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;border-radius:8px;">
  <iframe src="https://maps.google.com/maps?q=Eiffel%20Tower%2C%20Paris&t=m&z=15&ie=UTF8&iwloc=B&output=embed" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>

How to use it

Pick a mode — Place, Directions, or Custom view. Place pins a single location with a marker (best for "find us" maps). Directions plots a route between two addresses (best for travel posts). Custom view shows a generic map area without a marker (best for embedding a neighbourhood or city overview).
Type your address or coordinates. Address strings ("123 Main Street, Springfield IL") and lat/lng pairs ("40.7580, -73.9855") both work. Google's own geocoder resolves the input. Use the example chips for known-good values as a starting point.
Choose map type and zoom. Map types: Map (roadmap), Satellite (aerial), Hybrid (satellite + labels), Terrain (relief). Zoom 0 is the whole world; 21 is street-level. Zoom 14–17 is the sweet spot for "find us" embeds; 12–14 for neighbourhood overviews.
Pick width × height — or leave Responsive on. Responsive mode generates a 16:9 fluid wrapper that fills its container — this is what you want for blog posts and CMS templates. Toggle it off if you need a fixed pixel size for a specific layout slot.
Copy the iframe code and paste it into your site. Hit Copy embed code, then paste into any HTML editor — WordPress (HTML or Custom HTML block), Wix, Squarespace, Webflow, Notion (embed block), GitBook, plain HTML, or your favourite static-site generator. The embed loads lazily so it does not slow your page on initial render.

What people embed map iframes for

"Find us" map on a small-business website

The single most common reason anyone embeds a map: show customers where the shop, clinic, restaurant, or office actually is. Place mode + zoom 16 is the canonical configuration. Toggle Responsive on so the embed looks right on phones, where 70% of these maps are viewed in 2026.

Real-estate or travel-blog listing pages

Property listings, hotel reviews, and travel-itinerary posts benefit from an inline map showing the exact location. The Place mode embed is lighter than a full Google Maps SDK integration and avoids any API-key billing — useful for sites that publish hundreds or thousands of pages.

Event pages — "how to get here"

Wedding sites, conference pages, festival lineups, and meetup invites all need a map. Directions mode is especially useful here — show the route from a default origin (nearest train station or airport) to the venue. Visitors can click into the iframe to launch Google Maps with the directions pre-set.

Blog posts about specific places

A travel-blog post about a hidden coffee shop benefits from an embedded map at exactly the right zoom. Custom view mode (no marker) shows a clean neighbourhood overview; Place mode (with marker) drops a pin on the spot. Both load without slowing the page thanks to native lazy-load.

Documentation and onboarding content

Internal wikis, employee onboarding docs, and customer help articles often need a "here is the building" map. The embed is lighter and faster than screenshots, and stays current — Google Maps updates the imagery and labels automatically.

Quick prototyping and design comps

Need a placeholder map in a design or Figma mockup? Generate an embed, screenshot the preview, drop it in. Or use the iframe directly in a Framer / Webflow prototype as a working map element.

How the embed URL works

The generated iframe loads a URL of the form https://maps.google.com/maps?...&output=embed. The query parameters control what is shown:

# Place / Marker
?q=Eiffel+Tower,+Paris&t=m&z=15&output=embed

# Directions
?saddr=San+Francisco&daddr=Los+Angeles&dirflg=d&t=m&output=embed

# Custom view (no marker)
?ll=48.8584,2.2945&t=m&z=14&output=embed

Parameter meanings: q = place query (address or lat,lng); saddr + daddr = directions from/to; dirflg = travel mode (d=driving, w=walking, b=cycling, r=transit); ll = view centre coords; z = zoom (0–21); t = map type (m=map, k=satellite, h=hybrid, p=terrain); output=embed= strip Google's page chrome and render the bare map.

Free embed vs official Google Maps Embed API

The tool uses the free legacy embed; the official Google Maps Embed API is the API-keyed successor. Quick comparison:

Feature	This tool (free)	Official Embed API
API key required	No	Yes (Google Cloud)
Free without limits	Yes	No — $7 per 1k loads after free tier
Map (roadmap)	Yes	Yes
Satellite / Hybrid / Terrain	Yes	Yes
Place marker	Yes	Yes
Directions between two points	Yes	Yes
Custom view (no marker)	Yes	Yes (view mode)
Street View panorama	No	Yes
Custom branding / styling	No	Yes
Stability guarantee	Legacy public endpoint (stable since 2014)	Officially supported, versioned

Where you can paste the embed code

The output is a plain <iframe> tag, so anywhere HTML is allowed works. Specific places that we have tested:

WordPress — Custom HTML block (Gutenberg) or Classic editor in Text mode.
Wix — Add → Embed → HTML iframe.
Squarespace — Add a Code block, paste the iframe.
Webflow — Embed component (drag from Add panel).
Notion — type /embed and paste the URL (or use a custom HTML embed in an Indify-style integration).
Framer / Carrd / Tilda — HTML embed component.
Ghost / Substack / Beehiiv — HTML embed block (paid plans only on some platforms).
Static-site generators — Astro, Hugo, Jekyll, Eleventy, Next.js all accept the raw HTML inline in MDX, Markdown, or HTML files.
Plain HTML pages — drop the snippet anywhere in your <body>.

Related map-maker tools

For embeds with custom markers, lines, and legend: Map with Legend Maker. For multiple addresses on a single map: CSV to Map. For a draggable pin map you can save and share: Pin Drop Map. For drawing lines, polygons, and freehand on a base map: Map Drawer. For getting the lat/lng of an address before pasting it here: Address to Coordinates.

Frequently asked questions

No. The tool uses Google's legacy public-facing iframe endpoint (maps.google.com/maps?...&output=embed), which has been stable since 2014 and does not require an API key. There is no quota, no billing, no Google Cloud setup, and no watermark on the embedded map.

No. The official Embed API gives more features (Street View, advanced styling, place autocomplete) but requires a Google Cloud account, an API key, and billing past the free tier of about 14,000 map loads per month. This tool uses a simpler URL endpoint that is free and unlimited but doesn't expose those advanced features. For 90% of "embed a map on my website" needs, the simpler endpoint is enough.

It has worked continuously since around 2014, and Google has not announced any deprecation. That said, Google can change anything on their domain at any time. If the legacy endpoint were ever retired, the alternatives are: the official Embed API (with a key), an OpenStreetMap embed (free, no key), or a Mapbox / MapLibre embed. Several SimpleMapLab tools already use OpenStreetMap-based embeds — that path is well-understood.

Toggle Responsive on in the size section. The generated code wraps the iframe in a div with a 56.25% padding-bottom hack — the classic technique for 16:9 responsive media. The iframe fills the container, the container fills its parent, and the height scales with the width. Works in every CMS and HTML editor without extra CSS.

Anywhere that accepts HTML. WordPress (HTML block, Custom HTML block, or Classic editor in Text mode), Wix (Embed → HTML), Squarespace (Code block), Webflow (Embed component), Notion (the /embed block also works with iframe URLs), GitBook, Ghost, Substack (paid plans), Framer, plain static-HTML pages, and most static-site generators (Astro, Jekyll, Hugo, Eleventy).

Yes. The iframe renders identically on phones, tablets, and desktops. With Responsive mode on, the map scales smoothly down to phone widths (we tested at 320 px and the controls are still usable). Touch controls — pinch to zoom, drag to pan — work natively on iOS and Android.

Place mode embeds a single point with a marker — "this is where the shop is". Directions mode embeds a route between two points with turn-by-turn rendering — "drive from the train station to the venue". Custom view mode embeds a generic map area centred on a coordinate, without a marker — useful for showing a neighbourhood or city overview without highlighting a specific point.

For full-width blog posts and articles, Responsive (16:9) is correct. For a sidebar widget try 300 × 200 fixed. For a hero / call-to-action map use Responsive and let the container drive the size. The default 600 × 450 is a reasonable middle ground for a non-responsive embed.

Not with the free embed — the marker style is whatever Google Maps uses by default. If you need custom markers, custom styling, or your brand colours on the map, you need either the official Google Maps Embed API (with a key) or one of our cartography tools (Map with Legend Maker, Pin Drop Map, etc.) which let you screenshot or export a styled map image.

The generated iframe includes loading="lazy" — a browser-native attribute that tells the browser not to fetch the iframe until the user scrolls near it. Saves bandwidth and initial-page render time. Supported in every modern browser; older browsers simply ignore the attribute and load the iframe immediately.

Yes — the Custom view mode does exactly that. Enter lat/lng for the centre and pick a zoom level. The map renders without a marker. To get the lat/lng for an address, use our Address to Coordinates tool, copy the values, and paste them here.

You can paste coordinates ("40.7580, -73.9855") directly into the address field. Google's endpoint accepts both formats. For Place mode the marker drops at the resolved point regardless of input format.

No. The tool runs entirely in your browser. The only network request is the iframe loading the map preview from Google's servers (which Google may log, like any visit to maps.google.com). The generated code is plain HTML — paste it anywhere and the iframe will load Google Maps the same way a normal link to maps.google.com would.

Yes. Embedding Google Maps via iframe is allowed under Google's terms for ordinary use, commercial or non-commercial, as long as the map is shown as Google delivers it (no replacing or covering Google's attribution). The official Maps Platform Terms apply.

Data sources & methodology

Underlying map service: Google Maps via the public legacy iframe endpoint maps.google.com/maps?output=embed — stable since 2014, no API key required. The generated iframe HTML uses the native loading="lazy"attribute (Chromium 76+, Firefox 75+, Safari 15.4+) so the embed does not block initial page render. Geocoding is performed by Google when the iframe loads, not by this tool — your address string is passed verbatim into the qparameter. Responsive wrapper uses the classic 56.25% padding-bottom technique for a 16:9 aspect ratio. The tool generates HTML client-side; no data leaves your browser except the iframe rendering the live preview from Google's servers.

More SimpleMapLab tools

Map with Legend Maker

Custom map with markers, region fills, and a legend.

Pin Drop Map

Drop up to 100 pins on a shareable map.

CSV to Map

Plot many lat/lng or addresses from a CSV.

Address to Coordinates

Get lat/lng for any address to paste into the embed.