How to Add a Google Map to Your Website

by byteproductions in Circuits > Websites

863 Views, 13 Favorites, 0 Comments

How to Add a Google Map to Your Website

screencapture (8).png

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.

Finding Your Map

screencapture (7).png

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

Sharing

Google Maps Share.png

Find and click the share button.

Embed

screencapture (1).png

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

Size

screencapture (3).png

Select the size of the map you would prefer.

Copy Embed Code

screencapture (5).png

Simply copy the embed code.

Paste the Code

screencapture (6).png

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