Latest Contributions by AndyGup

‎08-26-2022

@Mannus_Ettenthere are just a couple gotchas in Angular. If you aren't using an oauth popup, make sure you are adding the sign-in divs to your main component's html file. Also make sure to set the redirect_url when you register your app in your Portal (or ArcGIS Online), you may have to experiment with that a bit to get it right for your installation. Here are some example snippets: @ViewChild('mapViewNode', { static: true }) private mapViewEl!: ElementRef; @ViewChild('anonymousPanel', { static: true }) private anonEl!: ElementRef; @ViewChild('personalizedPanel', {static: true}) private personalEl!: ElementRef; @ViewChild('signIn', {static: true}) private signInEl!: ElementRef; . . . this.anonEl.nativeElement.style.display = "none"; this.personalEl.nativeElement.style.display = "block"; this.signInEl.nativeElement.addEventListener("click", () => { // user will be redirected to OAuth Sign In page esriId.getCredential(info.portalUrl + "/sharing"); });

‎08-19-2022

@JustinKirtz1hmm, try replacing reactiveUtils.when() with whenOnce() since that returns a promise and works with truthy values, if you go that route you also won't need to set 'once: true'. In comparison, reactiveUtils.when() returns a WatchHandle. Check out the doc section on "WatchHandles and Promises" and also check the "Working with truthy values" section right below that.

‎08-18-2022

Hi @DimaY we only have a basic Angular CLI example: https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-angular-cli. We also recommend checking out the SDK Guide topic on ES modules when working with frameworks: https://developers.arcgis.com/javascript/latest/es-modules/.

‎08-18-2022

Hi Robert, correct, with reactiveUtils you would need to add or remove the WatchHandle. Or, in the case of once() or whenOnce() since those return a Promise you would use AbortSignal. For the moment this is the most efficient pattern since the underlying API is tracking observable property access, rather than tracking individual values.

‎08-15-2022

@JulianaCastillono you can continue using @arcgis/core as outlined in my steps above. I'm not sure what gave you that impression? Maybe #4 above was confusing because of the link I used, I'll update that information to help clarify. We recommend downloading the JS API documentation for use offline - the JS API documentation applies to both AMD and ESM, the API functionality is the same. To download the documentation, navigate to the ArcGIS API for JavaScript download page and log-in with your Esri global account. If you are using @arcgis/core you won't need to download or use the AMD modules. Did that help?

‎08-15-2022

Hi @JulianaCastillo 1) Any service you are using, such as map tiles, feature services, etc. have to point to an ArcGIS Enterprise instance. 2) If you can't reach the public NPM repository to install "@arcgis/core" can download the tarball and then run "npm install ./path_to_tarball.tgz" in your project. To get the download location of the latest tarball run "npm view @arcgis/core dist" in a terminal window. 3) Configure the JS API assets to run locally: https://developers.arcgis.com/javascript/latest/es-modules/#managing-assets-locally. For Angular, there are specific instructions in the NPM readme: https://www.npmjs.com/package/@arcgis/core. 4) Download the SDK documentation for local use. To download the documentation, navigate to the ArcGIS API for JavaScript download page and log-in with your Esri global account. If you are using @arcgis/core you won't need to use the AMD modules.

‎08-15-2022

Hi @ViktorSafar you can't really mix React/TypeScript with our JS API Widget framework. To work around that try the following to allow the widget to parse correctly: // @ts-nocheck /** @jsxRuntime classic */ /** @jsx tsx */ import Widget from "@arcgis/core/widgets/Widget"; import { subclass } from "@arcgis/core/core/accessorSupport/decorators"; import { renderable, tsx } from "@arcgis/core/widgets/support/widget"; // import React from 'react'; @subclass("esri.widgets.HelloWorld") class HelloWorldWidget extends Widget { render() { console.log("rendering") return ( <div id="myhello"> HELLO </div> ); } } export default HelloWorldWidget; I also recommend updating your package.json browserslist to minimize transpiling: "browserslist": { "production": [ "last 1 Chrome version", "last 1 Firefox version", "last 2 Edge major versions", "last 2 Safari major versions", "last 2 iOS major versions", "Firefox ESR" ], "development": [ "last 1 Chrome version", "last 1 Firefox version", "last 2 Edge major versions", "last 2 Safari major versions", "last 2 iOS major versions", "Firefox ESR" ] }

‎08-10-2022

Hi @rogenjh Here's a basic codepen using reactiveUtils to show the concept: https://codepen.io/andygup/pen/ZExjMZq?editors=1000. MapView.interacting might be a better property for your use case. We recommend using reactiveUtils instead of watchUtils, here's the doc https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html. watchUtils have been deprecated.

‎08-05-2022

Hi @thanasiskoubaros are you using a self-hosted proxy? The only way to troubleshoot a proxy is by accessing the server where the proxy is hosted. 1. Check the proxy web server logs for hints at what the problem might be. 2. If the web server logs look normal, use tools like Fiddler or Charles Debugging Proxy to analyze and validate the request/responses to and from the proxy.

‎07-26-2022

@jasonwriterhave you checked out this sample https://developers.arcgis.com/javascript/latest/sample-code/watch-for-changes-reactiveutils/ ?

‎07-22-2022

Hi @SriharshaK are you using Webpack 4? If so take a look at this Known Issue and see if the information applies: https://github.com/Esri/jsapi-resources/tree/master/esm-samples/webpack#known-issues

‎07-19-2022

@BobCowling2 quick update on your original posting above, I've created an enhancement request to add an accuracy circle and compass heading symbol to the Track Widget.

‎07-19-2022

Thanks @james-rae for the heads-up. I've put in an enhancement request to use a less generic naming convention for that variable. [Update: we won't be able to fix that variable until we drop WebGL1 support, possibly next year 2023. It's a built-in GLSL macro used for checking the current GLSL version.]

‎07-18-2022

Hi @BobCowling2 Can you get us the support ticket number? Thanks for the additional info. We aren't sure yet where the issue is occuring. We compared code between our Widget and Mapbox GL JS. The only difference is we set high-accuracy by default: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track.html#geolocationOptions.

‎07-15-2022

Hi Bob, do you know if your organization has a tech support contract, and if there is someone else that can open a ticket for you? I'm not sure what a bug report is. This is one of those instances where we need to get tech support involved to capture detailed information about your configuration, your phone, etc.

Online Status	Offline
Date Last Visited	‎12-05-2025 07:24 AM

My Ideas

Latest Contributions by AndyGup

Re: authentication in angular

Re: Using reactiveUtils.when inside Promise.all()

Re: Change BasemapGallery - Example Code ASP NET6 Angular with API

Re: reactiveUtils replacment for watchUtils.pausable

Re: Include @arcgis/core js scripts and assets in Angular build

Re: Include @arcgis/core js scripts and assets in Angular build

Re: Custom widget error

Re: Unit Testing with WatchUtils

Re: World_Basemap_v2 fail to display

Re: reactiveUtils

Re: arcgis/core library failing after update

Re: ArcGIS JS API 4 Locate widget like WebAppBuilder

Re: Build error with @arcgis/core and Angular 11: "Module parse failed: Unexpected token"

Re: Poor Accuracy of Locate Widget

Re: Poor Accuracy of Locate Widget

Re: ArcGIS Maps SDK for JavaScript – Version 4.33 ...

Re: ArcGIS Map Components build/performance issues

Re: config.assetsPath -- set once or for each map

Re: Network Errors Referencing Local Assets

Re: Custom BaseTileLayer in Angular