Latest Contributions by ReneRubalcava

Usually this is related to babel and the browserlist settings noted here https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-create-react-app#misc But without a test repo, no way to tell.       ... View more

You can use the Home widget or save the initial extent and apply it on a button click if you want to DIY. https://developers.arcgis.com/javascript/latest/sample-code/widgets-home/ ... View more

// change this if (!view.graphics.length) { // check if layer where you clicked // with hitTest view.hitTest(evt).then(({results}) => { if (results.length) { view.graphics.removeAll(); view.graphics.add(graphic); } }); } // to this // check if layer where you clicked // with hitTest view.hitTest(evt).then(({results}) => { if (results.length) { view.graphics.removeAll(); view.graphics.add(graphic); } }); ... View more

Ok, I think you can simplify this rather try to grab the style like that. All Basemaps are published in LivingAtlas. https://livingatlas.arcgis.com/en/browse All Basemaps are published as WebMaps, but we have a Basemap class in the API you can use for it. https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html You can create the Basemap from the LivingAtlas item you found, then add your hillshade into the baseLayers. The add() method takes an index as the second argument. https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html#add Then you can get a map like this. https://codepen.io/pen?editors=0010 That might be easier so you don't need to manually load the style file, and create the VT layers. async function load() { const basemap = new Basemap({ portalItem: { id: "358ec1e175ea41c3bf5c68f0da11ae2b" } }); const hillshade = new TileLayer({ portalItem: { id: "1b243539f4514b6ba35e7d995890db1d" } }); await basemap.load(); basemap.baseLayers.forEach((layer) => { layer.effect = "opacity(80%) brightness(90%)"; }); basemap.baseLayers.add(hillshade, 0); const map = new ArcGISMap({ basemap }); const view = new MapView({ container: "viewDiv", map, center: [-118, 34], zoom: 4 }); } ... View more