Map

Use Map to embed a Google map for any street address inside your layout.

Usage

Use Map to embed a Google map for any street address inside your layout. The module renders an iframe pointed at Google Maps using the address you provide, with a configurable height and an optional border.

Use Map on contact pages, store locator pages, event pages, and other layouts that need to show visitors where a business or location is. It fits straightforward single-location use cases where a basic embedded map is enough and a full mapping plugin is not needed.

Module Settings

The Map module settings control the address shown on the map, the height of the embed, the accessibility title, and the border around the map.

General Tab

The General tab sets the location displayed on the map and the dimensions and border of the embed.

Address Supports: Field Connections

The street address used to generate the embedded Google map. Enter a full address on a single line or across multiple lines.

Height Default: 400; Supports: Responsive

The height of the embedded map. Accepts values in px or vh.

Map title attribute for accessibility Supports: Field Connections

The title attribute applied to the map iframe for assistive technology. When left empty, the module uses no title attribute.

Border Supports: Responsive

The border style, width, radius, and color applied around the map iframe.

Advanced tab

The Advanced tab includes all the standard settings for margins, visibility, animations, and advanced HTML configurations.

See the Advanced tab section for more information.