javascript - 层查询成功后立即显示信息窗口

Question

我有一个 Web 应用程序，用户可以在其中切换大约 160 层。其中大部分是要素层，但有些类型是 ArcGISDynamicMapServiceLayer .

我需要能够像使用 FeatureLayers 一样查询这些层:通过单击 map 上的任意点并显示信息窗口。

到目前为止，这是我的代码(为清楚起见删除了一些位):

executeQueryTask: function(evt, scope) {
    //"this" is the map object in this context, so we pass in the scope from the caller, 
    //which will enable us to call the layer and map object and all the other precious widget properties 
    scope.map.graphics.clear();
    scope.map.infoWindow.hide();
    //we create a new Circle and set its center at the mappoint. The radius will be 20 meters
    //default unit is meters. 
    var circle = new Circle({
        /*...*/
    });
    // draw the circle to the map:
    var circleGraphic = new Graphic(circle, /*...*/));

    scope.map.graphics.add(circleGraphic);

    var queryTask = new QueryTask(scope.layer.layer.url + "/" + scope.layer.layer.visibleLayers[0]);
    var query = new Query();
    query.returnGeometry = true;
    query.outFields = ["*"];
    query.geometry = circle.getExtent();
    var infoTemplate = new InfoTemplate().setTitle("");
    queryTask.execute(query, function(resultSet) {
        array.forEach(resultSet.features, function(feature) {
            var graphic = feature;
            graphic.setSymbol(/*...*/));
            //Set the infoTemplate.
            // graphic.setInfoTemplate(infoTemplate);
            //Add graphic to the map graphics layer.
            scope.map.infoWindow.setContent(graphic.attributes);
            scope.map.infoWindow.show(evt.mapPoint, scope.map.getInfoWindowAnchor(evt.screenPoint));
            scope.map.graphics.add(graphic);
        });
    });
},

关键点是插入queryTask.execute打回来。如果我取消注释并使用 graphic.setInfoTemplate(infoTemplate);结果是彩色的，第二次单击时会弹出一个信息窗口。这种方法有 2 个问题:

1. 需要点击 2 次
2. 我无法点击 PolyLines 和 Points 两次，所以这里没有弹出信息窗口。

这就是为什么我添加了一个圆圈以获得半径为 100 米的缓冲区的原因。现在我想立即返回一个信息窗口。此时，我正在努力成功创建一个立即显示的信息窗口。

当前行 scope.map.infoWindow.setContent(graphic.attributes);抛出错误 Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

如何创建该信息窗口？

Answer 1

我找到了一个合适的方法，它有改进的余地。但这是另一次迭代。

 //create a new FeatureLayer object
var featureLayer = new FeatureLayer(scope.layer.layer.url + "/" + scope.layer.layer.visibleLayers[0], {
    mode: FeatureLayer.MODE_SELECTION,
    infoTemplate: new InfoTemplate("Attributes", "${*}"),
    outFields: ["*"]
});
//we create a new Circle and set its center at the mappoint. The radius will be 20 meters
//default unit is meters. 
var circle = new Circle({/*...*/});

// draw the circle to the map:
var circleGraphic = new Graphic(circle, /*...*/));
scope.map.graphics.add(circleGraphic);

var lQuery = new Query();
lQuery.returnGeometry = true;
lQuery.geometry = circle.getExtent();
featureLayer.queryFeatures(lQuery, function(results) {
    array.forEach(results.features, function(feature) {
        var graphic = feature;
        graphic.setSymbol(/*...*/));

        //now that we have the feature, we need to select it
        var selectionQuery = new Query();
        selectionQuery.geometry = feature.geometry;
        featureLayer.selectFeatures(selectionQuery, FeatureLayer.SELECTION_NEW)
            .then(function(selectedFeatures) {
                console.info("selection complete", selectedFeatures);
                if (!selectedFeatures.length) {
                    return;
                }
                scope.map.infoWindow.setFeatures(selectedFeatures);
                scope.map.infoWindow.show(evt.mapPoint, "upperright");
            });
    });
});

这里的变化是，我们不再使用 QueryTask，而是在选择模式下使用可见层的 url 和 id 创建一个新的 FeatureLayer 对象。

第二个值得注意的变化是，我们不再设置信息窗口的内容，而是使用 infoWindow.setFeatures(selectedFeatures) 设置选定的功能。设置信息窗口的内容，但不选择功能，会隐藏信息窗口的操作列表，这会阻碍您缩放到对象或执行其他自定义操作。此外，这使您(或我)能够在信息窗口中查看多个结果，而不仅仅是一个。