How to Embed or Share your Google Maps
May 12, 2015 / by Marco / Categories : Google, Maps, TechnologyI 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
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
4. Click Share or embed map
5. At the top of the box that appears, choose the Embed map tab
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
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
OTHER ARTICLES YOU MAY LIKE
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 morePOWERFUL 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