GIS and Remote Sensing Tools, Tips and more ..

In my custom angular web application, I had to pull the data from different ArcGIS server environments, say Dev ArcGIS server and Test ArcGIS server environment, some of my items are directly referred from ArcGIS server services and some of them are from Enterprise portal referring the WebMapId and PortalId from both environment (Dev, Test). Servers are in federated environment. To pull the data from different ArcGIS server environment, user must login in each environment. In addition, user must login to get inside the custom application and Enterprise AD Group was set to authenticate users on the custom web application and ArcGIS server environments. So, there will be 3 login attempts (1 –application itself, 2- Dev server/portal, 3- Test server/portal) to use the application, which doesn’t provide good user experience. To improve the better application workflow, I decided to reduce the number of logins required in the application and use AD Username and Password captured du...

https://sean-olson-e.github.io/Angular-and-the-ArcGIS-API-for-JavaScript/#/17

Great video talking about sharing Data Between Angular Components - Parent to Child, Child to Parent, and between siblings by  Jeff Delaney, AngularFirebase.  

Basic prototype wiring to map geospatial information using Leaflet, ESRI-leaflet, Angular 4.  There are several nice examples out there, but it is a quick and dirty way of putting all things together and display the map using Angular/Cli. Step 1. Generate an angular project from angular/cli                 ng new leafletPrototype Step2. Install all dependencies a.      Npm install leaflet --save b.      Nmp install esri-leaflet --save c.       Npm install @types/leaflet –save Your pacakage.json will looks like – "dependencies" : {     "@angular/common" : "^4.0.0" ,     "@angular/compiler" : "^4.0.0" ,     "@angular/core" : "^4.0.0" ,     "@angular/forms" : "^4.0.0" ,     "@angular/http" : "^4.0.0" ,     "@angular/platform-...

Quick cheat-sheet on Angular/cli to generate boiler plate codes. Install Angular/cli npm install –g @angular/cli Check Agnular/cli version ng –v         or npm list –g  @angular/cli --depth=0 Generate  files without installing it ng new ng2CliApp --skip-install Create new project with out writing the files in but report them commandline console ng new ng2CliApp --dry-run Create new project with app prefix ng new ng2CliApp --prefix coolapp --dry-run Create new project without test files ng new ng2CliApp  --skip-tests --prefix cool_ng2CliApp --dry-run Create new project with style-sheets ng new ng2CliApp --skip-tests --prefix cool_ng2CliApp --style scss  Create new project with Routing ng new ng2CliApp --routing --skip-tests --prefix cool_ng2CliApp --style scss --skip-install Create new Component ng g component my-new-component