topic Re: FeatureLayer from FeatureCollection in ArcGIS JavaScript Maps SDK Questions

FeatureLayer from FeatureCollection

GregKnight — Mon, 21 Sep 2015 13:02:04 GMT

I am trying to create a polygon feature layer from a feature collection. I have modified the Flickr sample to use polygon geometries, rather than point geometries. The features are not getting added to the layer properly. I have put together a JSFiddle here that illustrates the problem.

JSFiddle

I have commented out line 137 where I add the features to the layer, as this results in the map turning white. While the API doesn't display any errors in the console, I don't get the results on the map either. What am I missing?

Re: FeatureLayer from FeatureCollection

RobertScheitlin__GISP — Mon, 21 Sep 2015 14:08:33 GMT

Greg,

When you define the buildingFeatures graphic object you do not define the spatialReference of the geometry and the object still needs to be converted/cast to a graphic object.

Re: FeatureLayer from FeatureCollection

RobertScheitlin__GISP — Mon, 21 Sep 2015 14:41:00 GMT

Greg,

OK,

Here is a fiddle that is working.

Re: FeatureLayer from FeatureCollection

GregKnight — Mon, 21 Sep 2015 15:06:28 GMT

Thank you Robert. That did the trick.

Re: FeatureLayer from FeatureCollection

LefterisKoumis — Tue, 15 Dec 2015 00:23:13 GMT

Robert, I cannot access the fiddle you posted. It just gives me a blank screen in fiddle. Can you check or post the solution? Thanks.

Re: FeatureLayer from FeatureCollection

RobertScheitlin__GISP — Tue, 15 Dec 2015 00:29:41 GMT

Lefteris,

See if this one works for you

Edit fiddle - JSFiddle

Re: FeatureLayer from FeatureCollection

LefterisKoumis — Tue, 15 Dec 2015 00:37:00 GMT

Unfortunately, no. I tried in Chrome, IE and Firefox. Chorme and IE is completely blank. In firefox it just gives me the top and left menu but the content is blank as well.

Re: FeatureLayer from FeatureCollection

RobertScheitlin__GISP — Sat, 11 Dec 2021 20:59:59 GMT

Lefteris,

Not sure why is is not working for you but here is the code:

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <!--The viewport meta tag is used to improve the presentation and behavior of the samples
      on iOS devices-->
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <title>Identify with Popup</title>
  <link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css" />
  <style> html, body, #map {
      height:100%;
      width:100%;
      margin:0;
      padding:0;
    }
    .esriScalebar {
      padding: 20px 20px;
    }
    #map {
      padding:0;
    }
  </style>

  <script src="http://js.arcgis.com/3.14/"></script>
  <script>
    var buildingFeatures = [
      {
      "geometry": {
        "rings": [
            [
              [-7934268.5205879416, 5239938.2059039511],
              [-7934272.5229558591, 5239933.8636669926],
              [-7934296.1346804313, 5239908.1790492274],
              [-7934333.0325830523, 5239942.0546528958],
              [-7934299.2766397167, 5239978.7181594633],
              [-7934262.3488515429, 5239945.0184453987],
              [-7934268.5205879416, 5239938.2059039511]
            ]
        ],
        "spatialReference":{"wkid":102100}
      },
      "attributes": {
        "bl_id": "B-US-MA-1002",
        "name": "LIBRARY",
        "use1": "ACADEMIC"
      }
    }];

    var map;
    require([
        "esri/map",
        "esri/graphic",
        "esri/layers/FeatureLayer",
        "esri/geometry/Extent",
        "dojo/on",
        "dojo/_base/array",
        "dojo/domReady!"
        ],
      function (
        Map,
        Graphic,
        FeatureLayer,
        Extent,
        on,
        array
      ) {

        var featureLayer;

        var mapExtent = new Extent({
          "xmin": -7934548,
          "ymin": 5239708,
          "xmax": -7933850,
          "ymax": 5240063,
          "spatialReference": {
            "wkid": 102100
          }
        });

        map = new Map("map", {
          basemap: "satellite",
          extent: mapExtent
        });

        //create a feature collection for the buildings
        var featureCollection = {
          "layerDefinition": null,
          "featureSet": {
            "features": [],
            "geometryType": "esriGeometryPolygon"
          }
        };

        featureCollection.layerDefinition = {
          "geometryType": "esriGeometryPolygon",
          "objectIdField": "ObjectID",
          "drawingInfo": {
            "renderer": {
              "type": "simple",
              "symbol": {
                "type": "esriSFS",
                "style": "esriSFSSolid",
                "color": [
                        31,
                        121,
                        180,
                        255],
                "outline": {
                  "type": "esriSLS",
                  "style": "esriSLSSolid",
                  "color": [
                            110,
                            110,
                            110,
                            255],
                  "width": 0.4
                }
              }
            }
          },
          "fields": [{
            "name": "ObjectID",
            "alias": "ObjectID",
            "type": "esriFieldTypeOID"
          }, {
            "name": "bl_id",
            "type": "esriFieldTypeString",
            "alias": "BL_ID",
            "domain": null,
            "editable": true,
            "nullable": true,
            "length": 12
          }, {
            "name": "name",
            "type": "esriFieldTypeString",
            "alias": "name",
            "domain": null,
            "editable": true,
            "nullable": true,
            "length": 25
          }, {
            "name": "use1",
            "type": "esriFieldTypeString",
            "alias": "use1",
            "domain": null,
            "editable": true,
            "nullable": true,
            "length": 32
          }]
        };

        //create a feature layer based on the feature collection
        featureLayer = new FeatureLayer(featureCollection, {
          id: 'buildingFeatures'
        });

        map.on("layers-add-result", function (results) {
          addBuildingFeatures();
        });

        //add the building feature layer
        map.addLayers([featureLayer]);

        function addBuildingFeatures() {
          var features = array.map(buildingFeatures, function(feature){
            return new Graphic(feature);
          });
          featureLayer.applyEdits(features, null, null);
        }
      });
  </script>
</head>

<body>
  <div id="map"></div>
</body>

</html>

Re: FeatureLayer from FeatureCollection

LefterisKoumis — Tue, 15 Dec 2015 00:58:26 GMT

Thank you.

Re: FeatureLayer from FeatureCollection

LefterisKoumis — Tue, 15 Dec 2015 01:08:39 GMT

A question for featurecollection. If I want to use the layer definition of an existing feature layer that is on the map (same geometry, fields...) to define a new feature layer with a different featureSet, can I define the feature collection like:

featureCollection =

layerDefinition: <existing layer definition>

featureSet: <new>

Thank you.

Re: FeatureLayer from FeatureCollection

RobertScheitlin__GISP — Tue, 15 Dec 2015 01:23:17 GMT

Lefteris,

Sure that is what I do in the eSearch.

Re: FeatureLayer from FeatureCollection

LefterisKoumis — Tue, 15 Dec 2015 21:54:15 GMT

Yes, but the layerdefinition is esearch is derived from the configuration file. In my case, there is no config file. I'm trying to dynamically develop the layerdefintion from the json similar to the process posted at:

Request layer info | ArcGIS API for JavaScript

but so far I seem to be missing something...

Re: FeatureLayer from FeatureCollection

RobertScheitlin__GISP — Tue, 15 Dec 2015 21:57:30 GMT

Lefteris,

No ,the layerdefinition is derived from the ArcGIS server layer layer info using a esriRequest based on the URL that is in the configuration file.

Re: FeatureLayer from FeatureCollection

LefterisKoumis — Wed, 16 Dec 2015 00:15:17 GMT

oops. I was looking at the getOutputfileds function instead of the _getLayerInfoWithRelationships function.