Latest Contributions by BrandonPayne

Glad I could help. Good luck with the application! ... View more

The generate function on our servers is the same as the one ESRI hosts, we just have an in-house ArcGIS server. The function is just part of the REST API so it just accepts a POST request by default. You could continue using the one hosted by ESRI without an issue as well. I was using the ESRI hosted generate method to test my local copy before moving it to our servers and was able to send it POST requests. The 4.x JSAPI itself doesn't support the FormData option at the moment, however the server side doesn't really care about the JSAPI and still supports FormData. If you just use the built in Angular http.post function you should be able to get it to work. I'd recommend using something like Postman to test your REST calls out to the server - I've been using it and found it extremely useful for these cases. I've modified my original function (which I had tweaked for 3.x - we've moved back down after running into too many issues with 4.x). The result is below. getFeaturesFromZip(zipFile, name, targetSR) {         var form = new FormData();         form.append("publishParameters", "{\"name\":\"" + name + "\" ,\"targetSR\":{\"wkid\":" + targetSR + "},\"maxRecordCount\":1000,\"enforceInputFileSizeLimit\":true,\"enforceOutputJsonSizeLimit\":true,\"locationType\":\"none\",\"reducePrecision\":false,\"numberOfDigitsAfterDecimal\":1}");         form.append("filetype", "shapefile");         let zipName = name = ".zip";         form.append("file", this.dataURItoBlob(zipFile), zipName);         return this.http.post(this._configuration.ShapefileServiceEndpoint, form)             .map((res: Response) => res.json());     }‍‍‍‍‍‍‍‍‍‍ ... View more

Hey Barbara, I was able to upload the shapefile from my local machine in a .zip format.  Since the form parameter isn't supported using the 4.x API I just created a POST request with another technology, in this case Angular 2.  My functions to do this were as follows: getFeaturesFromZip(zipFile, name, targetSR) {         var form = new FormData();         var publishParams = {             'name': name,             'targetSR': {                 'wkid': targetSR             },             'maxRecordCount': 1000,             'enforceInputFileSizeLimit': true,             'enforceOutputJsonSizeLimit': true         };         var extent = scaleUtils.getExtentForScale(this._configuration.map, 40000);         var resolution = extent.getWidth() / this._configuration.map.width;         publishParams.generalize = false;         publishParams.maxAllowableOffset = resolution;         publishParams.reducePrecision = false;         publishParams.numberOfDigitsAfterDecimal = 0;         form.append("publishParameters", JSON.stringify(publishParams));         form.append("filetype", "shapefile");         form.append("f", "json");         let zipName = name = ".zip";         form.append("file", this.dataURItoBlob(zipFile), zipName);         return this.http.post(this._configuration.ShapefileServiceEndpoint, form)             .map((res: Response) => res.json());     } private dataURItoBlob(dataURI) {         var array = [];         if (dataURI instanceof Array) {             array = dataURI;         }         else {             var binary = atob(dataURI);             for (var i = 0; i < binary.length; i++) {                 array.push(binary.charCodeAt(i));             }         }         return new Blob([new Uint8Array(array)], { type: 'application/zip' });     }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Good luck! ... View more

Hey Sofie, I've been meaning to release this out to GitHub.  I need to run through the code and clean it up a bit then I'll get it out there.  I'll put a link up on this thread when I do. -Brandon ... View more

For anyone else who comes upon this question I was finally able to solve it.  I used the same method as can be seen in the previous 'add shapefile' link to the 3.19 solution, but I pointed the 'generate' function to one that we have on our own servers.  This returns a featureCollection, which works great for 3.19 but must  be tweaked for a 4.x solution.  To do this, I loop through the featureCollection.layers and create a new FeatureLayer for each one as follows: for (var i = 0; i < features.featureCollection.layers.length; i++) {                             var lyr = features.featureCollection.layers[i];                             var featLayer = new FeatureLayer({                                 fields: lyr.layerDefinition.fields,                                 objectIdField: lyr.layerDefinition.objectIdField,                                 geometryType: lyr.layerDefinition.geometryType,                                 spatialReference: SpatialReference.fromJSON(lyr.featureSet.spatialReference),                                 source: this.getFeatureObjects(lyr.featureSet.features),                                 visible: true,                                 renderer: rendererJsonUtils.fromJSON(lyr.layerDefinition.drawingInfo.renderer),                             });                             this.view.map.add(featLayer);                         } private getFeatureObjects(features): Collection {         var featureObjs: any = [];         for (var i = 0; i < features.length; i++) {             var currFeat = features[i];             var graphic = Graphic.fromJSON(currFeat);             featureObjs.push(graphic);         }         return featureObjs;     }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ... View more

Category 1 & Category 2 above actually are group layers.  They do live on the same server though, so I'm not running into any issues with the layer id being the same for multiple layers. ... View more

Hopefully ESRI will add this in and make it a little more solid and user-friendly.  To get this to work I had to create the treeview in Angular, add in each layer individually, and then add a JSON request out to the /legend endpoint of the layer services to pull them in and query each individually to grab the symbology by layer id.   I've seen a few projects that had something similar to this, but none that had recent work on them or that had been ported over to the new API.  Maybe a future enhancement? ... View more

Hi Bjorn, Ideally we'd like to have the LayerList able to display the legend in-line instead of having to toggle back and forth to see what the symbology is.  So for instance if you look at my comment above, I created a custom table of contents that does this for us where we can turn on/off a layer and see its symbology all at one time.  Note that this is also for the 4.0 JS library, which it doesn't seem the LayerList widget is a part of yet according to Functionality matrix | ArcGIS API for JavaScript 4.0  ... View more

Hey Ian, I've been cranking away at it this morning and I think I've just about cracked it for a custom TOC with the symbology in-line.  The key was to go out and fetch the entire Legend as JSON from the REST service and parse it out manually, injecting the image data into an html <img> tag.  Angular made it a bit easier to loop through all the different layers so that was nice but a snapshot of the combined is below:  This was definitely a custom TOC built from the ground up, so hopefully ESRI will implement something like this so we don't have to do the one-offs anymore. -Brandon ... View more

Hey Ian, Wouldn't you know it I'm currently working on a project where we want this exact same thing with the TOC having the symbology with it, and here you have the same issue!  It really is a small world sometimes.  Did you ever make it anywhere with this?   I'm working on an Angular 2 application and have created a custom TOC to try to get this to work but have ran into a bit of a wall just trying to find the locations of the symbology images. -Brandon ... View more