Google Maps Embed Generator

A Google Maps embed generator turns a business name and address, a pair of coordinates or a link copied from Google Maps into ready-to-paste iframe code for your website. Our free generator builds a keyless map embed, so you do not need a Google Cloud account or an API key. Choose the zoom level, roadmap or satellite view and the map language, make the map fully responsive or set a fixed size, round the corners, and add the accessibility title, lazy loading and referrer policy in one go. It can also write a privacy-friendly click-to-load version and give you matching “Get directions”, Google Maps and Apple Maps links for buttons and emails. Everything is built in your browser.

How to use the Maps embed

1. 1 Enter your locationType your business name and full address, enter latitude and longitude, or paste a link or embed code copied from Google Maps. The name plus address is usually the most reliable way to land on your actual listing.
2. 2 Set the map viewDrag the zoom slider (about 15 to 17 suits a single business), pick roadmap or satellite, and choose a map language or leave it to follow each visitor’s settings.
3. 3 Choose the sizeResponsive fills the width of its column at the aspect ratio you choose, which is what most modern sites need. Fixed gives the classic width and height attributes.
4. 4 Check the attributes and previewEdit the title so screen reader users know what the frame contains, keep lazy loading on, and use the preview or Open preview in new tab to confirm the pin lands in the right place.
5. 5 Copy or downloadCopy the iframe or the click-to-load version into your site builder’s HTML block, download a ready .html file, and copy the directions and share links for buttons, emails and social profiles.

What a Google Maps embed is and how this code works

An embedded map is an iframe: a small window inside your page that loads a live, interactive map directly from Google. Visitors can pan, zoom, switch to a larger map and get directions without leaving your site. It is the quickest way to show where a clinic, salon, garage, hotel or office is, and almost every website builder, from WordPress to Squarespace, Wix and Shopify, lets you paste iframe code into an HTML or embed block.

The code this generator writes uses the public Google Maps address with an output setting that tells Google to return the embeddable version of the map. Your search text or coordinates go in the q parameter, the zoom level in z, satellite view in t, and the interface language in hl. Because it is the same kind of map URL people have been embedding for many years, it needs no API key and costs nothing. The honest caveat is that this form is not a documented, versioned API. Google has kept it working for a long time, but it could change its behavior without notice, so it is worth glancing at your contact page now and then.

If you open Google Maps, search for a place and choose Share, then Embed a map, Google gives you keyless iframe code too. That code stores the view in a long pb parameter instead of readable settings. You can paste it into the link tab of this tool to keep Google’s exact view while making the frame responsive, adding lazy loading, a proper title and rounded corners.

Keyless embed or the official Maps Embed API?

Google Maps Platform offers a documented Maps Embed API, reached through URLs that begin with google.com/maps/embed/v1/. It supports place, search, directions, street view and plain view modes, and you control them with clearly named parameters. To use it you create a Google Cloud project, enable the API and generate an API key, which you should restrict to your own domains so nobody can reuse it. Google has listed Embed API map loads as no-charge, but pricing and account requirements can change, so read the current Google Maps Platform terms before relying on it.

For most small business websites a keyless embed does the job: it shows a pin, the place card and a link to the full map, and it requires no account management. The official API makes sense when you want documented stability, directions or street view embedded on the page, or when your organization’s policy requires using supported APIs only. This tool can restyle an existing Embed API URL if you paste one, but it never creates or stores API keys.

Privacy, cookies and consent

An embedded Google map is not a picture. As soon as it loads, the visitor’s browser connects to Google, which receives their IP address and browser details, and Google may set or read cookies, particularly if the visitor is signed in to a Google account. That is normal for third-party embeds, but it has consequences depending on where your visitors are.

In the European Union, the UK and several other regions, privacy and electronic communications rules generally expect consent before loading non-essential third-party content that can set cookies or track users. Many consent banners therefore block maps until the visitor agrees. Other jurisdictions, including various US state privacy laws, focus more on disclosure and opt-out rights. This is general information rather than legal advice, so check the rules that apply to your audience and mention embedded maps in your privacy policy either way.

The click-to-load option is a practical middle ground. It shows a neutral placeholder with a Show map button, and nothing is requested from Google until the visitor clicks. Pair it with a short line explaining that the map loads content from Google, and your directions links still work for anyone who never loads the map.

Performance: lazy loading and the click-to-load pattern

A Google Maps iframe pulls in its own scripts, styles, fonts and map tiles. On a fast connection that is barely noticeable, but on a phone with a weak signal it can add a meaningful amount of data and processing to the page, and a map near the top of a page competes with your own content for bandwidth.

• Keep loading="lazy" on. Modern browsers then wait until the map is close to the visible part of the screen before fetching it, which helps when the map sits lower on the page, as it usually does on contact pages and footers.
• Use the responsive version or reserve a fixed height so the browser knows the map’s size in advance. That prevents the page from jumping as the map appears, which is the layout shift measured in Core Web Vitals.
• Choose click-to-load for maps on every page, such as a site-wide footer. It costs nothing until someone wants the map and doubles as a consent-friendly design.
• Avoid putting several maps on one page. If you have multiple locations, consider one map per location page and a simple list with directions links on the overview page.

Accessibility for embedded maps

Screen reader users hear an iframe announced by its title, so a frame with no title is just “frame” and gives no clue what it contains. This generator always writes a title attribute, defaulting to “Map showing the location of” followed by your business name, which you can edit to anything more natural.

An interactive map is still hard to use with a keyboard or screen reader, so never make it the only way to find your address. Put your full street address in plain text next to the map, ideally marked up as your contact details, and include a clear Get directions link. Many visitors, including those using voice assistants or older devices, will tap that link rather than drag a map around. If your page has a strict layout, make sure the map does not trap scrolling on touch screens by giving it a sensible height rather than filling the whole viewport.

Does embedding a Google Map help local SEO?

This is one of the most repeated claims in local marketing, so it deserves a straight answer. An embedded map on its own is not a known ranking factor. Google has not said that iframes of its maps improve rankings, and search engines generally treat iframe content as belonging to the source site, not yours. Pasting the same map into every page will not lift you in the local pack.

What does matter for local visibility is well documented in Google’s own guidance: a complete, accurate Google Business Profile with the right categories, hours, photos and reviews; consistent name, address and phone details (often called NAP) across your website and directories; relevance to what people search for; and proximity, which you cannot control. On your own site, a clear contact page with your address as text, LocalBusiness structured data and a page for each location do far more than a map widget.

A map still earns its place, because it helps real people. It reassures visitors that you exist at a physical address, shows parking and landmarks, and gets them to your door with one tap. Treat it as a usability feature that supports conversions, not as an SEO trick, and make sure the name you search for in the embed matches your Business Profile exactly so the place card shows your listing.

Examples you can copy

<div style="position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:12px">
  <iframe src="https://www.google.com/maps?q=Empire+State+Building,+20+W+34th+St,+New+York,+NY+10001&amp;z=16&amp;output=embed" title="Map showing the location of Empire State Building" style="position:absolute;inset:0;width:100%;height:100%;border:0" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>

<a href="https://www.google.com/maps/dir/?api=1&amp;destination=Empire%20State%20Building%2C%2020%20W%2034th%20St%2C%20New%20York%2C%20NY%2010001" target="_blank" rel="noopener">Get directions</a>

<iframe src="https://www.google.com/maps?q=40.748817,-73.985428&amp;z=18&amp;t=k&amp;output=embed" width="600" height="450" title="Satellite map of our building" style="border:0;max-width:100%" loading="lazy"></iframe>

Common mistakes to avoid

Frequently asked questions