Blocked a frame with origin "null" from accessing a cross-origin frame.

[Blaenzo]

Hi,

I used the exact code from this topic:

        d3.select(options.element).append('script')
        .attr({
            type: 'text/javascript',
            src: 'https://maps.googleapis.com/maps/api/js?key=API-KEY&libraries=visualization,drawing&callback=initMap',
            async: true
        })
        .on('load', () => {
            thisRef.initMap();
        });

While everything is working fine, I see the following two errors popping up on each initial page load:

Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
    at Object._.S.addDomListener (https://maps.googleapis.com/maps/api/js?key=API-KEY&libraries=visualization,drawing&callback=initMap:168:56)
    at HTMLIFrameElement.<anonymous> (https://maps.googleapis.com/maps-api-v3/api/js/37/8a/map.js:95:28)

and

Uncaught (in promise) Vc {message: "initMap is not a function", name: "InvalidValueError", stack: "Error↵    at new Vc (https://maps.googleapis.com/m…ies=visualization,drawing&callback=initMap:129:96"}

Should I use a different way to reference the script?

Why is the origin 'null'?

Thanks,

Martijn

[Pujan789556]

@Blaenzo Did you get the answer?