Back to all posts

How to Embed a Google Maps List on Your Website

Google Maps will not let you embed a saved list, but you can still get one onto your website. Here are the routes that work, and what each one costs you in effort.

October 23, 2026

•

7 min read

You have a Google Maps list, a city guide, a set of stockists or a trip plan, and you want it on your website as a map. You will find that Google lets you share the list as a link but gives you no embed code for it. The Embed a map option only works for a single place or a set of directions.

The short answer: there are two ways to get a list onto a page. You can rebuild it in Google My Maps, which embeds well but means getting the places into a file first. Or you can turn the list link into a hosted map with its own embed code, which saves the file step if you do not need the map to stay inside Google.

Why You Cannot Embed a Saved List

A saved list in Google Maps belongs to your account and lives inside the Google Maps app. Sharing it gives people a maps.app.goo.gl/... link that opens the list in Maps. There is no iframe behind that link, so there is nothing to copy into your page.

Pasting the share link into a "link" block still works as a plain hyperlink. If a visitor tapping through to Google Maps is good enough, you can stop there. If you want the map to appear on the page itself, you need one of the routes below.

Option 1: Rebuild the List in Google My Maps

Google My Maps is a separate tool from your saved lists, and its maps can be embedded once they are public.

  1. Create a new map at mymaps.google.com
  2. Click Import on a layer and upload a CSV or KML file of your places
  3. Choose which columns hold the position and the title
  4. Click Share and set the map to Public on the web. My Maps will not embed a map that is only shared privately
  5. Open the three-dot menu next to the map title and choose Embed on my site, then copy the iframe code

The catch is step 2. There is no button that turns a saved list into a My Maps map, so you have to get the places into a file yourself. A Google Takeout export of a saved list gives you names, notes and URLs, but no coordinates, so My Maps has little to place pins with unless you add addresses or coordinates first. Our guide to exporting Google My Maps as KML covers the My Maps side in more detail.

You also have to repeat the import whenever the list changes, because a My Maps map does not follow your saved list.

Option 2: Make a Hosted Map from the List Link

If you would rather skip the file step, you can paste the list link into Takeout Tools and publish it as a map of its own. The places come back with names, coordinates and your notes, and you get a public link plus an iframe snippet.

1. Copy Your List's Share Link

  1. Open Google Maps and go to Saved
  2. Open the list you want on your site
  3. Tap Share and copy the link (it usually starts with maps.app.goo.gl/)

The list must be shared with a public link. A list shared privately with specific people cannot be read from the link.

2. Paste the Link and Tidy Up

Open Make a map, sign in and paste the link. A map opens with your places on it. From the Places step you can search, rename a place, edit its note, or hide a place without deleting it. If your places live in a spreadsheet instead, you can upload a CSV with a name and latitude and longitude for each place.

3. Style It and Publish

The Style step offers a light Paper look and a dark Midnight look, and you can show places as pins or as coloured dots. If you add more than one Google list to the same map, each list becomes a category with its own colour. On the Share step, click Publish map and the map gets a public link. You can unpublish it at any time.

4. Copy the Link or the Embed Code

You can share the public link anywhere, and it shows a preview card when pasted into WhatsApp, iMessage or X. For your own site, choose a shape (16:9, 4:3, Square or Tall) and copy the snippet. It is a standard iframe:

<iframe src="https://www.takeout-tools.com/embed/your-map-id" title="Your map title" style="width:100%;aspect-ratio:16 / 9;border:0;border-radius:8px" loading="lazy" allowfullscreen></iframe>

Paste it into any HTML block, for example in Notion, Shopify, Squarespace or WordPress. It fills the width of its column and keeps the shape you picked.

What Your Visitors See

Visitors get your places on a map, without your editing tools and without any place you have hidden.

  • Each place shows as a pin or dot, and dense areas group into clusters until you zoom in
  • Tapping a place opens a card with its name, category and your note
  • Every card has an Open in Google Maps link, so visitors can get directions
  • In an embed, panning needs two fingers or a modifier key, so the map does not trap someone scrolling your page

Visitors do not need a Google account to see the map.

Tips for a Better Embedded Map

  • Write notes in Google Maps first: your list notes come through to the map cards, so a short line on each place saves editing later
  • Split by list for colour: add one Google list per category, such as "Coffee" and "Bars", and switch to dots so each gets its own colour
  • Pick the shape for the page: 16:9 suits a wide article column, Tall suits a sidebar or a phone-first page
  • Check the map as a visitor would: use Visitor view in the editor to spot a hidden place you meant to show
  • Re-read after big changes: if you add places to your Google list, re-read it in the editor so the map catches up

Frequently Asked Questions

See Other Google Maps List Guides

How to Embed a Google Maps List on Your Website | Takeout Tools