Intermittent Broken Shortcode Maps

We are getting an error related to the maps displayed through shortcode. Sometimes the maps show but most of the time they don’t and we receive the following error:

TypeError: Cannot read properties of undefined (reading 'ROADMAP')
    at initialize (szbd-shortcode.min.js?ver=3.0.9:5:420)
    at szbd-shortcode.min.js?ver=3.0.9:2:209
    at Function.N (underscore.min.js?ver=1.13.4:2:9374)
    at HTMLDocument.<anonymous> (szbd-shortcode.min.js?ver=3.0.9:2:82)
    at e (jquery.min.js?ver=3.7.1:2:27028)
    at t (jquery.min.js?ver=3.7.1:2:27330)

If you can see the map, refresh the page a few times and you’ll get the error. I added console.log(google) just before the error and I can see ROADMAP in the object. if I replace

mapTypeId: google.maps.MapTypeId.ROADMAP

with

mapTypeId: 'roadmap'

the error changes to

TypeError: google.maps.Map is not a constructor
    at initialize (szbd-shortcode.min.js?ver=3.0.9:5:474)
    at szbd-shortcode.min.js?ver=3.0.9:2:209
    at Function.N (underscore.min.js?ver=1.13.4:2:9374)
    at HTMLDocument.<anonymous> (szbd-shortcode.min.js?ver=3.0.9:2:82)
    at e (jquery.min.js?ver=3.7.1:2:27028)
    at t (jquery.min.js?ver=3.7.1:2:27330)

I did update the plugins but I restored them all back to the previous versions and I can still see the error.

The map on the backend when editing the shipping zone always shows.

• This topic was modified 8 months ago by wiscwebs.

The page I need help with: [log in to see the link]