How to Fix Google Maps in Oxygen Builder

YouTube video

The deprecation of a Google Maps API caused Maps to break on most Oxygen sites, so we're going to cover the fix that was released and what you need to do to get your maps working again.

Dynamic ACF Map Field Code from Video:

Add the following as a Code Snippet:

function get_raw_field( $field ) {
$map_location = get_field( $field );
return $map_location['address'];
}

Then on the Oxygen map element, click the dynamic data button next to the address field.
In the advanced section, use PHP Function Return Value.
For the function name, use get_raw_field and for the paramater, use the name of your ACF Map field.

Viola!

Learn more about my Oxygen Builder course here: https://permaslug.com/ultimate-oxygen-course/

Visit the premium forums: https://permaslug.com/forums/

Signup For Emails

Want to be notified when new tutorials are released? Signup below for our roundup emails. We promise not to spam and won't blow up your inbox. 
  • This field is for validation purposes and should be left unchanged.
Jonathan Jernigan, Founder
Permaslug and APEX Web Solutions

Join Permaslug

Membership Benefits Include:

  • Ultimate Oxygen Course
  • Ultimate Woocommerce Course
  • ACF Pro Course
  • Material Design Lite
  • Template Downloads
  • Community
  • And more!
register

More Posts

Automatically Convert Figma to Oxygen Builder with Xenon

I am extremely excited to annouce my agency's app called Xenon. This tool lets you export your Figma designs into Oxygen Builder automatically. What I'll show you is a demo of how the app connects…
READ post

Gap Is Better Than Margin and Here’s Why

If you find yourself adding margin to elements and then having to adjust individual elements when organization changes later, then you're going to love flex gap. It automatically spaces all the elements for you with…
READ post

Oxygen 4.0 Alpha Review - Big UI Changes, Bug Fixes and More!

In this stream, we will review the big changes that have been released with Oxygen 4.0's announcement. UI changes, fixing the Repeater duplicate ID issue, and more.  
READ post
menu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram