Cannot load google Map

@wayne_min – This is because your map has no defined height & width. So google JS tries to guess the size by looking at the parent (the popup container). But the popup container depends on the content for size. Thus its height is 0 until your content makes it taller. So google renders the map at 0.

The second issue is often that the code used to initiate the maps doesn’t account for the fact that the popup is hidden. Hidden content generally has height of 0 as well.

Defining a specific height and width for either the popup of the map itself should help.

Thanks for your reply. I tried to define the map width & height, popup width & height but seem can’t fix the problem, but the map shows up once I resize the browser, That is strange but yes it is something to do with the width & height. I will keep trying…

@wayne_min – We see similar issues with Slider plugins that rely on the containers size as well.

You could try using the Custom size option for your popup.

Hope that helps.

Thanks for your reply, Unfortunately the google map still not working in popup after tried several methods.

I heard there have something to do with
google.maps.event.addListenerOnce(map, ‘idle’, function() {
google.maps.event.trigger(map, ‘resize’);
map.setCenter(center);
});

but just can’t get it work… T_T

@wayne_min – Stick with it, is the map plugin author not providing any insight into it? I understand the issue but am not at all familiar with their code or the google map API enough to be of use without investing a ton of time learning.

Not saying I can’t help, just saying I may not be the most suitable person to find this particular fix quickly.

Hi Danieliser,

Thanks for your reply and really appreciate it. I am using Divi theme build in map functions, but I believe this is matter about google map API, which i also not familiar with.

So I have to test out other google map lightbox plugin. however, I still think popup Maker is the best popup plugins I come across and I will use it for other need.

Thanks
Wayne