2

我有一张在Esri Javascript API中构建的地图。

这张地图中有一层，显示加油站。

随着地图范围的变化，我对该图层运行 4 个单独的查询，以找出当前范围内的加油站总数，查询每个加油站供应商。

例如（Somehat 简化）

//Shell 
shellQuery.where = "brand = 'Shell"
//Execute Query, and report result to console
shellQueryTask.executeForCount(shellQuery , function(count){
console.log(count);}

//BP
same again.  Repeats for 4 queries.

每个查询的结果都是 dojo.deferred。

但是，由于它们是单独的查询（出于其他原因需要采用这种方式），它们都在稍微不同的时间返回结果。

最终目标 - 包括由这些查询更新的 Dojo 条形图，以根据供应商显示当前范围内的加油站细分。

作为 Javascript 新手，更不用说 Dojo，我正在摸索更新 dojo 图表的最佳方法。我看到的大多数 Esri 示例都是围绕显示一个查询的结果，并且通过每次创建一个新图表来实现。

我正在寻找一个最优雅的答案。

我目前认为我需要将 4 个查询的结果写入全局数据数组，然后调用单独的函数来更新 dojo 图表。只是有点担心确保在所有四个查询都返回结果之前我不会调用该函数。

4

1 回答 1

2

Dojo 的 deferreds 和 promises 非常适合这个！特别是dojo/promise/all模块（以前称为 DeferredList）。

既然你说你的executeForCount函数返回 Deferreds，你可以这样做：

shellQueryDeferred  = shellQueryTask.executeForCount(shellQuery);
texacoQueryDeferred = texacoQueryTask.executeForCount(texacoQuery);
....

// I assume you've required "dojo/promise/all" as "promiseAll" here:
promiseAll([shellQueryDeferred, texacoQueryDeferred, ...]).then(
    function(results) {
        // The "results" variable is an array with the results
        // from each query, after they've all completed.
    });

至于更新图表，我不完全确定最优雅的方式是什么。要记住的一件事是chart.addSeries("name", [1,2,4])可以用相同的名称反复调用，并且该系列的数据将简单地更新。之后你必须打电话chart.render()。

例如：

promiseAll([shellQueryDeferred, texacoQueryDeferred, ...]).then(
    function(results) {
        var chartNumbers = getNumbersForChartFromQueryResults(results);
        chart.addSeries("Petrol stations", chartNumbers);
        chart.render();
    });

我总是在回答时摆弄，所以也许它有一些帮助： http: //fiddle.jshell.net/froden/SZmkJ/

编辑：Dojo 1.7 变体：

就像 Juffy 所说，在 1.7 中，您必须使用dojo/DeferredList。它几乎就像搜索和替换一样简单，但有一些陷阱。首先，它必须像一个类一样实例化：

//promiseAll([shellQuery, texacoQuery, bobsPetrolAndBurgersQuery])
// I assume you've required "dojo/DeferredList" as "DeferredList" here:
new DeferredList([shellQuery, texacoQuery, bobsPetrolAndBurgersQuery])
    .then(function(data) { 
        ....

其次，data回调函数中的现在是一个数组数组，其中每个子数组中的第一项是成功/失败布尔值。因此，在将数据传递到图表之前，您可能需要稍微处理一下数据。（http://fiddle.jshell.net/froden/SZmkJ/1/）

于 2012-12-09T14:14:33.933 回答