ウェブサイトで Google ジオチャートを使用しようとしています。しかし問題は、ジオチャートを描画するときに、「オブジェクト # にはメソッド 'each' がありません」というエラーが表示されることです。
ここで私が試しているコード:
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Germany', 200],
['United States', 300],
['Brazil', 400],
['Canada', 500],
['France', 600],
['RU', 700]
]);
var options = {};
var chart = new google.visualization.GeoChart(document.getElementById('chart_1'));
chart.draw(data, options);
};
</script>
<div id="chart_1">Chart should be here</div>
ページからprototype.jsを削除するとすべて正常に動作しますが、そのままにしておく必要があります。この競合を解決する方法について何か提案はありますか?