Published on May 27, 2021

Dynamic ACF Google Map Embeds in Oxygen

Sridhar Katakam

This members-only tutorial is similar to the earlier How to display ACF's Google Map field via Oxygen’s Google Maps element tutorial but instead of passing the map location from a custom field (created using Advanced Custom Fields) to a Google Maps Oxygen component here we shall use a Code Block for more control on the HTML.

Step 1

Implement the first two steps of the this tutorial.

Step 2

Enter the Google Maps API key on the Oxygen > Settings page under the General tab in the WordPress admin panel.

Step 3

Create a new Code Snippet titled say, Register Google API key for ACF having the following code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right