Meta Box

Issue for Map field output when page/content is loaded dynamically

Support › General › Issue for Map field output when page/content is loaded dynamicallyResolved

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 21, 2020 at 4:10 AM #17924
    ambrdigitalambrdigital
    Participant

    Hi there,

    On our Contact page we are using the map field to output a Google map with our business on it. This loads just fine. However, when the page is loaded through AJAX dynamically (specifically using barba.js), the map does not output.

    There are no console errors, but it looks like the google maps scripts aren't being loaded into the DOM.

    Do you have a solution for loading the map field when it is called dynamically via AJAX? Let me know. Thank you so much

    January 22, 2020 at 10:50 AM #17945
    Anh TranAnh Tran
    Keymaster

    Hi,

    Can you try calling this JS after the page is loaded via Ajax:

    $( document ).trigger( 'mb_ready' );

    January 23, 2020 at 2:25 AM #17964
    ambrdigitalambrdigital
    Participant

    Hi Ahn,

    Thanks for the reply. Unfortunately that didn't seem to trigger the map or load the relevant scripts 🙁 any other ideas?

    January 24, 2020 at 8:57 AM #17985
    Anh TranAnh Tran
    Keymaster

    I see. Maybe you need to manually enqueue the Google maps script on the page before running the snippet above. Something like this:

    add_action( 'wp_enqueue_scripts', function() {
    RWMB_Map_Field::admin_enqueue_scripts( ['api_key' => 'your key', 'language' => 'en'] );
} );
    February 5, 2020 at 4:35 AM #18129
    ambrdigitalambrdigital
    Participant

    Perfect, thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.