Skip to content

Location

The Location component lets you add a physical location to your page using address autocomplete, precise coordinates, and a drag-and-drop marker on a map.

Location — Location tab
Location — Location tab

Options in the Intro tab are covered in the Components section.

Enter the street address. This is used for display and geocoding.

Start typing an address in the address field, and the component suggests addresses based on your input using the Google Geocoder API. Click the address you want to use, and the component automatically fills in the coordinates and updates the map.

Location — Geocoding
Location — Geocoding

You can also manually enter latitude and longitude. The map automatically updates to show the marker at the specified coordinates.

Any changes to coordinates or the map marker automatically update the Geocode address field.

Admin

Options in the Appearance tab are covered in the Components section.

All fields (technical reference) — 14 fields
Field nameMachine nameTypeRole
Addressfield_dmz_addressaddressEditor
Coordinatesfield_dmz_coordinatesgeofieldAdmin
GeoJSONfield_dmz_geojsontextAdmin
Hiddenfield_dmz_hiddenbooleanEditor
Buttons (legacy)field_dmz_linkslinkDeprecated
Background Mediafield_dmz_mediareference (image, video, fotoweb)Admin
More Linkfield_dmz_more_linklinkEditor
Outer Backgroundfield_dmz_palette_color_1list_stringAdmin
Inner Backgroundfield_dmz_palette_color_2list_stringAdmin
Content Backgroundfield_dmz_palette_color_3list_stringAdmin
Section IDfield_dmz_section_idstring (max 255)Admin
Introductory Textfield_dmz_texttextEditor
Introductory Titlefield_dmz_titletextEditor
Title Heading Levelfield_dmz_title_taglist_stringAdmin