Home Forums Front-end Issues ACF front-end form Google Maps + Regular Maps


ACF front-end form Google Maps + Regular Maps

  • Hi There,

    I’m running into a little issue. I’ve followed this FAQ-article:

    To try and make a Google Map displaying my posts as markers. This works if it’s stand alone, but on the same page you have a front-end submission form wich also contains a Google Maps fields.

    Because of that front-end form the maps api is loaded twice, and doesn’t work.
    And if i remove the script it says ‘google’ is not defined and only the little map in the frond-end field works.

    Any ideas how I can make it work with both maps on the same page?

    Thanks in advance

  • This reply has been marked as private.
  • Hi @len

    For the page with a front end form, could you please remove the Google Maps script inclusion? Then, instead of this code:

            // create map
            map = new_map( $(this) );

    Could you please use the following code instead?

    acf.add_action('load', function( $el ){
            // create map
            map = new_map( $(this) );

    This code will make sure that ACF’s assets are loaded first, including the Google Maps script inclusion by ACF. This page should give you more idea about it:

    I hope this helps 🙂

  • Hi James,

    Again to the rescue, you are a champ. Thanks!

  • Hi James,

    I have a similar issue, but I’m a bit unsure how to implement the fix.

    The first map works fine and shows locations.

    The google map in the form to submit new locations, however, does not work –

    I have tried removing the script – that removes the top google map but the map in the submission form still doesnot show.

    Any ideas?

    Thanks for your help


Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘ACF front-end form Google Maps + Regular Maps’ is closed to new replies.