Skip to main content

Dynamic Google Maps

Updated over a week ago

A valid Google Maps API key with Geocoding API enabled is required to use this feature.

Dynamic Google Maps allows you to embed fully customizable and data-driven Google Maps in Bricks, offering support for dynamic content sources and frontend interactivity. This feature supports single-location and multi-location scenarios, with flexible data input from static fields, ACF, Meta Box, and post queries.

Settings

The map can be populated using different data types:

  • Address: A manual string input.

  • Latitude and Longitude: Direct coordinate input.

  • ACF Google Map Field (if ACF is active).

  • Meta Box Google Map Field (if Meta Box is active).

The map height can be controlled via a responsive slider. When dynamic sources like ACF or Meta Box are selected, it's possible to activate a Multiple Locations Query, which supports various query types such as:

  • Specific posts

  • ACF Relationship (if ACF is active)

  • Custom post types

Each marker can display an InfoWindow, which supports Dynamic Shortcodes. You can link InfoWindows to post URLs or custom links, and optionally style them with alignment, typography, background, padding, and more.

Style

Map styling options include:

  • Map Type: Roadmap, Satellite, Hybrid, Terrain.

Marker customization supports default, image-based, or ACF-sourced icons. Additional styling is available for InfoWindows and the map container.
​

Usage Summary

Use Dynamic Google Maps when you need to:

  • Render maps with data from custom fields (ACF/Meta Box).

  • Dynamically display multiple locations based on post queries.

  • Enhance user interaction through geolocation and custom InfoWindow content.

Did this answer your question?