Greetings, I'm trying to use featureLayer.source to create a feature layer with JSON. I create my featureLayer with an empty source and renderer and then try to add JSON data to it later. For some reason I'm getting the error: "Source modifications will not propagate after layer has been loaded. Please use .applyEdits() instead" I create the featureLayer like so: let fl = new FeatureLayer ( { popupTemplate : layer . popupTemplate , fields : layer . fields , objectIdField : "FACILITYID" , id : layer . id , geometryType : "point" , source : [ ] } ) ; fl . minScale = layer . minScale ; console . log ( 'fl.id: ' + fl . id ) const arcade = ` IIf($feature.NUM >100, true, false)` var renderer = { type : "unique-value" , // autocasts as new UniqueValueRenderer() valueExpression : arcade , valueExpressionTitle : "Adoption Status" , uniqueValueInfos : [ { value : true , symbol : self . createSymbol ( "#00c3ff" ) , label : "adopted" } , { value : false , symbol : self . createSymbol ( "#ff002e" ) , label : "unadopted" } ] } ; mapView . map . add ( fl ) Later on I try to add data to the feature layer using the source.add method like so: let fl = self . state . mapView . map . findLayerById ( layer . id ) fl . source . add ( { "attributes" : { "FACILITYID" : "DP76415003" , "INSTALLDATE" : - 2208970800000 , "INLETTYPE" : "Pipe" , "ACCESSDIAM" : 0 , "adopted" : "false" } , "geometry" : { "type" : "point" , "x" : - 8769067.07037968 , "y" : 4271765.250156212 } } ) the fl.source.add method is what is giving me the error. Does anyone notice anythign that I'm doing wrong? Thanks, Tyler

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

FeatureLayer Source

Anonymous User

Greetings,

I'm trying to use featureLayer.source to create a feature layer with JSON. I create my featureLayer with an empty source and renderer and then try to add JSON data to it later. For some reason I'm getting the error:

"Source modifications will not propagate after layer has been loaded. Please use .applyEdits() instead"

I create the featureLayer like so:

  <SPAN class="keyword token">let</SPAN> fl <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
          popupTemplate<SPAN class="punctuation token">:</SPAN> layer<SPAN class="punctuation token">.</SPAN>popupTemplate<SPAN class="punctuation token">,</SPAN>
          fields<SPAN class="punctuation token">:</SPAN>layer<SPAN class="punctuation token">.</SPAN>fields<SPAN class="punctuation token">,</SPAN>
          objectIdField<SPAN class="punctuation token">:</SPAN><SPAN class="string token">"FACILITYID"</SPAN><SPAN class="punctuation token">,</SPAN>
          id<SPAN class="punctuation token">:</SPAN>layer<SPAN class="punctuation token">.</SPAN>id<SPAN class="punctuation token">,</SPAN>
          geometryType<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"point"</SPAN><SPAN class="punctuation token">,</SPAN>
          source<SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">]</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        fl<SPAN class="punctuation token">.</SPAN>minScale <SPAN class="operator token">=</SPAN> layer<SPAN class="punctuation token">.</SPAN>minScale<SPAN class="punctuation token">;</SPAN>
        console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'fl.id: '</SPAN> <SPAN class="operator token">+</SPAN> fl<SPAN class="punctuation token">.</SPAN>id<SPAN class="punctuation token">)</SPAN>
        <SPAN class="keyword token">const</SPAN> arcade <SPAN class="operator token">=</SPAN> <SPAN class="template-string token"><SPAN class="string token">` IIf($feature.NUM >100, true, false)`</SPAN></SPAN>
        <SPAN class="keyword token">var</SPAN> renderer <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"unique-value"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="comment token">// autocasts as new UniqueValueRenderer()</SPAN>
          valueExpression<SPAN class="punctuation token">:</SPAN> arcade<SPAN class="punctuation token">,</SPAN>
          valueExpressionTitle<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Adoption Status"</SPAN><SPAN class="punctuation token">,</SPAN>
          uniqueValueInfos<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
            <SPAN class="punctuation token">{</SPAN>
              value<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN>
              symbol<SPAN class="punctuation token">:</SPAN> self<SPAN class="punctuation token">.</SPAN><SPAN class="token function">createSymbol</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#00c3ff"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
              label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"adopted"</SPAN>
            <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> 
            <SPAN class="punctuation token">{</SPAN>
              value<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">,</SPAN>
              symbol<SPAN class="punctuation token">:</SPAN> self<SPAN class="punctuation token">.</SPAN><SPAN class="token function">createSymbol</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#ff002e"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
              label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"unadopted"</SPAN>
            <SPAN class="punctuation token">}</SPAN>
          <SPAN class="punctuation token">]</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
        
        mapView<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>fl<SPAN class="punctuation token">)</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Later on I try to add data to the feature layer using the source.add method like so:

<SPAN class="keyword token">let</SPAN> fl <SPAN class="operator token">=</SPAN> self<SPAN class="punctuation token">.</SPAN>state<SPAN class="punctuation token">.</SPAN>mapView<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">findLayerById</SPAN><SPAN class="punctuation token">(</SPAN>layer<SPAN class="punctuation token">.</SPAN>id<SPAN class="punctuation token">)</SPAN>
      
fl<SPAN class="punctuation token">.</SPAN>source<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN><SPAN class="string token">"attributes"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN><SPAN class="string token">"FACILITYID"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"DP76415003"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"INSTALLDATE"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">2208970800000</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"INLETTYPE"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"Pipe"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"ACCESSDIAM"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"adopted"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"false"</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"geometry"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN><SPAN class="string token">"type"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"point"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"x"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">8769067.07037968</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"y"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">4271765.250156212</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN>
      ‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

the fl.source.add method is what is giving me the error.

Does anyone notice anythign that I'm doing wrong?

Thanks, Tyler

Encontre mais publicações marcadas com

Accepted answers

RRubalcava

You can only add features via the source when you first create the client-side FeatureLayer. All subsequent updates need to happen via the applyEdits method just like you were editing the layer. There is a code snippet in the documentation. https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#applyEdits

All comments

Anonymous User

That was what I needed. Thank you for the info!

Tyler

UndralBatsukh

Hi there,

Rene answered already. Just adding this link for more information.

RRubalcava

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.