Latest Contributions by JamesCrandall

I'm not sure what to do as I don't see any error and dev tools doesn't report anything.  I'm attempting to implement this Add Shapefile sample into a button click on a new custom widget.  The issue seems to be happening in setting up the "request"         generateFeatureCollection: function (fileName) {             var name1 = fileName.split(".");                         //Chrome and IE add c:\fakepath to the value - we need to remove it             //See this link for more info: http://davidwalsh.name/fakepath             var name = name1[0].replace("c:\\fakepath\\", "");             console.log("processing filename: ", name)             //dom.byId('upload-status').innerHTML = '<b>Loading </b>' + name;             //Define the input params for generate see the rest doc for details             //http://www.arcgis.com/apidocs/rest/index.html?generate.html             var params = {                 'name': name,                 'targetSR': map.spatialReference,                 'maxRecordCount': 1000,                 'enforceInputFileSizeLimit': true,                 'enforceOutputJsonSizeLimit': true             };             console.log("params: ", params)             //generalize features for display Here we generalize at 1:40,000 which is approx 10 meters             //This should work well when using web mercator.             var extent = scaleUtils.getExtentForScale(map, 40000);             var resolution = extent.getWidth() / map.width;             params.generalize = true;             params.maxAllowableOffset = resolution;             params.reducePrecision = true;             params.numberOfDigitsAfterDecimal = 0;             var myContent = {                 'filetype': 'shapefile',                 'publishParameters': JSON.stringify(params),                 'f': 'json',                 'callback.html': 'textarea'             };             console.log("myContent: ", myContent)             console.log("setting up request")             //use the rest generate operation to generate a feature collection from the zipped shapefile             request({                 url: portalUrl + '/sharing/rest/content/features/generate',                 content: myContent,                 form: lang.hitch(this, dom.byId('uploadForm')),                 form: dom.byId('uploadForm'),                 handleAs: 'json',                 load: lang.hitch(this, function (response) {                     if (response.error) {                         this.errorHandler(response.error);                                                return;                     }                                           var layerName = response.featureCollection.layers[0].layerDefinition.name;                         console.log("layerName: ", layerName)                         this.addShapefileToMap(response.featureCollection);                                    }),                 error: lang.hitch(this, this.errorHandler)             });                    },         errorHandler: function (error) {             //dom.byId('upload-status').innerHTML = "<p style='color:red'>" + error.message + "</p>";             console.log("1 errorHandler: ", error.message)         },                     addShapefileToMap: function (featureCollection) {             //add the shapefile to the map and zoom to the feature collection extent             //If you want to persist the feature collection when you reload browser you could store the collection in             //local storage by serializing the layer using featureLayer.toJson()  see the 'Feature Collection in Local Storage' sample             //for an example of how to work with local storage.             var fullExtent;             var layers = [];             console.log("addShapefileToMap initiated")             arrayUtils.forEach(featureCollection.layers, function (layer) {                 var infoTemplate = new InfoTemplate("Details", "${*}");                 var featureLayer = new FeatureLayer(layer, {                     infoTemplate: infoTemplate                 });                 //associate the feature with the popup on click to enable highlight and zoom to                 featureLayer.on('click', function (event) {                     map.infoWindow.setFeatures([event.graphic]);                 });                 //change default symbol if desired. Comment this out and the layer will draw with the default symbology                 changeRenderer(featureLayer);                 fullExtent = fullExtent ?                   fullExtent.union(featureLayer.fullExtent) : featureLayer.fullExtent;                 layers.push(featureLayer);             });             map.addLayers(layers);             map.setExtent(fullExtent.expand(1.25), true);             dom.byId('upload-status').innerHTML = "";         }, ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ I've added a few console.log prints to try and track down what's going wrong.  No errors, but request doesn't seem to do anything (it's supposed to call "addShapefileToMap" function but seems to just go right to errorHandler: function.  Line #37 above console.log("setting up request") is the last thing in the console before errorHandler is then reached.  Hopefully just something silly I'm doing. ... View more

I'm attempting to integrate THIS example into an existing widget I'm developing.  So far, I've added the "Choose File" dialog that allows for navigating to a directory Pretty simple, just added this to my widget's html:             <div class="jimu-btn" data-dojo-attach-event="click:toggleManualDrawTool">Manually Draw Boundary</div>             <div class="jimu-btn finish-select" data-dojo-attach-event="click:onConfirmSelection">Add Selected Features to Boundary</div>                         <br /><br />             <form enctype="multipart/form-data" method="post" id="uploadForm">                 <div class="field">                     <label class="file-upload">                         <span><strong>Upload a Shapefile</strong></span>                         <input type="file" name="file" id="inFile" />                     </label>                 </div>             </form>             <br /><br /> ‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Now I'm trying to implement the actual process to get the upload processed into the graphics layer.  I'm running into an issue when attempting to hook this into the widget's js file. So far I've just attempted to implement as in the example, by adding the various functions within my widget.js file and then adding this into my startup() function startup: function () {             on(dom.byId("uploadForm"), "change", function (event) {                 var fileName = event.target.value.toLowerCase();                 if (sniff("ie")) { //filename is full path in IE so extract the file name                     var arr = fileName.split("\\");                     fileName = arr[arr.length - 1];                 }                 if (fileName.indexOf(".zip") !== -1) {//is file a zip - if not notify user                     console.log("genFeatColl function fired")                     this.generateFeatureCollection(fileName);                 }                 else {                     dom.byId('upload-status').innerHTML = '<p style="color:red">Add shapefile as .zip file</p>';                 }             });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ It hits the first log "genFeatColl function fired", however I'm getting this error on line 11 ("this.generateFeatureCollection") Uncaught TypeError: this.generateFeatureCollection is not a function     at HTMLFormElement.<anonymous> ... View more

Can anyone point me to an example/sample of labeling polygon geometry at each vertex? I have a requirement to label each vertex with coordinate info. Javascript 3.x Update: I've attempted to implement the Points for Labeling method on the Geometry service, as seen in this example but I'm getting an error init.js:114 TypeError: Cannot read property '0' of undefined     at Object.labelPoints (init.js:2548) getLabelPoints: function (geom) {             var geometryService = new GeometryService("https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");             var geographicGeometries = [];             geographicGeometries.push(esri.geometry.webMercatorToGeographic(geom));             if (geom.rings.length > 0) {                 geometryService.labelPoints(this.geom, function(labelPoints) {                     var font = new Font("20px", Font.STYLE_NORMAL, Font.VARIANT_NORMAL, Font.WEIGHT_BOLDER);                     array.forEach(this.labelPoints, function (labelPoint) {                         // create a text symbol                         var textSymbol = new TextSymbol(                           "X: " + number.format(labelPoint.x) + ", Y: " + number.format(this.labelPoint.y),                           font, new Color([0, 0, 0]));                         var labelPointGraphic = new Graphic(this.labelPoint, textSymbol);                         // add the label point graphic to the map                         map.graphics.add(labelPointGraphic);                     });                 });             }            },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ... View more