arcgis featureLayer的替代方案?

时间:2014-12-15 20:34:48

标签: javascript angularjs layer arcgis esri

我有一个使用arcgis javascript API构建的应用程序。它使用要素图层来提取信息并允许在地图上进行不同的搜索,但是15个要素图层确实让我的客户端服务器陷入困境,所以我们正在寻找替代方案。我试图找到其他可以使用的东西,但不会破坏我的应用程序的功能,但我还没有找到解决方案。该应用程序目前具有以下搜索功能:

1)显示图层中的所有要素

2)显示可设置半径范围内的图层中的所有要素

3)显示用户当前位置的可设置半径内的所有要素(如果允许访问)

以上所有搜索选项都可以通过在图层上执行查询(使用queryFeatures())来显示其显示的功能,以仅显示具有categoryX和/或industryY的功能。

除了打开或关闭要素图层时它给服务器提供的点击之外,这一切都像一个魅力。

有没有办法在不依赖于要素图层的情况下完成所有这些?

编辑:这是我正在做的一个例子:http://developers.arcgis.com/javascript/sandbox/sandbox.html?sample=query_buffer

1 个答案:

答案 0 :(得分:1)

使用featurelayers可以直接在客户端上使用几何图形。在某些情况下,在客户端上具有几何图形是必需的(例如,如果您需要编辑功能),但在许多其他情况下,它不是更好的选择。

为了实现您的目标,您可以使用许多ArcGISDynamicMapServiceLayer并识别或查询任务以从服务器获取信息。

编辑:我修改了你发布的样本

      var map;
  require([
    "esri/map", "esri/layers/ArcGISDynamicMapServiceLayer",
    "esri/tasks/query", "esri/geometry/Circle",
    "esri/graphic", "esri/InfoTemplate", "esri/symbols/SimpleMarkerSymbol",
    "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol", "esri/renderers/SimpleRenderer",
    "esri/config", "esri/Color", "dojo/dom","esri/tasks/QueryTask", "dojo/domReady!"
  ], function(
    Map, ArcGISDynamicMapServiceLayer,
    Query, Circle,
    Graphic, InfoTemplate, SimpleMarkerSymbol,
    SimpleLineSymbol, SimpleFillSymbol, SimpleRenderer,
    esriConfig, Color, dom, QueryTask
  ) {

    esriConfig.defaults.io.proxyUrl = "/proxy/";

    map = new Map("mapDiv", { 
      basemap: "streets",
      center: [-95.249, 38.954],
      zoom: 14,
      slider: false
    });


    var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer");


    var queryTask = new QueryTask("http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/0");



    var circleSymb = new SimpleFillSymbol(
      SimpleFillSymbol.STYLE_NULL,
      new SimpleLineSymbol(
        SimpleLineSymbol.STYLE_SHORTDASHDOTDOT,
        new Color([105, 105, 105]),
        2
      ), new Color([255, 255, 0, 0.25])
    );
    var circle;

    var symbol = new SimpleMarkerSymbol(
            SimpleMarkerSymbol.STYLE_CIRCLE,
            12,
            new SimpleLineSymbol(
             SimpleLineSymbol.STYLE_NULL,
             new Color([247, 34, 101, 0.9]),
                 1
                ),
                new Color([207, 34, 171, 0.5])
    );

    //when the map is clicked create a buffer around the click point of the specified distance.
    map.on("click", function(evt){
      circle = new Circle({
        center: evt.mapPoint,
        geodesic: true,
        radius: 1,
        radiusUnit: "esriMiles"
      });
      map.graphics.clear();
      map.infoWindow.hide();
      var graphic = new Graphic(circle, circleSymb);
      map.graphics.add(graphic);

      var query = new Query();
      query.geometry = circle.getExtent();
      //use a fast bounding box query. will only go to the server if bounding box is outside of the visible map

      require([
        "esri/tasks/query"
      ], function (Query) {

          var query = new Query();
          query.spatialRelationship = Query.SPATIAL_REL_CONTAINS;
          query.geometry = circle;
          query.returnGeometry = true;
          queryTask.execute(query, function (fset1) {
              dojo.forEach(fset1.features, function (feature, i) {

                  console.log("feature", feature);
                  feature.setSymbol(symbol);

                  map.graphics.add(feature);

              });
          });
      });
    });

    function selectInBuffer(response){
      var feature;
      var features = response.features;
      var inBuffer = [];
      //filter out features that are not actually in buffer, since we got all points in the buffer's bounding box
      for (var i = 0; i < features.length; i++) {
        feature = features[i];
        if(circle.contains(feature.geometry)){
          inBuffer.push(feature.attributes[featureLayer.objectIdField]);
        }
      }
      var query = new Query();
      query.objectIds = inBuffer;
      //use a fast objectIds selection query (should not need to go to the server)
      featureLayer.selectFeatures(query, FeatureLayer.SELECTION_NEW, function(results){
        var totalPopulation = sumPopulation(results);
        var r = "";
        r = "<b>The total Census Block population within the buffer is <i>" + totalPopulation + "</i>.</b>";
        dom.byId("messages").innerHTML = r;
      });
    }

    function sumPopulation(features) {
      var popTotal = 0;
      for (var x = 0; x < features.length; x++) {
        popTotal = popTotal + features[x].attributes["POP2000"];
      }
      return popTotal;
    }
  });