Google Geo Charts 未通过 ajax 调用加载答案

【问题标题】：Google Geo Charts Not loading through ajax callsGoogle Geo Charts 未通过 ajax 调用加载
【发布时间】：2014-06-19 23:28:15
【问题描述】：

我正在尝试通过 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 不是构造函数

【问题讨论】：

你没有加载一个包。
我没有得到你@AntoJurković。 .比如如何让这段代码运行..

标签： javascript jquery ajax google-maps google-maps-api-3

【解决方案1】：

回复有点晚，但如果有用，这是您修改后的工作代码，

将其包含在您的脚本中

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

【讨论】：