Add interactive Google Maps for visual location and direction services

The Map component configures an interactive Google Map directly on a webpage. Maps add a little color and interactivity for standard "Contact" pages and can keep users on your site a little longer.


  • Full suite of Google Map controls (zoom, Street View, layers)
  • Destination directions
  • Add multiple location markers
  • Dimension controls
  • Default zoom level
Loading Map...

Stanford University School of Medicine

291 Campus Dr
Stanford, CA 94305
Get Directions

Pro Tips

  • Use multiple location markers in lieu of multiple Map components
  • Set the default zoom-to location to show any additional locations
  • Use manual dimension controls fine-tune the space
  • Accompany with additional 'inside' directions (e.g. Room, floor, etc)

Visual Manual

Align left-column colors with right-column content

Input Fields

Configure the output

Output Key

Displays the input fields