Latest Contributions by jaykapalczynski

I have an image working to fire some code and a button as well....I want to change the BUTTON below to something liek this and cant figure it out. HTML: <td align="center" id="DrawGraphics" class="tdHeader">     <img alt="Settings" src="imagesApp/PencilBlue.png" class="imgOptions" title="Draw" style="cursor: pointer" /> </td> JAVASCRIPT on(dojo.byId('DrawGraphics'), "click", DrawGraphics); function DrawGraphics() {     if (action2 != undefined) {           action2.pause();     } } I WANT TO CHANGE THE BELOW TO fire with an image and not a big button....  any thoughts on this..can I get this toggle to run from an image click instead of a button.... HTML <td align="left" id="Imagery" class="tdHeader">     <button id="programmatic"></button> </td> JAVASCRIPT    base1 = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer", {       id: "baseTopo",       visible: true    });    base2 = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer", {       id: "baseImagery",       visible: false    });   app.map.addLayers([base1, base2]);    new ToggleButton({         showLabel: true,         checked: false,         onChange: function (val) {             base1.setVisibility(!val);             base2.setVisibility(val);         }    },"programmatic"); ... View more

I am using this example... DataGrid with zoom button | ArcGIS API for JavaScript‌ I replaced the reference of the polygon Map Service with my own and it works FINE. I then try it with a Point Feature and it breaks... Is there something I am doing wrong for the Point feature...I replaced the SELECTION symbol for that of a point Looking to modify this for both a point and line feature.... var StatesGrid = declare([Grid, Selection]);         var columns = [{           label: "",  //wasn't able to inject an HTML <div> with image here           field: "OBJECTID",           formatter: makeZoomButton         },{           label: "unknown",           field: "SITENAME"         }];         //restrict sorting to the state name field         for (var i = 0; i < columns.length; i++) {           if (i == 1) {             columns.sortable = true;           } else {             columns.sortable = false;           }         }         grid = new StatesGrid({           bufferRows: Infinity,           columns: columns         }, "grid"); //add the states demographic data         var statesLayer = new FeatureLayer("https://fwisweb1.dgif.virginia.gov/arcgis/rest/services/Public/DGIF_Public/FeatureServer/1", {           mode: FeatureLayer.MODE_SELECTION,           outFields: ["OBJECTID", "SITENAME"]         }); //define a selection symbol         var GridSelectsymbol = new SimpleMarkerSymbol(           SimpleMarkerSymbol.STYLE_CIRCLE,           12,           new SimpleLineSymbol(             SimpleLineSymbol.STYLE_SOLID,             new Color([0, 0, 255, 0.5]),             6           ),           new Color([0, 0, 255])         ); statesLayer.setSelectionSymbol(GridSelectsymbol);         statesLayer.on("load", function(evt) {           var query = new Query();           query.where = "1=1";           evt.layer.queryFeatures(query, function(featureSet) {             var items = array.map(featureSet.features, function(feature) {               return feature.attributes;             });             //idProperty must be set manually if value is something other than 'id'             var memStore1 = new Memory({               data: items,               idProperty: "OBJECTID"             });             window.grid.set("store", memStore1);             window.grid.set("sort", "SITENAME");             grid.on(".field-OBJECTID:click", function(e) {               //retrieve the ObjectId when someone clicks on the magnifying glass               if (e.target.alt) {                 zoomRow(e.target.alt);               } });   });         });         app.map.addLayers([statesLayer]); function makeZoomButton(id) {           //set the feature 'id' as the alt value for the image so that it can be used to query below           var zBtn = "<div data-dojo-type='dijit/form/Button'><img src='images/ArrowUp.png' alt='" + id + "'";           zBtn = zBtn + " width='18' height='18'></div>";           return zBtn;         }      function zoomRow(id) {           statesLayer.clearSelection();           var query1 = new Query();           query1.objectIds = [id];           statesLayer.selectFeatures(query1, FeatureLayer.SELECTION_NEW, function(features) {             //zoom to the selected feature            var stateExtent = features[0].geometry.getExtent().expand(2.0);            app.map.setExtent(stateExtent);           });      } ... View more

Any examples out there of allowing the user to type in a lat long and creating a point at that location and/or zooming to it,,,, Much like the below but with XY not address Geocode an address | ArcGIS API for JavaScript‌ ... View more

I am trying to Geocode an Address then Buffer that address....from there I want to use that buffered graphic for further queries... I can get the Geocode to work but stuck on getting the Buffer code to create the buffered graphic of which I need to use its geometry to run further queries.. Am I way off here? // GEOCODER START=========================================================================================== var x = ""; var y = "";   var geocoder = new Geocoder({    arcgisGeocoder: {   placeholder: "4010 West Broad St, RIchmond, Virginia"    },    autoComplete: true,    map: app.map,   }, dom.byId("search"));   geocoder.startup();     geocoder.on("select", showLocation);     geocoder.on("clear", removeSpotlight);         function showLocation(evt) {           //app.map.graphics.clear();           var point = evt.result.feature.geometry;   x = point.x   y = point.y           var symbol = new SimpleMarkerSymbol().setStyle(             SimpleMarkerSymbol.STYLE_circle).setColor(             new Color([255,0,0,0.5])           );           var graphic = new Graphic(point, symbol);           app.map.graphics.add(graphic); // ATTAMPT TO BUFFER THE RETURNED LOCATION //----------------------------------------------------------------------------------------   var paramsGC = new BufferParameters();   paramsGC.geometries  = graphic;   paramsGC.distances = [ .5 ];   //paramsGC.bufferSpatialReference = new SpatialReference({wkid: 26917});   paramsGC.outSpatialReference = app.map.spatialReference;   paramsGC.unit = GeometryService.UNIT_STATUTE_MILE;         // geometry service that will be used to perform the buffer         var geometryServiceGC = new GeometryService("https://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");   geometryServiceGC.buffer(paramsGC);         geometryServiceGC.on("buffer-complete", function(result){           app.map.graphics.clear();           // draw the buffer geometry on the map as a map graphic           var symbol2 = new SimpleFillSymbol(             SimpleFillSymbol.STYLE_NULL,             new SimpleLineSymbol(               SimpleLineSymbol.STYLE_SOLID,               new Color([105,105,105]),               2             ),new Color([255,255,0,0.25])           );           var bufferGeometryGC = result.geometries[0]           var graphicGC = new Graphic(bufferGeometryGC, symbol2);           app.map.graphics.add(graphicGC);   }); //----------------------------------------------------------------------------------------- // GEOCODER END=================================================================================================== ... View more