[Resolved] ACF map not reloading in content template with AJAX

[Author]

Posts

[matsF]

Hi,
I have an ACF google map in a content template used in a view with a parmetric search. The map is put there with a shortcode. But it's not reloading when using the AJAX parametric search. All I see is the adress. (For different reasons I can't use the Toolset Maps plugin. An upgrade from you guys is on it's way but it seems to take ages.)

I suspect I need to put some js code somewhere, but I'm not sure how to do it and where to put it. (Maybe something like this: https://toolset.com/forums/topic/reload-map-after-ajax-pagination/#post-364706)

This problem occurred when solving another content template AJAX issue. (https://toolset.com/forums/topic/beaver-builder-integration-ajax-search/)

Thank you

[Shane]

Hi Mat,

Thank you for contacting our support forum.

Indeed a callback function is needed for the ACF map. What I recommend that you do is to contact the support team for ACF to see if they have a function that can be used to manually reload the map.

If they do then we can add it to our views callback functions.

Thanks,
Shane

[matsF]

Hi Shane,

this is the answer I got from the ACF support:

"The issue looks like you are not initializing the google map JS for your new DOM elements (when you update the page with new HTML).

Please be sure to debug your code and understand how the google maps are initialized.
I won't be able to 'fix' this issue for you, because the problem is not with ACF, but with your custom theme code."

[Shane]

Hi Mat,

Is there any particular reason why you are using this custom map and not our toolset maps plugin ?

Our toolset maps plugin would be a better solution for this since the map will automatically refresh.

Thanks,
Shane

[matsF]

Hi Shane,
Yes it's described here.
https://toolset.com/forums/topic/maps-sddress-field-autocomplete-problems/page/2/
Any news on the 1.5 maps release date?

Regards
Mats

[Christian Cox]

Hi, Shane is out today but will return tomorrow with an update for you. Thanks for your patience.

[Shane]

Hi Mats,

I understand what you mean now and see that you're currently working with the non-ajax approach.

However Having the callback for the ACF map or the function that initializes the map would be really helpful.

I can investigate it further but I can't promise i'll be able to find the function. Would you mind providing me with the name of the view that is doing the search.

Thanks,
Shane

[matsF]

Hi Shane,
yes, the view is called "resultatvy".

Thanks
Mats

[Shane]

Hi Mats,

Unless ACF team is able to provide a callback function to render the map, there isn't much we can do. The maps still work with the normal reload and I see that we are going to add the address autocomplete in 1.5

So some compromise needs to be done here.

Thanks,
Shane

[matsF]

Hi Shane,

reply from Elliot:

"Thanks for the reply.
I believe there is some misunderstanding about the issue.

The issue is with the 'front end' of your website (not the backend).
ACF is not rendering any maps on this page (hidden link).

I am aware that you have google maps on this page, but this will be rendered using some custom code.
I'm not sure if you have found this custom code on the ACF google map documentation page, or if you found this code elsewhere.

You will be the person who knows how the google map is being initialized (or your web developer). You will need to pass this informatino onto to Toolset developers.
I would like to help further, but I really can't, because my code is not rendering these maps.

Thanks,
Elliot
support@advancedcustomfields.com"

Regards
Mats

[Shane]

Hi Mats,

That is strange as the map was created using ACF.

The only thing we can do here is to do a page refresh to allow this to work since we dont know what the callback function is to re-initialize

Thanks,
Shane