Introduction: How to Add a Google Map to Your Website

Picture of How to Add a Google Map to Your Website

This short tutorial will help you embedded and google map into your website. This tutorial is under the assumption that you know how to use your content management system(CMS), or are familiar with NTML at a basic level.

Step 1: Finding Your Map

Picture of Finding Your Map

Simply go to google.com/maps and search for your business or the area you would like your map to display.

Step 2: Sharing

Picture of Sharing

Find and click the share button.

Step 3: Embed

Picture of Embed

A pop-up will display on the screen, you will locate and click the "embed" button.

Step 4: Size

Picture of Size

Select the size of the map you would prefer.

Step 5: Copy Embed Code

Picture of Copy Embed Code

Simply copy the embed code.

Step 6: Paste the Code

Picture of Paste the Code

Now open up your page editor and paste the embed code inside the html or "text" editor. When you have done this correctly you will have a map display on the web page you have created.

To view a live page with the map code embedded properly simply visit https://www.byte-productions.com

Comments

DIY Hacks and How Tos (author)2016-06-07

Far too many stores don't have there Google map set up the right way and Then people can never find the place because Google thinks that out is somewhere else.

About This Instructable

549views

13favorites

Bio: Byte Productions provides custom web design & development, mobile & responsive web design, custom programming, web & email hosting, online event registration and SEO Services. Established in 1991 ... More »
More by byteproductions:How to Add a Google Map to Your Website
Add instructable to: