Google Maps Component

The Google Maps component allows you to include an embeded, interactive Google Map on your web page from any location on Google Maps.

When to use the Google Maps component

Use the component to embed an interactive map from any location on Google Maps.

Usability Guidance

Place the component inside a column snippet to control the location and size of a map on your web page.

Implementation

  1. Open a page in Modern Campus CMS and enter editing mode.
  2. Place your cursor where you would like to insert a Google Map.
  3. From the toolbar, select the component icon  Snippet icon , which resembles an atom symbol.
  4. From the list of components, select the Google Maps Embed component.
  5. Go to Google Maps and find the location you want your map to feature.
  6. Once the location is found, click "Share".
  7. Click, "Embed a map."
  8. Click "Copy HTML."
  9. Paste the copied HTML into the component.
  10. Provide a Map Title (needed for accessibility)