Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

The Power BI DataViz World Championships are on! With four chances to enter, you could win a spot in the LIVE Grand Finale in Las Vegas. Show off your skills.

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?

Helpful resources

Announcements
Feb2025 Sticker Challenge

Join our Community Sticker Challenge 2025

If you love stickers, then you will definitely want to check out our Community Sticker Challenge!

Jan NL Carousel

Fabric Community Update - January 2025

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