How to Embed a Google Map on Your Site



10 months ago, Updated
Back to Modules in this Section

You can embed a Google Map on any page of your AWF sites by following the instructions below:

1. Go to Google Maps at https://www.google.com/maps
2. Type in the address of the location you're creating the map for into the search bar
Awf sp 15000
3. Click on the Share button.                                                                                                       
Awf 16000
Alternatively, you can select Share or embed map from the menu that appears by clicking the three horizontal lines in the top left corner.
Awf 17000
 
Awf 18000
4. Click on Embed a Map to see a preview of the map

You can change the map area, zoom, type (street map or satellite map), and size (including a custom size if desired) from here.
Awf 19000
5. When ready, click on                                                                                
Awf 21000

6. Navigate to the page and section where you want to add the map and select the HTML option.
Awf 31000
7. Paste the embed code you copied into the field provided                                                                        
Awf 41000
8. Be sure to Save your changes
To view the map in action, view the site in Preview Mode or open the site in a different browser that you’re not logged into the site with.
Here's how our example appears when embedded on a page:
Awf 51000

How to Embed a Google Map on Your Site

Let's see what you've learned. Take the Quiz.

Please complete the quiz below after reviewing the module. Your results will be displayed 30 seconds after submission. You may retake the quiz to improve your score.
Take Quiz