ACF & Google Map Element

Hi,

I know this has been asked a few times and I am seeing two ways to approach this:

1 - the approach i am using:

2 - this approach has some custom code and looks to be an older solution:


and references this post:

While using approach 1, i am still having difficulty getting this to work. here is my setup:

ACF Google Map Element - google_map

ROW - Provider using QueryBuilder w Consumer of 1

Column (w/Map Element)
Provider: Dynamic Content - {{dc:acf:post_field field=“google_map”}};
Consumer: on

Map Element & Marker
using {{dc:looper:field key=“lat”}} & {{dc:looper:field key=“lng”}}


But…no luck on the front end

what am i missing?

He @uxmediahouse,

Thank you for the inquiry.

There was a semicolon in the Looper provider, which was invalidating the dynamic content.

{{dc:acf:post_field field="google_map"}};

We removed the semicolon, and the map now displays correctly. Please clear the cache before testing.

Best regards,
Ismael

aha! thanks for catching that.

i seem to have another issue now tho. the default map icon is not showing for the marker, and if i upload one that is also not showing. I do see the “popup w/info” if I select “open”, but when i close it, the map icon is not there…

is this a bug?

Thank you for the update.

We edited the marker and updated the latitude and longitude values. For some reason, they are not formatted correctly. We did the same for the map at the bottom of the layout

Let us know if you need more assistance.

Best regards.

Thanks!

I see what the issue was.

You are most welcome @uxmediahouse