Google Geo Charts 未通过 ajax 调用加载

Posted 2023-02-23

【中文标题】Google Geo Charts 未通过 ajax 调用加载

【英文标题】：Google Geo Charts Not loading through ajax calls

【发布时间】：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ć。 .比如如何让这段代码运行..

【参考方案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);