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; } } }

adding the fields from a feature set to a new layer

deleted-user-wcpelUUf_XXx

this is the sample I am working on https://codepen.io/segev-salman/pen/xxxjpaX?editors=1000

this demo finds a feature by input id creates a new layer with only that feature and zooms in on it.

i want to add a popup with the features details(i want them all but I am using 2 for the demo). when creating the feature set I am using outFields = ["*"] to get all the fields for use in the popup but I am failing on the part of inserting them into the layer and maybe to the popup graphic.

Find more posts tagged with

Accepted answers

UndralBatsukh

Hi there,

I have looked at your codepen. I updated a few things in your codepen to make your current workflow work. Mainly, you should not set outFields instead you have to set the fields property for the new FeatureLayer. See below:

layer <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>
 objectIdField<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"OBJECTID"</SPAN><SPAN class="punctuation token">,</SPAN> 
 source<SPAN class="punctuation token">:</SPAN> featureSet<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">,</SPAN>
 fields<SPAN class="punctuation token">:</SPAN> featureSet<SPAN class="punctuation token">.</SPAN>fields<SPAN class="punctuation token">,</SPAN>
 popupTemplate<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
   content<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"{name1} in {city} has {OBJECTID}"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
 renderer<SPAN class="punctuation token">:</SPAN> newRend
<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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Here is the updated codepen.

However, I am not sure why you are creating a new FeatureLayer every time users enter a new input. This can lead to sluggish and slow performing app. You should be able to set all of what you are setting on a new featurelayer on your pointservice featurelayer. When user enters an input, call queryFeatures, zoom to that feature all without have to create a new featurelayer everytime!

All comments

UndralBatsukh

Hi there,

Please do not use applyEdits. FeatureLayer.applyEdits() method is used to created, update or delete features in a FeatureLayer. You are physically changing features in your service. You can, query your features as you are doing, once the query results are returned you can simply zoom to the query result features by calling MapView.goTo passing the array of features, then display the popupTemplate by calling popup.open.

I also updated your app to use FeatureLayerView.queryFeatures method as this method queries the features on the client side without having to make a network trip to the server like FeatureLayer.queryFeatures does. However, this method will query features that are available on the client at the time of query. If you need to make sure that you are querying all features available in the service then use FeatureLayer.queryFeatures.

Here is the updated test app.

Hope this helps,

-Undral

deleted-user-wcpelUUf_XXx

thank you! the new layer was a bad call on my parts o Im trying to call queryFeatures and zoom on the pointservice without creating a new featurelayer.
I am not entirely sure how to do it, I transfered the popup to the pointservice featurelayer, and now trying to applyedits to .the layer

heres the edited pen if you can take a look : https://codepen.io/segev-salman/pen/povoyoQ?editors=1010

thank you again!

UndralBatsukh

Hi there,

layer <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>
 objectIdField<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"OBJECTID"</SPAN><SPAN class="punctuation token">,</SPAN> 
 source<SPAN class="punctuation token">:</SPAN> featureSet<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">,</SPAN>
 fields<SPAN class="punctuation token">:</SPAN> featureSet<SPAN class="punctuation token">.</SPAN>fields<SPAN class="punctuation token">,</SPAN>
 popupTemplate<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
   content<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"{name1} in {city} has {OBJECTID}"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
 renderer<SPAN class="punctuation token">:</SPAN> newRend
<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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Here is the updated codepen.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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