How to link your website to Google Maps

Google maps edit
Google Maps image showing the Attribution box top left, and the edit dots circled in red

This page explains how you can either

  1. Link your website to a Google Map Street View image (or tour), or
  2. Embed a Google Maps image/tour one on your website, that appears in a frame.

You do not need permission to do this.

How to link your website to Google Maps

To add a link to your website, you’ll need to get the Google Maps “shortcode” for the image or tour that you want to link to.

  1. You need to know how to add a link to your website, and this will depend on the software you use.
    If you manage your site, this will typically involve highlighting the text that you wish to become a link, selecting the “link” 🔗 option. Then…
  2. Go to Google Maps, and find and display the image you want to link to.
  3. Enter the “short” web address (URL) of the Google Maps image that you want to link to:
    1. Display the Google Maps image (or tour) that you want to link to.
    2. Next to the attribution, click the three vertical dots ⋮ and select “Share or embed an image”
    3. Click Copy Link, and use this web address (URL) in your web site link

How to embed a Google Maps image or tour on your web site

To embed an image or tour from Google Maps into your website, you’ll need to get the Google Maps “HTML code” for the image or tour that you want to link to.

  1. You need to know how to add HTML to your website, and this will depend on the software you use.
    If you manage your site, this will typically involve switching your editor to “HTML” or “text” mode. Then…
  2. Go to Google Maps, and find and display the image you want to link to.
  3. Copy and paste the Google Maps “embed code” of the image or tour that you want to embed on your website:
    1. Display the Google Maps image (or tour) that you want to link to.
    2. Next to the attribution, click the three vertical dots ⋮ and select “Share or embed an image”
    3. Click the “Embed a map” tab.
    4. Select the frame size that you want to use
    5. Click “Copy HTML” and paste it into your web page.
    6. You can change the frame size to “full width” by editing the HTML. Where you see “width=”800″ height=”600″ (or similar), change this to width=”100%” height=”600″.

More information

  1. Share a map or directions with others (on Google)