0

通过使用可视化 API,我能够获得秘鲁的本地地图(按省),并在本地开发我们的应用程序时使其正常工作。

用于显示地图的代码如下:

function cargarMapa(departamento)
{
    var data = google.visualization.arrayToDataTable([
        ['City'],
        [departamento]
    ]);

    var options = {
        region: 'PE',
        displayMode: 'regions',
        resolution: 'provinces',
        colorAxis: { colors: ['green'] },
        width: 465,
        height: 225
    };

    var geochart = new google.visualization.GeoChart(
        document.getElementById('geochart_div'));
    geochart.draw(data, options);
}

在我的电脑上工作时,它就像一个魅力:

例子: 在本地环境中工作的 Geochart

每当我运行应用程序(我使用 Visual Studio 2012 和 IIS 8)以及在我的笔记本电脑上部署它时(仅供参考,我在我的大学网络中这样做),它都可以工作。但是,当我在我大学的本地服务器(IIS 7.5)中部署它时,我收到以下错误:

仅供参考,我使用可视化 API 中的其他图表,它们可以完美加载

代码完全一样,那么问题可能是什么?

提前致谢!

4

1 回答 1

2

您遇到的问题是这一行:

google.setOnLoadCallback(cargarMapa(departamento));

当您(<arguments>)在函数名称后包含时,您正在调用该函数,该函数立即执行并返回一些值(null在 的情况下cargarMapa)。 google.setOnLoadCallback(null);不做任何事情,并且cargarMapa在 API 加载完成之前调用会导致问题,其中之一是您的地图尚未加载。

要解决此问题,请创建一个调用的新函数cargarMapa(departamento);

function init () {
    cargarMapa(departamento);
}

并将其设置为回调:

google.setOnLoadCallback(init);

请注意,后面没有括号 ( ()) init- 这会将函数init作为参数传递给回调处理程序,就像变量一样(从技术上讲,在 javascript 中,函数和变量是相同的——它们都是对象)。

于 2013-11-13T22:48:16.807 回答