Google Geo Charts Não carrega as chamadas do ajax - javascript, jquery, ajax, google-maps, google-maps-api-3

Oi amigos estou tentando carregar um página html através chamada de ajax e a página html contém o seguinte código.

<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>

O html

Toda vez que tento traçar estou recebendo o seguinte erro:

TypeError: google.visualization.GeoChart não é um construtor

Por favor me ajude a resolver este problema:

Respostas:

Pouco tarde para responder, mas se for útil, aqui está o seu código de trabalho modificado,

Inclua isso no seu script

    <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);