Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.
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
Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City
Check out the April 2024 Power BI update to learn about new features.
User | Count |
---|---|
12 | |
2 | |
2 | |
1 | |
1 |
User | Count |
---|---|
20 | |
3 | |
2 | |
2 | |
2 |