Google Visualization API在服务器上部署时会出现错误“google undefined”，但在本地计算机上运行良好

Question

我正在使用Google Visualization API生成组织结构图。当我尝试使用IE 8.0或IE 9.0在本地计算机上运行代码时，它运行良好，但是当我在远程服务器上部署该代码时，该图表在IE 8.0上不可见。它适用于IE 9.0。

在IE 8.0上，我收到错误：'google'未定义。使用IE调试器时，此行显示错误：

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

整个脚本如下：

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">

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

    function drawChart() {
        var hdValue = document.getElementById("<%=hdData.ClientID%>").value;
        var response = $.parseJSON(hdValue);
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Employee');
        data.addColumn('string', 'Manager');
        for (var i = 0; i < response.length; i++) {
            var row = new Array();
            row[0] = response[i].Employee;
            row[1] = response[i].Manager;
            data.addRow(row);
        }
        var options = {
            title: 'My Office Hierarchy'
        };
        chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }
</script>
<script type="text/javascript">
    $(document).ready(drawChart);

</script>