Embedding a map from Google Maps can provide visitors with convenient and easily-accessible directions.

An example of what an embedded Google Map looks like on can be found on the Harlow Campus website. This page shows directions for how to get from London’s Heathrow Airport to Memorial’s Harlow Campus by various means of transportation.

Here is the step-by-step process to embed a Google Maps map into your site:

  1. On your computer, go to Google Maps
  2. Go to the directions you wish to embed.
    • To do this, select the blue arrow icon to the right of the search bar. Blue Directions Arrow
    • Then, type in the starting point of your directions, and the destination.Directions
    • Once you type in your starting point and destination, your route will appear on the map.
  3. Click the Menu icon, located at the very top left of the screen.Google Maps Menu Icon
  4. Once the menu is open, select Share or Embed Map.
  5. In the pop-up window, select Embed Map.
  6. Copy the text from the HTML text box above the map.
  7. Go back to Site Builder, and select the HTML Button.
  8. The HTML window will open, and you can paste the HTML of the map where you would like the map to appear.HTML Map Embed

That’s it! Once you click Publish, your map will appear embedded like the one below:

  • You can also embed a map with a location, instead of directions, by typing the location into the search bar, then select the menu icon and Share or Embed Map. A map featuring just a location will appear like this:


Site Builder User Guide

230 Elizabeth Ave, St. John's, NL, CANADA, A1B 3X9

Postal Address: P.O. Box 4200, St. John's, NL, CANADA, A1C 5S7

Tel: (709) 864-8000