<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic [Issue] Filter featurelayer in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/issue-filter-featurelayer/m-p/564318#M52662</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Since monday I am trying to get a part of a featurelayer on the map where you can press a button to turn it on or off. Sadly I cant manage finding a solution also my friend that knows alot about javascript could not figure it out so I am here.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;BLOCKQUOTE class="jive_macro_quote jive-quote jive_text_macro"&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;    ready(&lt;SPAN style="color: #cc7832;"&gt;function &lt;/SPAN&gt;() {

        &lt;SPAN style="color: #808080;"&gt;// Parse DOM nodes decorated with the data-dojo-type attribute
&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;        &lt;/SPAN&gt;parser.&lt;SPAN style="color: #ffc66d;"&gt;parse&lt;/SPAN&gt;()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;// Specify the initial extent
&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;var &lt;/SPAN&gt;extentInitial = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Extent({
            &lt;SPAN style="color: #6a8759;"&gt;"xmin"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;1579648.2164843145&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"ymin"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4274917.731945126&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"xmax"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;1622327.2260456155&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"ymax"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4311416.913197627&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"spatialReference"&lt;/SPAN&gt;:{
                &lt;SPAN style="color: #6a8759;"&gt;"wkid"&lt;/SPAN&gt;:&lt;SPAN style="color: #6897bb;"&gt;102100&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"latestWkid"&lt;/SPAN&gt;:&lt;SPAN style="color: #6897bb;"&gt;3857&lt;/SPAN&gt;}
        })&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain &lt;/SPAN&gt;= &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Map(&lt;SPAN style="color: #6a8759;"&gt;"cpCenter"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;{
            &lt;SPAN style="color: #9876aa;"&gt;basemap &lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"satellite"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;extent &lt;/SPAN&gt;: extentInitial&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;popUp = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;PopupTemplate({
            &lt;SPAN style="color: #6a8759;"&gt;"title"&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"{name}"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"description" &lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"type : {category} &amp;lt;br&amp;gt; phone : {phone} &amp;lt;br&amp;gt; address : {address}"
&lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;featureLayer = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;FeatureLayer(&lt;SPAN style="color: #6a8759;"&gt;"http://10.10.0.65:6080/arcgis/rest/services/Geosys_test_noSec/Dev_test/FeatureServer/0"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;{
            &lt;SPAN style="color: #9876aa;"&gt;infoTemplate &lt;/SPAN&gt;: popUp&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;outFields&lt;/SPAN&gt;: [&lt;SPAN style="color: #6a8759;"&gt;"*"&lt;/SPAN&gt;]&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;query = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Query()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;query.&lt;SPAN style="color: #9876aa;"&gt;where &lt;/SPAN&gt;= &lt;SPAN style="color: #6a8759;"&gt;"category = 'barsWineBarPub'"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;query.&lt;SPAN style="color: #9876aa;"&gt;outFields &lt;/SPAN&gt;= [&lt;SPAN style="color: #6a8759;"&gt;"*"&lt;/SPAN&gt;]&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;query.&lt;SPAN style="color: #9876aa;"&gt;returnGeometry &lt;/SPAN&gt;= &lt;SPAN style="color: #cc7832;"&gt;true;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;categoryFeaturesQuery&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;featureLayer.queryIds(query&lt;SPAN style="color: #cc7832;"&gt;, function&lt;/SPAN&gt;(categoryIds) {
            &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(categoryIds)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;categoryFeaturesQuery = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Query()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;categoryFeaturesQuery.&lt;SPAN style="color: #9876aa;"&gt;outFields &lt;/SPAN&gt;= [&lt;SPAN style="color: #6a8759;"&gt;"*"&lt;/SPAN&gt;]&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;categoryFeaturesQuery.&lt;SPAN style="color: #9876aa;"&gt;objectIds&lt;/SPAN&gt;=  categoryIds&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;featureLayer.queryFeatures(categoryFeaturesQuery&lt;SPAN style="color: #cc7832;"&gt;, function&lt;/SPAN&gt;(categoryFeatureSet) {

                &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino &lt;/SPAN&gt;= featureLayer&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;filter &lt;/SPAN&gt;= {
                    &lt;SPAN style="color: #9876aa;"&gt;where&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"SELECT objectid IN (" &lt;/SPAN&gt;+ categoryIds + &lt;SPAN style="color: #6a8759;"&gt;")"
&lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;                &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain&lt;/SPAN&gt;.addLayers([&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino&lt;/SPAN&gt;])&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;test &lt;/SPAN&gt;= categoryFeatureSet.features&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;basemapGallery = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;BasemapGallery({

            &lt;SPAN style="color: #9876aa;"&gt;map &lt;/SPAN&gt;: &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain
&lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;        &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"basemapGallery"&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;basemapGallery.startup()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain&lt;/SPAN&gt;.on(&lt;SPAN style="color: #6a8759;"&gt;"layers-add-result"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;, function &lt;/SPAN&gt;() {
            &lt;SPAN style="color: #cc7832;"&gt;let &lt;/SPAN&gt;dijitLegend = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Legend({
                &lt;SPAN style="color: #9876aa;"&gt;map&lt;/SPAN&gt;: &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"divLegend"&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;dijitLegend.startup()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;document&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;getElementById&lt;/SPAN&gt;(&lt;SPAN style="color: #6a8759;"&gt;'buttonTest'&lt;/SPAN&gt;).&lt;SPAN style="color: #9876aa;"&gt;onclick &lt;/SPAN&gt;= &lt;SPAN style="color: #cc7832;"&gt;function&lt;/SPAN&gt;() {
                &lt;SPAN style="color: #808080;"&gt;// access properties using this keyword
&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;if &lt;/SPAN&gt;(&lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;checked&lt;/SPAN&gt;) {

                } &lt;SPAN style="color: #cc7832;"&gt;else &lt;/SPAN&gt;{

                }
            }&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;/PRE&gt;&lt;/BLOCKQUOTE&gt;&lt;P&gt;This is the code I´m Working on. I tried using a query to get the data from catagory BarsandWinePubs. I get the Objectid of them but I cant filter them so they are the only one seen on the map It still loads everything in like without filter. &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Is the filter not working? or is the query wrong? or am I doing it wrong completly?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;kind regards,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Jelle&lt;/P&gt;&lt;P&gt;Student&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sun, 12 Dec 2021 00:19:21 GMT</pubDate>
    <dc:creator>JelleToonen</dc:creator>
    <dc:date>2021-12-12T00:19:21Z</dc:date>
    <item>
      <title>[Issue] Filter featurelayer</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/issue-filter-featurelayer/m-p/564318#M52662</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Since monday I am trying to get a part of a featurelayer on the map where you can press a button to turn it on or off. Sadly I cant manage finding a solution also my friend that knows alot about javascript could not figure it out so I am here.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;BLOCKQUOTE class="jive_macro_quote jive-quote jive_text_macro"&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;    ready(&lt;SPAN style="color: #cc7832;"&gt;function &lt;/SPAN&gt;() {

        &lt;SPAN style="color: #808080;"&gt;// Parse DOM nodes decorated with the data-dojo-type attribute
&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;        &lt;/SPAN&gt;parser.&lt;SPAN style="color: #ffc66d;"&gt;parse&lt;/SPAN&gt;()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;// Specify the initial extent
&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;var &lt;/SPAN&gt;extentInitial = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Extent({
            &lt;SPAN style="color: #6a8759;"&gt;"xmin"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;1579648.2164843145&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"ymin"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4274917.731945126&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"xmax"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;1622327.2260456155&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"ymax"&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4311416.913197627&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"spatialReference"&lt;/SPAN&gt;:{
                &lt;SPAN style="color: #6a8759;"&gt;"wkid"&lt;/SPAN&gt;:&lt;SPAN style="color: #6897bb;"&gt;102100&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"latestWkid"&lt;/SPAN&gt;:&lt;SPAN style="color: #6897bb;"&gt;3857&lt;/SPAN&gt;}
        })&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain &lt;/SPAN&gt;= &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Map(&lt;SPAN style="color: #6a8759;"&gt;"cpCenter"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;{
            &lt;SPAN style="color: #9876aa;"&gt;basemap &lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"satellite"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;extent &lt;/SPAN&gt;: extentInitial&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;popUp = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;PopupTemplate({
            &lt;SPAN style="color: #6a8759;"&gt;"title"&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"{name}"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"description" &lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"type : {category} &amp;lt;br&amp;gt; phone : {phone} &amp;lt;br&amp;gt; address : {address}"
&lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;featureLayer = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;FeatureLayer(&lt;SPAN style="color: #6a8759;"&gt;"http://10.10.0.65:6080/arcgis/rest/services/Geosys_test_noSec/Dev_test/FeatureServer/0"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;{
            &lt;SPAN style="color: #9876aa;"&gt;infoTemplate &lt;/SPAN&gt;: popUp&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;outFields&lt;/SPAN&gt;: [&lt;SPAN style="color: #6a8759;"&gt;"*"&lt;/SPAN&gt;]&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;query = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Query()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;query.&lt;SPAN style="color: #9876aa;"&gt;where &lt;/SPAN&gt;= &lt;SPAN style="color: #6a8759;"&gt;"category = 'barsWineBarPub'"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;query.&lt;SPAN style="color: #9876aa;"&gt;outFields &lt;/SPAN&gt;= [&lt;SPAN style="color: #6a8759;"&gt;"*"&lt;/SPAN&gt;]&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;query.&lt;SPAN style="color: #9876aa;"&gt;returnGeometry &lt;/SPAN&gt;= &lt;SPAN style="color: #cc7832;"&gt;true;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;categoryFeaturesQuery&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;featureLayer.queryIds(query&lt;SPAN style="color: #cc7832;"&gt;, function&lt;/SPAN&gt;(categoryIds) {
            &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(categoryIds)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;categoryFeaturesQuery = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Query()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;categoryFeaturesQuery.&lt;SPAN style="color: #9876aa;"&gt;outFields &lt;/SPAN&gt;= [&lt;SPAN style="color: #6a8759;"&gt;"*"&lt;/SPAN&gt;]&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;categoryFeaturesQuery.&lt;SPAN style="color: #9876aa;"&gt;objectIds&lt;/SPAN&gt;=  categoryIds&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;featureLayer.queryFeatures(categoryFeaturesQuery&lt;SPAN style="color: #cc7832;"&gt;, function&lt;/SPAN&gt;(categoryFeatureSet) {

                &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino &lt;/SPAN&gt;= featureLayer&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;filter &lt;/SPAN&gt;= {
                    &lt;SPAN style="color: #9876aa;"&gt;where&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;"SELECT objectid IN (" &lt;/SPAN&gt;+ categoryIds + &lt;SPAN style="color: #6a8759;"&gt;")"
&lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;                &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain&lt;/SPAN&gt;.addLayers([&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino&lt;/SPAN&gt;])&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;test &lt;/SPAN&gt;= categoryFeatureSet.features&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;filterino&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        let &lt;/SPAN&gt;basemapGallery = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;BasemapGallery({

            &lt;SPAN style="color: #9876aa;"&gt;map &lt;/SPAN&gt;: &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain
&lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;        &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"basemapGallery"&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;basemapGallery.startup()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain&lt;/SPAN&gt;.on(&lt;SPAN style="color: #6a8759;"&gt;"layers-add-result"&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;, function &lt;/SPAN&gt;() {
            &lt;SPAN style="color: #cc7832;"&gt;let &lt;/SPAN&gt;dijitLegend = &lt;SPAN style="color: #cc7832;"&gt;new &lt;/SPAN&gt;Legend({
                &lt;SPAN style="color: #9876aa;"&gt;map&lt;/SPAN&gt;: &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;mapMain&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;&lt;SPAN style="color: #6a8759;"&gt;"divLegend"&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;dijitLegend.startup()&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;            &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;document&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;getElementById&lt;/SPAN&gt;(&lt;SPAN style="color: #6a8759;"&gt;'buttonTest'&lt;/SPAN&gt;).&lt;SPAN style="color: #9876aa;"&gt;onclick &lt;/SPAN&gt;= &lt;SPAN style="color: #cc7832;"&gt;function&lt;/SPAN&gt;() {
                &lt;SPAN style="color: #808080;"&gt;// access properties using this keyword
&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;                &lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;if &lt;/SPAN&gt;(&lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;checked&lt;/SPAN&gt;) {

                } &lt;SPAN style="color: #cc7832;"&gt;else &lt;/SPAN&gt;{

                }
            }&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;})&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;/PRE&gt;&lt;/BLOCKQUOTE&gt;&lt;P&gt;This is the code I´m Working on. I tried using a query to get the data from catagory BarsandWinePubs. I get the Objectid of them but I cant filter them so they are the only one seen on the map It still loads everything in like without filter. &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Is the filter not working? or is the query wrong? or am I doing it wrong completly?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;kind regards,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Jelle&lt;/P&gt;&lt;P&gt;Student&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sun, 12 Dec 2021 00:19:21 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/issue-filter-featurelayer/m-p/564318#M52662</guid>
      <dc:creator>JelleToonen</dc:creator>
      <dc:date>2021-12-12T00:19:21Z</dc:date>
    </item>
  </channel>
</rss>

