<?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 Re: Displaying all layers in ArcGIS feature service in Angular application in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/displaying-all-layers-in-arcgis-feature-service-in/m-p/1166824#M77090</link>
    <description>&lt;P&gt;You have two options&lt;/P&gt;&lt;P&gt;Layer.fromArcGISServerUrl&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromArcGISServerUrl" target="_blank" rel="noopener"&gt;https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromArcGISServerUrl&lt;/A&gt;&lt;/P&gt;&lt;P&gt;Or using Layer.fromPortalItem&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromPortalItem" target="_blank" rel="noopener"&gt;https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromPortalItem&lt;/A&gt;&lt;/P&gt;&lt;P&gt;The root on the service will give you the itemId&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ReneRubalcava_0-1650571863214.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/39587i531A115DFF5342DC/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ReneRubalcava_0-1650571863214.png" alt="ReneRubalcava_0-1650571863214.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I even did a video on this&lt;/P&gt;&lt;P&gt;&lt;div class="video-embed-center video-embed"&gt;&lt;iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F2S3wX7KQDpQ%3Fstart%3D1%26feature%3Doembed%26start%3D1&amp;amp;display_name=YouTube&amp;amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D2S3wX7KQDpQ&amp;amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F2S3wX7KQDpQ%2Fhqdefault.jpg&amp;amp;type=text%2Fhtml&amp;amp;schema=youtube" width="400" height="225" scrolling="no" title="Quick Tip: Load a Feature Service with ArcGIS API for JavaScript" frameborder="0" allow="autoplay; fullscreen; encrypted-media; picture-in-picture;" allowfullscreen="true"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/P&gt;</description>
    <pubDate>Thu, 21 Apr 2022 20:15:07 GMT</pubDate>
    <dc:creator>ReneRubalcava</dc:creator>
    <dc:date>2022-04-21T20:15:07Z</dc:date>
    <item>
      <title>Displaying all layers in ArcGIS feature service in Angular application</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/displaying-all-layers-in-arcgis-feature-service-in/m-p/1166731#M77088</link>
      <description>&lt;P&gt;As you can see in the below living atlas layer, there are multiple layers inside (state,county,tract etc..)&lt;/P&gt;&lt;P&gt;But when I add this link, it will display only the first layer.(State). Then, when I zoom in the map, that layer disappears.&lt;/P&gt;&lt;P&gt;I want to display all the 4 layers of that feature service.(state,county, tract, blockgroups)&lt;/P&gt;&lt;P&gt;How do I achieve this?&lt;/P&gt;&lt;P&gt;.ts&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;const genderLayer = new FeatureLayer({
url: "https://services2.arcgis.com/FiaPA4ga0iQKduv3/ArcGIS/rest/services/US_Census_Age_Gender/FeatureServer",
});
const layersToCreateMyPopupTemplate = [ageLayer,genderLayer];

const map = new Map({
basemap: 'topo-vector',
layers: layersToCreateMyPopupTemplate
});

const view = new MapView({
container,
map: map,
zoom: 3,
center: [-97.63, 38.34],
});&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;&lt;A href="https://deepmaterialru.com/" target="_self"&gt;.html&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;!-- Map Div --&amp;gt;
&amp;lt;div #mapViewNode&amp;gt;&amp;lt;/div&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 25 Apr 2022 13:46:51 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/displaying-all-layers-in-arcgis-feature-service-in/m-p/1166731#M77088</guid>
      <dc:creator>NaveedKarlous</dc:creator>
      <dc:date>2022-04-25T13:46:51Z</dc:date>
    </item>
    <item>
      <title>Re: Displaying all layers in ArcGIS feature service in Angular application</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/displaying-all-layers-in-arcgis-feature-service-in/m-p/1166824#M77090</link>
      <description>&lt;P&gt;You have two options&lt;/P&gt;&lt;P&gt;Layer.fromArcGISServerUrl&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromArcGISServerUrl" target="_blank" rel="noopener"&gt;https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromArcGISServerUrl&lt;/A&gt;&lt;/P&gt;&lt;P&gt;Or using Layer.fromPortalItem&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromPortalItem" target="_blank" rel="noopener"&gt;https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#fromPortalItem&lt;/A&gt;&lt;/P&gt;&lt;P&gt;The root on the service will give you the itemId&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ReneRubalcava_0-1650571863214.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/39587i531A115DFF5342DC/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ReneRubalcava_0-1650571863214.png" alt="ReneRubalcava_0-1650571863214.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I even did a video on this&lt;/P&gt;&lt;P&gt;&lt;div class="video-embed-center video-embed"&gt;&lt;iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F2S3wX7KQDpQ%3Fstart%3D1%26feature%3Doembed%26start%3D1&amp;amp;display_name=YouTube&amp;amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D2S3wX7KQDpQ&amp;amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F2S3wX7KQDpQ%2Fhqdefault.jpg&amp;amp;type=text%2Fhtml&amp;amp;schema=youtube" width="400" height="225" scrolling="no" title="Quick Tip: Load a Feature Service with ArcGIS API for JavaScript" frameborder="0" allow="autoplay; fullscreen; encrypted-media; picture-in-picture;" allowfullscreen="true"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/P&gt;</description>
      <pubDate>Thu, 21 Apr 2022 20:15:07 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/displaying-all-layers-in-arcgis-feature-service-in/m-p/1166824#M77090</guid>
      <dc:creator>ReneRubalcava</dc:creator>
      <dc:date>2022-04-21T20:15:07Z</dc:date>
    </item>
  </channel>
</rss>

