topic Re: Add feature layers with @arcgis/map-components-react in ArcGIS JavaScript Maps SDK Questions

Add feature layers with @arcgis/map-components-react

jvpelt — Mon, 02 Sep 2024 18:36:02 GMT

Hi,

I'm migrating our react application from @ArcGIS/core to @ArcGIS/map-components-react and got most of it working. But I can't seem to figure out how to add a feature layer using these new components. I used to invoke the map.add() function but I no longer have a reference to a map object and don't see a component which represents what I need.

Is there some documentation on the subject that I'm missing or someone can point me to.

Thanks, John

Re: Add feature layers with @arcgis/map-components-react

ReneRubalcava — Mon, 02 Sep 2024 20:20:51 GMT

The map and scene components have methods to add layers, addLayer and add layers.

https://developers.arcgis.com/javascript/latest/references/map-components/?path=/docs/component-reference-map--docs

So you can create a layer like you normally would and add it to the component.

Here's a sample adding a graphics layer and using sketch

https://codepen.io/odoe/pen/eYwzRER

Re: Add feature layers with @arcgis/map-components-react

jvpelt — Fri, 06 Sep 2024 16:04:03 GMT

Thanks @ReneRubalcava your refs pointed me in the right direction. For those wondering how to make it work with the @arcgis/map-components-react package this is what I came up with:

<ArcgisMap itemId={process.env.NX_ArcGISPortalItem} basemap="topo-vector" spatialReference={SpatialReference.WebMercator} zoom={buildZoom({centerLoc, zoom})} center={centerPoint} onArcgisViewReadyChange={event => setMapRef(event.target.map)} // This is the magic where we get a ref to the map which makes everything possible again :) onArcgisViewClick={onArcGISViewClick} >