topic applyEdits on GeoJSON from fetch POST response (GeoJSON) in ArcGIS JavaScript Maps SDK Questions

applyEdits on GeoJSON from fetch POST response (GeoJSON)

JanHellenberg — Mon, 13 Dec 2021 16:58:23 GMT

Hi!

I have a GeoJSONlayer which I need to update occasionally with new features from a fetch-request, triggered by the user. Using version 4.19.

---------------

const response = await fetch(

'MyURL' +$.param(params_gj),

{

method: 'POST',

body: JSON.stringify(body),

headers: headers_gj,

})

const response_json = await response.json()

---------------

The fetch response is also a GeoJSON which I can make into a GEOJSONlayer with the following:

-------------

const blob = new Blob([JSON.stringify(response_json)], {type: 'application/json',})

const url = URL.createObjectURL(blob)

var MyNewGeoJSONlayer = new GeoJSONLayer({ url })

------------

However, I do not wish do make a new layer from the fetch response. I want to update my original GeoJSON layer with the features contained in the response. So I use applyEdits according to the following:

----------------

const promise = OriginalLayer.applyEdits({ addFeatures: response_json.features});

promise.then(console.log("Features added") )

----------------

However, this does not work and the javascript console gives no clues. To be honest, I am not sure whether to use response_json, response_json.features or some variation of my "blob". I tried a lot of variations but it seems that the geographic information is lost somehow.

I have a working workaround, which is to create the NewGeoJSONLayer (which I don't want), query all features from that layer (which seems unnecessary since I want all features in my response_json) and then do the applyEdits with featureSet.features.

So, how can I use my response_json with applyEdits on my original layer directly? Thanks in advance for any help!

Re: applyEdits on GeoJSON from fetch POST response (GeoJSON)

RobertScheitlin__GISP — Mon, 13 Dec 2021 17:08:42 GMT

@JanHellenberg

Have you seen the new enhancement to geojson layer in 4.22? I think this will do what you are looking for.

https://developers.arcgis.com/javascript/latest/release-notes/#layer-updates

Re: applyEdits on GeoJSON from fetch POST response (GeoJSON)

UndralBatsukh — Mon, 13 Dec 2021 22:46:55 GMT

@JanHellenberg , If you upgrade to 4.22, you will be able to do what you are asking with the use of GeoJSONLayer.customParameters and GeoJSONLayer.refresh.

The section @RobertScheitlin__GISP referenced in his answer explains the updates we installed at 4.22 for CSV and GeoJSONLayers. The following video explains what this means.
https://community.esri.com/t5/arcgis-api-for-javascript-blog/what-is-new-at-4-22-for-geojsonlayer-and-csvlayer/ba-p/1125082/jump-to/first-unread-message

This sample shows the updates in action.

Re: applyEdits on GeoJSON from fetch POST response (GeoJSON)

JanHellenberg — Sun, 19 Dec 2021 15:59:49 GMT

Thanks and sorry for late reply, I had major issues updating from 4.19 to 4.22.

I have two questions: first, does the 4.22 GeoJSONLayer support POST method, which is required by the server in my case? I assumed that only GET is supported?

Secondly and related, in my example above I have parameters, headers and body which I send together with my Fetch POST request. How is the syntax for providing all these in the GeoJSONLayer properties, if possible at all?

I do something like this:

---------------------

var layer = new GeoJSONLayer({

url: 'MyURL' + params

customParameters: {

body

// set rest of the properties

})

---------------------

...but don't know where to put my header information.