maps to load in fieldset hidden with next button


when the page is loaded map loads fine. When you add it to a fieldset I believe the dom is changing and that’s why when u get to the fieldset with the map all u can see is a gray background. I believe I need to somehow bind $(‘body’).on (initMap) to make the map load on the body div instead of dom-ready.

function initMap() {
    window.alert('initMap fired');



<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHkuLjYNbP0A8UrsqKIUR3itSuyjcz9pc&libraries=places&callback=initMap&channel=GMPSB_addressselection_v1_cAB" async defer></script>

Can anyone help me out with that I know it has something to do with DOM

here is my example: https://jsfiddle.net/wodt2fnm/

Source: JavaSript – Stack Overflow

November 29, 2021
Category : News
Tags: DOM | google-maps | javascript

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.