Latest Contributions by ReneRubalcava

‎12-04-2023

The takeScreenshot method only includes map elements, not widgets or other DOM elements. https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#takeScreenshot Some people have reported using html2canvas to capture DOM elements, but I haven't tried it with the Maps SDK.

‎11-20-2023

Take a look at the FeatureLayerView and client-side queries samples in the doc. https://developers.arcgis.com/javascript/latest/sample-code/featurelayerview-query-geometry/ This will let you get the features that are currently in view. Be sure to note the limitations.

‎11-11-2023

SSR and these "client" renderers are a little odd in some frameworks. So yes, those client components are rendered, but in some cases they are still loaded during ssr. I think Nuxt will automatically load js, even if not rendered from "components" folders. Looks like there are some tricks around this, but I always default to dynamic loading. This will work in your case. const BASEMAP = "topo-vector"; export async function initialize(container: HTMLDivElement) { const [{ default: Map }, { default: MapView }, { default: Home }] = await Promise.all([ import("@arcgis/core/Map"), import("@arcgis/core/views/MapView"), import("@arcgis/core/widgets/Home"), ]); const map = new Map({ basemap: BASEMAP, // layers: [landGroup] }); const view = new MapView({ map, container, zoom: 10, center: [-120.8345, 44.2998], popupEnabled: true, popup: { dockEnabled: true, dockOptions: { // dock popup at bottom-right side of view buttonEnabled: true, breakpoint: true, position: "bottom-right", }, }, }); const homeWidget = new Home({ view: view, }); view.ui.add(homeWidget, "top-left"); await view.when(); return view.when(); }

‎11-03-2023

You should remove your api key from your snippet. You can probably accomplish what you want to do with Calcite components. Here is a tutorial similar to what you want. https://developers.arcgis.com/calcite-design-system/tutorials/create-a-mapping-app/ The action-bar also support a horizontal layout. https://developers.arcgis.com/calcite-design-system/components/action-bar/ The calcite tutorials and documentation should help you accomplish what you're trying to do.

‎11-03-2023

dom.byId can be replaced with document.getElementById, and dojo/on is just a shortcut for addEventListener. You don't need domReady in modern browsers today. There's really no reason to rely on those dojo utilities in your apps today.

‎11-03-2023

A single layer instance can only be placed in one map. But a single map can be used in multiple views. Here is an example from the samples in the docs. https://developers.arcgis.com/javascript/latest/sample-code/views-composite-views/

‎11-02-2023

If you reference dojo via cdn and the Maps SDK via CDN, you are loading the dojo loader twice. You should probably point the dojo path to previous versions of the Maps SDK CDN. You can even reference all the old dojo related libs if you need them, but it is highly recommended you stop using these and migrate to native js/browser implementations. https://developers.arcgis.com/javascript/latest/4.25/#removal-of-non-esri-packages-from-cdn <script> window.dojoConfig = { packages: [{ name: "dojo", location: "../../3.42/dojo" }, { name: "dijit", location: "../../3.42/dijit" }, { name: "dojox", location: "../../3.42/dojox" }, { name: "dgrid1", location: "../../3.42/dgrid1" }, { name: "dstore", location: "../../3.42/dstore" } ] }; </script>

‎10-31-2023

Your GP service says the data type for Area_of_Interest is a GPFeatureRecordSetLayer You can find more details on that data type on this page. https://developers.arcgis.com/rest/services-reference/enterprise/gp-data-types.htm There are various ways to define it. That page has various samples on how to define the input.

‎10-26-2023

You can load the layer, then add your custom content to the PopupTemplate content. https://codepen.io/odoe/pen/oNmjejJ?editors=1000 featureLayer.load().then(() => { const customContent = new CustomContent({ creator: () => { return "<div>I am custom</div>"; } }); featureLayer.popupTemplate.content.push(customContent); map.add(featureLayer); });

‎10-17-2023

Do the check on both values like !isNaN(obj.geometry.latitude) && !isNaN(obj.geometry.longitude)

‎10-17-2023

There could be some invalid data. If I add NaN values to coords, no points will display. The one valid point will display if you change to NaN to null though. https://codepen.io/odoe/pen/ZEVdNBJ?editors=1000 You might need to filter the data to validate it before you create the layer.

‎10-17-2023

Try to wrap your coords in Number(node.getAttribute('lng')), see if that helps. Although I think you would get a different error if the coords as string was an issue. What if you assign the y/x instead of lat/lon? If you had a small sample in codepen or similar to debug, would help.

‎10-11-2023

Been a while since I used 3x, but I believe the behavior is the same as 4x in this regard. Features are requested generalized from the server (saves on bandwidth), so when you copy them to a GraphicsLayer, and zoom in, they will be overly generalized at the new scale. In 4x, there are methods to handle this via Effects and FeatureEffect, as well as the 4x Highlight which uses the oids. If I had to tackle this in 3x, I would take the following steps: Save the oids of my current selection On scale change, clear selection Create a new selection using saved oids Yes, this involves more requests, but is probably a cleaner solution. Maybe in 3x, you could manually query the results, with a 0 maxAllowable offset (I don't know if that's right) and use the results at all scales, but that could be slow to draw given how complex the linework is (and I know yours can be, lol).

‎10-06-2023

FeatureLayer isn't really the right tool for fast updates like this, using mouse move events. GraphicsLayer would be the first option, but you said you want to use the renderer of a FeatureLayer. In that case, another option might be a client-side StreamLayer. There's a sample showing how to use this client-side. https://developers.arcgis.com/javascript/latest/sample-code/layers-streamlayer-client/ Here's a modified version using points. https://codepen.io/odoe/pen/MWZzLbY?editors=1000

‎10-06-2023

Organization accounts are different from developer accounts. Org accounts should not be using API keys. That's why you don't have that option. Sorry, it may not be completely clear in all the doc, but org accounts should be using OAuth. Info: here: https://developers.arcgis.com/javascript/latest/secure-resources/

Online Status	Offline
Date Last Visited	2 weeks ago

My Ideas

Latest Contributions by ReneRubalcava

Re: View.takeScreenShot does not include scalebar

Re: get FeatureLayer Graphics without Query

Re: Nuxt 3 - Server Side Rendering / Client Only - 500 Element Is Not Defined

Re: Need to create a custom widget with multiple widgets enclosed within.

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

Re: Layers added in Map1 is not available in second Map 2, Compare Map view

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

Re: GP SubmitJob (EXTRACT DATA) errors / not working

Re: Add a button to a popup using the default contents

Re: featureLayerView: table-not-supported , table feature layer can't be displayed

Re: featureLayerView: table-not-supported , table feature layer can't be displayed

Re: featureLayerView: table-not-supported , table feature layer can't be displayed

Re: Feature Layer Generalization and Selections

Re: Alternative for applyEdits for client side features that is performant?

Re: Adding non-public AGOL feature layers

Re: Trouble Using Reactive Utils On Initially Unde...

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 ...