阻止具有访问跨源帧的原点的帧

Question

我的显示屏分为两部分：上半部分，70％，是通过

加载API的Google地图

<script src="https://maps.googleapis.com/maps/api/jskey=API_KEY&callback=initMap" async defer></script>

在底部我希望有一个图表，我必须加载

<script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
 google.charts.load('current', {packages: ['corechart']});
 google.charts.setOnLoadCallback(drawChart);

但是，我有一个错误：

  

阻止原始帧访问跨源帧

我的Google地图脚本效果非常好，然后我决定添加一个图表。

我安装了XAMPP，并在localhost上测试我的代码。

我的问题是：

1. 是否可以以这种方式加载库，或者我是否必须更改 我的地图＆＃39;参与＆＃39;可视化＆＃39;库中？
2. 上述错误是否来自于从不同位置加载API？
3. 如何将Google Maps API和Geometry的复杂程度与图表相结合？