Use the Google map marker form element to add a Google map location field and preview to your Component form. For more information, see Create an editable component.

Locating the Google map marker form element¶

To find the Google map marker form element:

1. Navigate to a component
2. Click the + button on the Component form builder
3. Within the Fields tab, look for the Google map marker form element.

The Google map marker element includes the following fields:

Title field¶

• Provide a name for the form element. Important: This will be displayed in your component form.

Default¶

• Address - Enter an address and click Find coordinates to locate it
• Latitude - Set the latitude. This is set automatically if an address is provided
• Longitude - Set the longitude. This is set automatically if an address is provided
• Preview - Shows a preview of the location.

Validation¶

• Required - When toggled on, the map location becomes a required field when using the Component
• Error message (optional) - The validation error message displayed if the editor doesn't provide a location.

Tooltip¶

• Tooltip text - Enter tooltip text here.
• Tooltip placement - Define the position of the tooltip on hover of the field.