Reply
Blaenzo
Advocate I
Advocate I

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

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

1 REPLY 1
Pujan789556
Frequent Visitor

@Blaenzo Did you get the answer?

avatar user

Helpful resources

Announcements
March PBI video - carousel

Power BI Monthly Update - March 2025

Check out the March 2025 Power BI update to learn about new features.

March2025 Carousel

Fabric Community Update - March 2025

Find out what's new and trending in the Fabric community.

Top Solution Authors (Last Month)
Top Kudoed Authors (Last Month)