I thought this would be very straight forward, but it has turned into an extremely challenging task. I am using the nearme widget to capture features from a polygon layer. The resulting feature attributes can then be used as a filter for an attribute query in a web form. I just need to capture the features, loop through that attributes and return an array of id's, one for each feature. Sounds simple enough, except that it can take up to 8 seconds for the results to populate, depending on the size of the buffer used. I am trying to set up a promise function to wait for the results, and then once captured I can loop through the array and return the ids. I can't seem to get this to work, I just undefined. I think the problem is that it is hard to determine exactly when the results have finished populating. This is what I have tried: _getResultsArray : function ( itemList ) { console . log ( "item list object " , itemList ) ; //is defined!! var wmaArray = null ; var def = new Deferred ( ) ; if ( itemList ) { wmaArray = itemList . _searchedFeatures [ 'Wildlife Management Areas' ] ; console . log ( "WMAs " , wmaArray ) ; def . resolve ( wmaArray ) ; } console . log ( "wma array " , def ) ; return def . promise ; } , //the above function is called in the _CreateBuffer() function this . _getResultsArray ( this . _itemListObject ) . then ( lang . hitch ( this , function ( wmaArray ) { console . log ( "WMAs " , wmaArray ) ; ///returns undefined. Is not waiting for result } ) ) ; I have also tried this without getting any result: this . own ( on ( this . _itemListObject , "load" , lang . hitch ( this , function ( ) { var wmaArray = itemList . _searchedFeatures [ 'Wildlife Management Areas' ] ; console . log ( "WMAs " , wmaArray ) ; //nothing gets logged } ) ) ) ; This only way I can get the results is by setting a timeout, but this is not a good solution. Even if I set it for 8 seconds, I can still get be undefined if there are a lot of returns! Additionally, if there are only a couple of results, that can be a big problem as well. setTimeout ( function ( ) { var wmaArray = itemList . _searchedFeatures [ 'Wildlife Management Areas' ] ; console . log ( "WMAs " , wmaArray ) ; } , 8000 ) ; //this returns an array of features, which is just what I need, but I need a better solution!! Can anyone see what is wrong with the first solution? Am I going about the the wrong way? Thanks for any advice.

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

how to capture results of 'nearme' widget query

FranklinAlexander

I thought this would be very straight forward, but it has turned into an extremely challenging task. I am using the nearme widget to capture features from a polygon layer. The resulting feature attributes can then be used as a filter for an attribute query in a web form. I just need to capture the features, loop through that attributes and return an array of id's, one for each feature. Sounds simple enough, except that it can take up to 8 seconds for the results to populate, depending on the size of the buffer used. I am trying to set up a promise function to wait for the results, and then once captured I can loop through the array and return the ids. I can't seem to get this to work, I just undefined. I think the problem is that it is hard to determine exactly when the results have finished populating. This is what I have tried:

_getResultsArray<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>itemList<SPAN class="punctuation token">)</SPAN> <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">"item list object "</SPAN><SPAN class="punctuation token">,</SPAN> itemList<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//is defined!!</SPAN>
        <SPAN class="keyword token">var</SPAN> wmaArray <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="keyword token">var</SPAN> def <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Deferred</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>itemList<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
            wmaArray <SPAN class="operator token">=</SPAN> itemList<SPAN class="punctuation token">.</SPAN>_searchedFeatures<SPAN class="punctuation token">[</SPAN><SPAN class="string token">'Wildlife Management Areas'</SPAN><SPAN class="punctuation token">]</SPAN><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">"WMAs "</SPAN><SPAN class="punctuation token">,</SPAN> wmaArray<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
            def<SPAN class="punctuation token">.</SPAN><SPAN class="token function">resolve</SPAN><SPAN class="punctuation token">(</SPAN>wmaArray<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <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">"wma array "</SPAN><SPAN class="punctuation token">,</SPAN> def<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="keyword token">return</SPAN> def<SPAN class="punctuation token">.</SPAN>promise<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>

<SPAN class="comment token">//the above function is called in the _CreateBuffer() function</SPAN>

<SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_getResultsArray</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>_itemListObject<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN>lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>wmaArray<SPAN class="punctuation token">)</SPAN><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">"WMAs "</SPAN><SPAN class="punctuation token">,</SPAN> wmaArray<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">///returns undefined. Is not waiting for result</SPAN>
<SPAN class="punctuation token">}</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>‍</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>

I have also tried this without getting any result:

<SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">own</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>_itemListObject<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"load"</SPAN><SPAN class="punctuation token">,</SPAN> lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    <SPAN class="keyword token">var</SPAN> wmaArray <SPAN class="operator token">=</SPAN> itemList<SPAN class="punctuation token">.</SPAN>_searchedFeatures<SPAN class="punctuation token">[</SPAN><SPAN class="string token">'Wildlife Management Areas'</SPAN><SPAN class="punctuation token">]</SPAN><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">"WMAs "</SPAN><SPAN class="punctuation token">,</SPAN> wmaArray<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//nothing gets logged</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>
<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

This only way I can get the results is by setting a timeout, but this is not a good solution. Even if I set it for 8 seconds, I can still get be undefined if there are a lot of returns! Additionally, if there are only a couple of results, that can be a big problem as well.

<SPAN class="token function">setTimeout</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    <SPAN class="keyword token">var</SPAN> wmaArray <SPAN class="operator token">=</SPAN> itemList<SPAN class="punctuation token">.</SPAN>_searchedFeatures<SPAN class="punctuation token">[</SPAN><SPAN class="string token">'Wildlife Management Areas'</SPAN><SPAN class="punctuation token">]</SPAN><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">"WMAs "</SPAN><SPAN class="punctuation token">,</SPAN> wmaArray<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">8000</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

<SPAN class="comment token">//this returns an array of features, which is just what I need, but I need a better solution!!‍‍‍‍‍‍‍‍‍‍‍‍</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Can anyone see what is wrong with the first solution? Am I going about the the wrong way?

Thanks for any advice.

Najděte více příspěvků označených jako

Accepted answers

FranklinAlexander

Thanks for the suggestions, but I never did get a promise to work no matter what I tried. I know I am leaving out something important, but for now promises are Greek to me. I did find a much simpler solution, however. I knew that there had to be an existing variable some place in one of the js files that already contained the features list, and once I found it (finally!), the rest was a piece of cake!! Sometimes I like to make a mountain out of a molehill.

In the item-list.js file:

<SPAN class="keyword token">var</SPAN> PHGA_array <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>

<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>featureSet<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">.</SPAN>length <SPAN class="operator token">></SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
      <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_showFilteredFeaturesOnLoad</SPAN><SPAN class="punctuation token">(</SPAN>featureSet<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>_selectedLayer<SPAN class="punctuation token">.</SPAN>id<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
       <SPAN class="comment token">//creates feature list</SPAN>
       <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_creatFeatureList</SPAN><SPAN class="punctuation token">(</SPAN>featureSet<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> 
        <SPAN class="keyword token">var</SPAN> wmaArray <SPAN class="operator token">=</SPAN> featureSet<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">;</SPAN>
        wmaArray<SPAN class="punctuation token">.</SPAN><SPAN class="token function">forEach</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>feature<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
              <SPAN class="keyword token">var</SPAN> id <SPAN class="operator token">=</SPAN> feature<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">.</SPAN>PHGA_ID<SPAN class="punctuation token">;</SPAN>
              PHGA_array<SPAN class="punctuation token">.</SPAN><SPAN class="token function">push</SPAN><SPAN class="punctuation token">(</SPAN>id<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>
         console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"PHGA Array "</SPAN><SPAN class="punctuation token">,</SPAN> PHGA_array<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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

RobertScheitlin__GISP

Franklin,

It sounds like the

itemList<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit; font-size: 14px;">.</SPAN>_searchedFeatures

is not populated before you attempt to use it. What does the function that populates itemList.searchedFeatures look like?

FranklinAlexander

Robert,

The _searchedFeatures are part of the _itemListObject. What is weird is that I can log out the _itemListObject and it appears that the _searchedFeatures and the "Wildlife Maganagement Areas" are there almost immediately. But when I try and get to the WMAs directly with the code:

<SPAN class="keyword token">var</SPAN> itemList <SPAN class="operator token">=</SPAN> _itemListObject<SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">var</SPAN> wmaArray <SPAN class="operator token">=</SPAN> itemList<SPAN class="punctuation token">.</SPAN>_searchedFeatures<SPAN class="punctuation token">[</SPAN><SPAN class="string token">'Wildlife Management Areas'</SPAN><SPAN class="punctuation token">]</SPAN><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">"WMAs "</SPAN><SPAN class="punctuation token">,</SPAN> wmaArray<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Here is what I am seeing in the console when I log out _itemsListObject:

Do I need to access the _searchedFeatures first before trying to access the "Wildlife Management Areas"? I didn't think it would make much difference. I guess I thought I could just try and go straight to the WMAs and wait for the result before executing and next function.

RobertScheitlin__GISP

Franklin,

You have made the mistake many JS developer have early on. Just because you can console log something does not mean that that something is ready when your code is attempting to access it. The thing is console is like an async process it will show your the details of something when they get set though they may have been null a cpu cycle earlier.

FranklinAlexander

Yes, I totally forgot! But I am still confused as to how to get js to wait until the results are ready. Should I be trying to use a promise.then(), or is there a better way? Honestly, I am still trying to wrap my head around promises, and I have never really been able to get one to actually work! They always seem to NOT wait.

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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