How to Embed or Share your Google Maps

May 12, 2015   /   by Marco  / Categories :  Google, Maps, Technology

I was looking for a way to Embed or Share a Google Map location and I couldn’t figure it out until I accidentally clicked on the correct icon.
I had to document this because even the instructions on Google was not correct have a read here https://support.google.com/maps/answer/3544418?hl=en

Google Instructions

CORRECT INSTRUCTIONS

Now here’s the correct instructions:

1. Open Google Maps

2. Make sure the map or Street View image you’d like to embed shows up on the map

3. In the bottom right hand corner, click on the gear icon Google Map Gear Icon

4. Click Share or embed map

Google Maps Share or Embed Map

5. At the top of the box that appears, choose the Embed map tab

Google Maps Sydney Embed

6. Choose the size you want on the left hand side, then copy the HTML and paste the code into the source code of your website or blog

Google Maps Sydney Embed Choose Size

 

7. Example code:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d424396.3176723366!2d150.92243255000005!3d-33.7969235!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b129838f39a743f%3A0x3017d681632a850!2sSydney+NSW!5e0!3m2!1sen!2sau!4v1431400610466" width="600" height="450" frameborder="0" style="border:0"></iframe>

Below is the embedded code into this blog post

SHARE Share this post so we can get Google to fix up their documentation

DO YOU LIKE WHAT YOU'VE READ?
Join our subscription list and receive our content right in your mailbox. If you like to receive some Great deals our Freebies then subscribe now!

Our Sponsors

  • Follow us:

OTHER ARTICLES YOU MAY LIKE


HOW TO INSTALL NPM NODE.JS IN VISUAL STUDIO CODE

HOW TO INSTALL NPM NODE.JS IN VISUAL STUDIO CODE

When I first ventured into the world of web development, I stumbled upon Node.js and NPM. As I dig deeper, I realized these two tools were essential for building modern applications. In this section, I’ll unpack what Node.js is, why NPM is crucial, and share some common use cases that highlight the power of these […]

read more
POWERFUL REFERRAL PROGRAM TOOL

POWERFUL REFERRAL PROGRAM TOOL

Businesses of all sizes are constantly seeking new and innovative ways to grow their customer base and increase brand awareness. With the rise of social media and the reliance on word-of-mouth marketing, referral programs have become an essential tool for companies looking to expand their reach. However, managing a successful referral program can be a […]

read more

Like our Page