Latest Contributions by ReneRubalcava

If you are using React 18, you need to use the map-components-react wrapper to get proper bindings. React 19+ supports native web components, but not 18. https://www.npmjs.com/package/@arcgis/map-components-react ... View more

Looking at this blog post, it looks like you would need to set it up in your organization. https://www.esri.com/arcgis-blog/products/arcgis-online/announcements/esri-vector-basemaps-for-united-states I haven't done this, but you might be able to go through each one and assign the region in Map Viewer. ... View more

For your basemap gallery question, you want to create a PortalBasemapSource. https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery-support-PortalBasemapsSource.html You can provide a query for basemaps to load. This sample shows it's use. https://developers.arcgis.com/javascript/latest/sample-code/basemaps-portal/ ... View more

You can accomplish this by leaving the item-id and basemap empty attributes on the arcgis-map component, then creating your own map/basemap as needed. https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/how-to-use-a-basemap-with-a-specific-world-view-in-your-web-app <arcgis-map> </arcgis-map> <script type="module"> const VectorTileLayer = await $arcgis.import("@arcgis/core/layers/VectorTileLayer.js"); const ArcGISMap = await $arcgis.import("@arcgis/core/Map.js"); const Basemap = await $arcgis.import("@arcgis/core/Basemap.js"); const mapElement = document.querySelector("arcgis-map"); // create a VectorTileLayer from a style URL const mapBaseLayer = new VectorTileLayer({ url: "https://basemapstyles-api.arcgis.com/arcgis/rest/services/styles/v2/styles/arcgis/topographic", // set the worldview as a custom parameter customParameters: { worldview: "unitedStatesOfAmerica" }, }); const basemap = new Basemap({ // set the VTL as the basemap layer baseLayers: [mapBaseLayer] }); mapElement.map = new ArcGISMap({ basemap }); </script> https://codepen.io/odoe/pen/dPPEvgY?editors=1000 ... View more

You can set this up via the SearchSource as the resultSymbol. https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LayerSearchSource.html#resultSymbol If it worked via the resultGraphic, it was in error as that is supposed to be readonly property in both the component and the widget. ... View more

Tough to tell, could you provide a basic repro on github? Not sure how the modal is created, is it a react portal or do you add/remove the map? A repro would really help to figure it out. ... View more

There is no way to remove the depreciation warning if that's what you're asking. You will need to eventually migrate to components, as widgets will go away in a future release.  ... View more

That arcgisViewReadyChange event will only fire after you provide a map, so you need to wait for the events of each one to finish and then use it.  Here is a demo https://codepen.io/odoe/pen/LEEmMoG?editors=1000 ... View more

You can listen to the "arcgisViewReadyChange" event of the map/scene components and when that event fires, you can create Widgets using the readonly `element.view` of the components. The `view` property provided for users migrating apps from widgets to components. https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/#arcgisViewReadyChange ... View more

By default, when you use item ids on the components, we can only support a single portal. However, if you need to support multiple portals in your app, you can omit the item-id attribute and assign the element.map property with your own webmap and portal url. This will allow you to work with maps from multiple portals. ... View more