Latest Contributions by ReneRubalcava

You can try adding the stylesheet for the components. At the moment it only hides components that have not been loaded, but this might help with the flickering. <link rel="stylesheet" href="https://js.arcgis.com/map-components/4.32/arcgis-map-components.css" /> ... View more

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