topic Re: Create a New FeatureLayer with new polylines creates from a Query in a point layer (jscript 3.24) in ArcGIS JavaScript Maps SDK Questions

Create a New FeatureLayer with new polylines creates from a Query in a point layer (jscript 3.24)

GeoGarage-vmbp- — Sun, 11 Jul 2021 12:44:00 GMT

Hello. I'm developing with JS 2D API 3.24 in WAB 2.8.

I'm trying to make a New FeatureLayer which is compound of polylines making from point geometries as result of a Query against a FeatureLayer in my server. This runs ok an if I create a GraphicsLayer and adds it to my map, I can see the graphics correctly.

The problem begins when I try to create a FeatureLayer with this geometries. I receive the next message in the javascript console (as info in blue (chrome) and not as error):

esri.layers.FeatureLayer: unable to find '[object Object],[object Object],[object Object]' field in the layer 'fields' information [url: ]

There are 3 '[object Object]' because I'm defining 3 fields in featureCollectionObject.fields. There is strikingly a reference to a "layer fields information".

This is the code for creating the featureLayer:

_crearLayerVectores: function(graficos){ var featureCollectionObject = { layerDefinition:{ geometryType: "esriGeometryPolyline", objectIdField:"OBJECTID", fields:[{ name: "OBJECTID", alias: "OBJECTID", type: "esriFieldTypeOID" },{ name: "FechaFrom", alias: "FechaFrom", type: "esriFieldTypeDate" },{ name: "FechaTo", alias: "FechaTo", type: "esriFieldTypeDate" }] }, featureset:{ features: [graficos], geometryType: "esriGeometryPolyline" } } var featureLayerOptions = { mode: FeatureLayer.MODE_SNAPSHOT, outFields:[featureCollectionObject.layerDefinition.fields] } var vectores = new FeatureLayer(featureCollectionObject, featureLayerOptions); vectores.title = this.nls.nombreCapaGenerada + this._campo + " = " + this._discriminador; var sLineSymbol = this._obtenerSimpleLineSymbol(); var renderer = new SimpleRenderer(sLineSymbol); vectores.setRenderer(renderer); this.map.addLayer(vectores); },

To improve understanding of code, the graphics are generated like this:

padre = this; . . . queryTask.execute(query, function(results){ for(i = 0; i < results.features.length - 1; i++){ var puntoFrom = results.features[i]; var puntoTo = results.features[i+1]; var geomPolyLine = new Polyline(capa.spatialReference); geomPolyLine.addPath([[puntoFrom.x, puntoFrom.y],[puntoTo.x, puntoTo.y]]); var atributos ={}; atributos["OBJECTID"] = i + 520; atributos["FechaFrom"] = puntoFrom.attributes[padre._campoFecha]; atributos["FechaTo"] = puntoTo.attributes[padre._campoFecha]; var graficoVector = new Graphic({ geometry:geomPolyLine, attributes: atributos }); graficosVectores.push(graficoVector); } padre._crearLayerVectores(graficosVectores); //padre._crearGraphicLayerVectores(graficosVectores); --> runs ok });

I have also tried this. It doesn't give any warning or error in the javascript console, but it doesn't draw anything.

Differences:

In featureCollection.featureSet.features set to [] (empty array) (line 5)

Graphics are entered with: featureLayer.applyEdits() (line 34)

Following this: Create a feature layer based on a feature collection example

_crearLayerVectores: function(graficos){ var featureCollection ={ "layerDefinition": null, "featureSet":{ "features": [], "geometryType": "esriGeometryPolyline" } }; featureCollection.layerDefinition = { "geometryType": "esriGeometryPolyline", "objectIdField":"OBJECTID", "fields":[{ "name": "OBJECTID", "alias": "OBJECTID", "type": "esriFieldTypeOID" },{ "name": "FechaFrom", "alias": "FechaFrom", "type": "esriFieldTypeInteger" },{ "name": "FechaTo", "alias": "FechaTo", "type": "esriFieldTypeInteger" }] }; var vectores = new FeatureLayer(featureCollection, { id: this.nls.nombreCapaGenerada + this._campo + " = " + this._discriminador }); vectores.title = this.nls.nombreCapaGenerada + this._campo + " = " + this._discriminador; var sLineSymbol = this._obtenerSimpleLineSymbol(); var renderer = new SimpleRenderer(sLineSymbol); vectores.setRenderer(renderer); this.map.addLayer(vectores); vectores.applyEdits(graficos, null, null); this.jimuButtonBorrarCapas.style.visibility = "visible"; },

I hope that someone will can help me.

Best regards.

Re: Create a New FeatureLayer with new polylines creates from a Query in a point layer (jscript 3.24)

BraulioCordova — Thu, 15 Jul 2021 16:10:25 GMT

I hope this can help you. It's with feature layer with grahics layer I found limitations

var trazorutapol=new FeatureLayer({

fields: [

{

alias: "ObjectID",

type: "oid"

{

alias: "ubigeo",

type: "string"

{

alias: "placa",

type: "string"

}

title: "Ruta de vehiculo",

objectIdField: "ObjectID",

geometryType: "polyline",

spatialReference: { wkid: 4326 },

renderer: {

type: "simple", // autocasts as new SimpleRenderer()

symbol: {

type: "simple-line", // autocasts as SimpleLineSymbol()

color: "#E47F19",

width: 3

}

});

.......

var featurepol = [];

for (var i = 0; i < data.length; i++)

{

featurepol.push(new Graphic({

geometry: {

type: "polyline", // autocasts as new Polyline()

paths: [

[data[i].longitud,data[i].latitud],

[data[i+1].longitud,data[i+1].latitud]

]

attributes: {

ubigeo: data[i].ubigeo,

imei: data[i].imei,

placa: data[i].placa

}

}));

trazorutapol.source = featurepol;

map.add(trazorutapol);

Re: Create a New FeatureLayer with new polylines creates from a Query in a point layer (jscript 3.24)

GeoGarage-vmbp- — Thu, 15 Jul 2021 19:57:13 GMT

Hello. First of all, thank you for your reply.

Whern you say:

It's with feature layer with grahics layer I found limitations

I don't sure if I'm understanding you: The code wich you have posted is functional for you with FeatureLayer but you have problems with GraphicsLayer?.

If is that correct, I can help you with GraphicLayer.

This is the way in which I make the GraphicsLayer: "graficos" is an array of esri/Graphic

_crearGraphicLayerVectores: function(graficos){ var vectoresGraphicsLayer = new GraphicsLayer(); vectoresGraphicsLayer.title = this.nls.nombreCapaGenerada + this._capasGeneradas.length; this.map.addLayer(vectoresGraphicsLayer); this._capasGeneradas.push(vectoresGraphicsLayer); for(i=0; i < graficos.length; i++){ var sLineSymbol = this._obtenerSimpleLineSymbol(); graficos[i].setSymbol(sLineSymbol); vectoresGraphicsLayer.add(graficos[i]); } var extent = GraphicsUtils.graphicsExtent(graficos); this.map.setExtent(extent.expand(1.20)); },