Google Geo Charts、JavaScript、jquery、ajax、google-maps、google-maps-api-3のようなタッグajax呼び出しを読み込まない

こんにちは友人私はロードしようとしています htmlページ を通して アヤックスコール また、htmlページには次のコードが含まれています。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
function draw() {
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_div"));

chart.draw(data, options);
};

$(document).ready(function(){
setTimeout(function(){
google.load("visualization", "1",{"callback" : draw});
}, 1000);
});

</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>

html

プロットしようとするたびに、次のエラーが表示されます。

TypeError：google.visualization.GeoChartはコンストラクターではありません

この問題を解決するのを手伝ってください：

回答：

返信に少し遅れましたが、役に立つ場合は、修正した作業コードを以下に示します。

これをスクリプトに含めます

    <script type="text/javascript" src="https://www.google.com/jsapi"></script>



function draw() {
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_div"));

chart.draw(data, options);
}
;

google.load("visualization", "1", {packages: ["corechart", "table"]});

google.setOnLoadCallback(draw);