Latest Contributions by ReneRubalcava

‎10-03-2023

No known issues. If you have a codepen or other reproducible sample, might be able to tell. Could be a css conflict or build issue, can't tell otherwise.

‎09-30-2023

view.toMap supports native mouse events. All it needs are screen x and y coordinates. That's all that a ScreenPoint is. https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#ScreenPoint Here is a demo: https://codepen.io/odoe/pen/wvRxezP?editors=0010 elem.addEventListener("click", (event) => { const pt = view.toMap(event); view.graphics.add({ geometry: pt, attributes: { name: "My Point" }, popupTemplate: { title: "{name}", content: "This is my mouse event" } }); });

‎09-26-2023

Tough to tell from snippets. Try to compare against samples in here, there is a webpack sample too https://github.com/Esri/jsapi-resources/tree/main/esm-samples

‎09-26-2023

Search can't be added by string, I think it's just "zoom", and "attribution"

‎09-26-2023

You can watch for changes to the widthBreakpoint or heightBreakpoint of the View. https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#widthBreakpoint https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#heightBreakpoint Then you can add/remove widgets as needed. watch( () => view.widthBreakpoint, (breakpoint) => { switch (breakpoint) { case "xsmall": case "small": view.ui.remove("zoom"); break; default: if (!view.ui.find("zoom")) { view.ui.add("zoom", "top-left"); } } } ); Here's a demo: https://codepen.io/odoe/pen/OJrZVVW?editors=0011

‎08-30-2023

I just noticed you're using the "esri/" paths, so you must be using the AMD CDN. In that case, I don't think you can use the 'extends', you need to use createSubclass. The snippets here provide a dropdown to switch between TS and JS, and you can see what I mean. https://developers.arcgis.com/javascript/latest/implementing-accessor/ I haven't built custom widgets in this pattern, so not entirely sure, but that might be the way to go. I did update my ESM widget sample with your code and it does work, so I think it's the createSubclass you need. https://github.com/odoe/jsapi-ts-esm-widget/blob/main/src/test-widget.tsx

‎08-30-2023

It might be your tsconfig settings too. This project works, see if it can help you out. https://github.com/odoe/jsapi-ts-esm-widget

‎08-30-2023

We no longer recommend you extend the Widget class or build custom widgets with the Widget base. It's recommended you use your preferred framework to build your components as shown here. https://github.com/Esri/jsapi-resources/tree/main/esm-samples/jsapi-custom-ui If you however, need to maintain a current widget, you need to use the subclass decorator to make reactivity work as show here.

‎08-25-2023

The issue is you are trying to use a simple-fill renderer (for polygons) on polyline features. You can change it to simple-line and it will work as expected. https://codepen.io/odoe/pen/gOZaXGx?editors=1000 renderer: { type: 'simple', symbol: { type: 'simple-line', color: [179, 5, 5], style: "solid", width: 2, } }

‎08-21-2023

Could you post a github repo or stackblitz showing this issue? Looks like it's related to zonejs and Angular, so need more context.

‎08-16-2023

There are no click events on graphics due to the drawing engine. The hiTest sample you linked is the recommended way to "listen" for when you interact with graphics drawn on the map.

‎08-14-2023

Do you have a github repro, codepen, or stackblitz showing this issue? Can't replicate with the 2D to 3D sample. https://developers.arcgis.com/javascript/latest/sample-code/views-switch-2d-3d/

‎08-09-2023

Do you have a code sample, like with codepen or stackblitz, or github? Are you setting the esri/config apiKey? The geocode-api service requires an api key used as a token in the ArcGIS Map SDK for JS. https://developers.arcgis.com/documentation/mapping-apis-and-services/geocoding/services/geocoding-service/

‎08-01-2023

That API reference page is a copy hosted by someone else that posted the downloaded sdk doc. Esri has no control over that page.

‎08-01-2023

The Expand widget can't display React vdom directly. You'll probably want to look at portals for React. https://react.dev/reference/react-dom/createPortal You can place a dom element in the expand widget that is used as the element a React component is displayed. Here is a blog post showing how it would work for Popup, similar to how it would work in Expand. https://odoe.net/blog/popup-react-portals

Online Status	Offline
Date Last Visited	Saturday

My Ideas

Latest Contributions by ReneRubalcava

Re: v4.27 Sketch widget disappeared, unable to display the tools

Re: MapView.toMap doesn't supprort native mouse event

Re: How to fix ChunkLoadError when using ES Modules with JavaScript SDK

Re: Disable zoom widget on mobile device screen only

Re: Disable zoom widget on mobile device screen only

Re: How can I get a custom widget to rerender when fields change

Re: How can I get a custom widget to rerender when fields change

Re: How can I get a custom widget to rerender when fields change

Re: Polygon features are not rendering properly in Feature layer

Re: hitTest error (with line graphics)

Re: Adding a click handler on a Graphic with reactiveUtils

Re: Cannot destructure property 'features' of '(intermediate value)

Re: "Unexpected token '<', \"<!DOCTYPE \"... is not valid JSON" WHILE using locator.addressesToLocations

Re: Printtask not working?

Re: Displaying React based widget from Expand Widget

Re: Custom Component Shadow DOM not fully loaded o...

Re: Custom Component Shadow DOM not fully loaded o...

Re: syntax error in SceneView.js

Re: Has anyone ever used Grit to convert standard ...

Re: Create a graphic with an embedded shape inside...