Latest Contributions by ReneRubalcava

There's a goTo method on the map component. You can use a useRef to access the component and it's methods. ... View more

This isn't perfect, but does mostly work. https://codepen.io/odoe/pen/jENpyGy?editors=0010 let handle; view.on("pointer-down", (e) => { // right-click if (e.native.which === 3) { // drag handle = view.on( "pointer-move", debounce((event) => { const mp = view.toMap(event); view.goTo(mp); // mouse up from drag let handle2 = view.on("pointer-up", () => { handle.remove(); handle2.remove(); }); }) ); } }); ... View more

Yeah, any listeners you create with "on" you need to clean up. The "on" method returns an object with a "remove()" method you can use for that. https://developers.arcgis.com/javascript/latest/api-reference/esri-views-draw-DrawAction.html#on   ... View more

This is a useful blog post that is still relevant for adding things like buttons to your popup. https://www.esri.com/arcgis-blog/products/js-api-arcgis/mapping/using-html-with-popups-in-the-arcgis-api-for-javascript/   ... View more

There's some work being done on calcite and core side for css variables like this, so at some point will be able to get conventions down as intended. ... View more

You can try adjusting some of the calcite css variables. It takes a little inspection to see what variables are used where. But this works.   .esri-widget--button { --calcite-icon-color: white; background-color: red; } .esri-widget--button:hover { --calcite-icon-color: blue; --calcite-color-foreground-2: green; } https://codepen.io/odoe/pen/JoPGYBB?editors=1000 ... View more

You can use symbolUtils to help you out here. https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-support-symbolUtils.html const symbol = await getDisplayedSymbol(graphic); const previewElement = await renderPreviewHTML(symbol, options); ... View more

When you import the class and you type it like that, ptGraphicsLayer is of type constructor for Graphic, so it's like your telling TS it can do "new ptGraphicsLayer()". You can use a utility type to help you out here with InstanceType. import Polyline from "@arcgis/core/geometry/Polyline"; import type FeatureLayer from "@arcgis/core/layers/FeatureLayer"; import type GraphicsLayer from "@arcgis/core/layers/GraphicsLayer"; import type Layer from "@arcgis/core/layers/Layer"; import { Point } from "@esri/calcite-components/dist/types/components/graph/interfaces"; export function graphicsLayerFn(ptGraphicsLayer: InstanceType<typeof GraphicsLayer>) { ptGraphicsLayer.graphics.forEach((element: any) => { return element.id; // do something }); }   Now everything is much stricter and you need to update the code a bit. There is no public graphicsLayer.items.array property. You might see it in devtools, but it's not publicly typed or doc'd like that, so I updated the code to reflect those changes. Also anything you import that is only for types, you can add the "import type", it's really more for organization. TS should strip the import if it's unused or other bundlers will. But it will also give you a warning if you try to use it as anything other than a type, which can be useful. ... View more

You can download the documentation for previous releases here. https://developers.arcgis.com/javascript/latest/downloads/ ... View more

This is going to depend on how you are building your app. Here is some documentation showing the steps to set up the esriConfig portal url. https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-an-amd-application https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-an-esm-application If you are building your app from scratch with npm, I would recommend you set up the esriConfig portal url, and any auth needed before loading your components, so something like this. esriConfig.portalUrl = something; esriId.registerOAuthInfos([info]); import("@arcgis/map-components/dist/loader").then( ({ defineCustomElements }) => { defineCustomElements(); }, ); ... View more