The Google Maps integration displays up to five custom locations on a Google Map. It can be used to share office, event, prospect, or customer locations, along with important information about each. Selecting any of these locations then provides the ability to generate directions on how to get there, initially from the browser's current location, but this location (and travel method) can be changed in the provided directions window that pops up.
Navigation arrows are added at the top of the map when multiple locations are displayed. Clicking these arrows cycles between the various locations.
Contact your Customer Success Manager or email the Customer Success Team to add this integration to your digital workplace.
Sections in this article:
Set up
- Place an
Integrations widget on a page, space, or dashboard. For more information, see Placing and setting up a widget. For the best experience, avoid placing this widget in side columns.
- Select the placed widget's Edit button.
- Under Integration Library, select Partners Integration Library.
- Select EOH Google Maps from the library.
- Review and make changes to the settings on the Options and Appearance tabs. You can find details about the widget's settings in the Settings section below.
- In the widget editor, select Update to apply your changes.
- At the bottom of your page, space, or dashboard, select Publish or Save as Draft to save your changes.
Settings
| Setting | Description |
|---|---|
| Title |
Enter a title for the widget. The title appears as a heading above the widget's contents. You should use the title to provide context to the widget and better structure a page's content by clearly denoting different sections. When entering a title, you do so only for your currently selected language. If your digital workplace supports multiple languages, you should select This field can contain a maximum of 140 characters. |
| Title link |
Enter the URL of a location in your digital workplace. Users who click the widget's title, if it has one, will go to this location. Whether you enter the link as a relative URL or an absolute URL does not matter, it will convert to an absolute URL the next time you edit the widget. This field can contain a maximum of 2,083 characters. |
| Description |
Enter a description for the widget. The description appears between the title and the widget's contents. You can use this text to provide information to users about the widget. When entering a description, you do so only for your currently selected language. If your digital workplace supports multiple languages, you should select |
| Google maps API key |
Enter your API key. Google's guide to getting an API key provides instructions on how to create this key. |
| Map type |
Select the type of map to display. Options include:
|
| Map style |
Select which style to apply to the Map type. Options include:
|
| Map height |
Select the height of the map. Use this option to configure the height and leave the height option on the Appearance tab set to auto. |
| Background color |
Select the color of the description box that appears when a location is clicked. A custom color hex code can be entered in the provided text box. Values entered in this custom color field will override what color is selected via the provided dropdown. Color hex codes take the form #00000. |
| Text color |
Select the color of the text in the description box. A custom color hex code can be entered in the provided text box. Values entered in this custom color field will override what color is selected via the provided dropdown. Color hex codes take the form #00000. |
| Zoom |
Disable/enable the ability to zoom in or out on the map. |
| Setting | Description |
|---|---|
| Location name | Enter the name of the location in the provided text box. This name is displayed when hovering over the location and at the top of the location's description. |
| Description | Enter a description of the location in the provided text box. The description is displayed when a location is selected. |
| Address | Enter an address or location name. Be as specific as possible to ensure the location will be the desired one. The entered location is where the map pin will be added, and it is displayed when hovering over the location. When getting directions, the address of the selected location will be used as a destination. |
| Marker style |
Select the style of a location's marker. |
Up to five locations can be displayed in the widget.
These fields are mandatory, not entering all values for a location will result in the location not appearing on the map.
Appearance tab
| Setting | Description |
|---|---|
| Class |
Enter CSS class selectors to provide additional styling to the widget. For more information, see Applying custom CSS to widgets. |
| Height |
Select the height of the widget. The default value is Auto (leftmost slider position) scales the widget's height to fit its contents. You can use the slider to set a fixed height between 50px to 600px in increments of 50px. Selecting a height less than what is needed to display its contents results in the widget having a vertical scrollbar. |
Note
Your digital workplace's theme overwrites many of the settings on the Appearance tab. However, the settings listed above are usable.