Google maps with fancybox3 - is it possible?

I have a list of about 100 distributors for car parts, and each distributor has an address which I was hoping I could trigger a google map within the jQuery fancybox3, but when I click and the fancybox opens, I get a message of:

'The requested content cannot be loaded. Please try again later.'

Is there something stopping google maps from loading in a fancybox / shadowbox effect?

I have used the same database table in a different recordset to display all distributors on a single map elsewhere which is working fine, so I know my info for the addresses works OK.

I've attached the page to see if you can see anything that might prevent it.

Thanks.