Latest Contributions by jaykapalczynski

I am combining a few examples from the JS API. I am trying to make them only active when a button is clicked. On Load neither are active. I click my identify button and it identifies. I then click my Buffer Button and it runs the buffer code, buffers and returns results to a grid. It does not appear that the identify is working after the Buffer button is clicked (perfect) But after I run the Buffer Tool and click back to the identify it still runs the Buffer Code.... I am looking for a way to "turn it off" the buffer code when I click the Identify button. (for a lack of better words) I am not sure where I can: 1. Turn off the Buffer Tool - I tough of putting some sort of code in the IDENTIFY BUTTON code to disable it? 2. Remove the graphics from the feature layer that were created when the selection occurs from the buffer on(dom.byId("IDENTIFY"), "click", function () {         initializeSidebar(app.map); //Clear Graphic Circle from BufferTool app.map.graphics.clear(); clearContent(); // CLOSE THE PANE WHEN SELECTED dijit.byId("Tools").set('open',false); //Close   })   on(dom.byId("BUFFER"), "click", function () { dom.byId("featureCount").innerHTML = "Click Identify Tool to select feature(s)";         featureLayer0.setInfoTemplate(null);         featureLayer1.setInfoTemplate(null);         app.map.infoWindow.hide();         clearContent();         // CLOSE THE PANE WHEN SELECTED dijit.byId("Tools").set('open',false); //Close BufferTool(app.map);    }) Function BufferTool     function BufferTool(map){         dialog = new TooltipDialog({           id: "tooltipDialog",           style: "position: absolute; width: 100px; font: normal normal normal 10pt Helvetica;z-index:100"         });         dialog.startup();        // selection symbol used to draw the selected census block points within the buffer polygon         var point = new SimpleMarkerSymbol(           SimpleMarkerSymbol.STYLE_CIRCLE,           25,           new SimpleLineSymbol(             SimpleLineSymbol.STYLE_NULL,             new Color([137, 214, 171, 0.9]),             1           ),           new Color([137, 214, 171, 0.5])         );         app.map.on("load", function(){           app.map.graphics.enableMouseEvents();           app.map.graphics.on("mouse-out", closeDialog);         });         //listen for when the onMouseOver event fires on the countiesGraphicsLayer         //when fired, create a new graphic with the geometry from the event.graphic and add it to the maps graphics layer         featureLayer.on("mouse-over", function(evt){          var t = "<b>${SITENAME}</b><hr><b>Region: </b>${REGION}<br>";           var content = esriLang.substitute(evt.graphic.attributes,t);           var highlightGraphic = new Graphic(evt.graphic.geometry,point);           app.map.graphics.add(highlightGraphic);           dialog.setContent(content);           domStyle.set(dialog.domNode, "opacity", 0.85);           dijitPopup.open({             popup: dialog,             x: evt.pageX,             y: evt.pageY           });         });         // selection symbol used to draw the selected census block points within the buffer polygon         var symbol2 = new SimpleMarkerSymbol(           SimpleMarkerSymbol.STYLE_CIRCLE,           12,           new SimpleLineSymbol(             SimpleLineSymbol.STYLE_NULL,             new Color([247, 34, 101, 0.9]),             1           ),           new Color([207, 34, 171, 0.5])         );         featureLayer.setSelectionSymbol(symbol2);         // change cursor to indicate features are click-able         featureLayer.on("mouse-over", function () {             app.map.setMapCursor("pointer");         });         featureLayer.on("mouse-out", function () {             app.map.setMapCursor("default");         });         // Add the Feature Layer To Map         app.map.addLayer(featureLayer);         // geometry service that will be used to perform the buffer         var geometryService = new GeometryService("https://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");         //when the map is clicked create a buffer around the click point of the specified distance.         app.map.on("click", function(evt){           //define input buffer parameters           var params = new BufferParameters();           params.geometries  = [ evt.mapPoint ];           params.distances = [ 50 ];           params.unit = GeometryService.UNIT_STATUTE_MILE;           geometryService.buffer(params);         });         geometryService.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 bufferGeometry = result.geometries[0]           var graphic = new Graphic(bufferGeometry, symbol2);           app.map.graphics.add(graphic); //Select features within the buffered polygon. To do so we'll create a query to use the buffer graphic           //as the selection geometry.           var query = new Query();           query.geometry = bufferGeometry;    // Select the Points within the Buffer and show them           featureLayer.selectFeatures(query, FeatureLayer.SELECTION_NEW, function(results){           });           // Query for the records with the given object IDs and populate the grid           featureLayer.queryFeatures(query, function (featureSet) {             updateGrid(featureSet);           });       });    } // End Function BufferTool       function closeDialog() {           app.map.graphics.clear();           dijitPopup.close(dialog);         }       function updateGrid(featureSet) {         var data = arrayUtils.map(featureSet.features, function (entry, i) {           return {             NAME: entry.attributes.SITENAME,             REGION: entry.attributes.REGION,             WATERBODY: entry.attributes.WATERBODY,             TYPE: entry.attributes.TYPE,             ACCESSAREA: entry.attributes.ACCESSAREA,             LOCATION: entry.attributes.LOCATION           };         });         grid.store.setData(data);         grid.refresh();       }     // markerSymbol is used for point and multipoint, see http://raphaeljs.com/icons/#talkq for more examples         var markerSymbol = new SimpleMarkerSymbol();         markerSymbol.setPath("M16,4.938c-7.732,0-14,4.701-14,10.5c0,1.981,0.741,3.833,2.016,5.414L2,25.272l5.613-1.44c2.339,1.316,5.237,2.106,8.387,2.106c7.732,0,14-4.701,14-10.5S23.732,4.938,16,4.938zM16.868,21.375h-1.969v-1.889h1.969V21.375zM16.772,18.094h-1.777l-0.176-8.083h2.113L16.772,18.094z");         markerSymbol.setColor(new Color("#00FFFF"));     // lineSymbol used for freehand polyline, polyline and line.         var lineSymbol = new CartographicLineSymbol(           CartographicLineSymbol.STYLE_SOLID,           new Color([55,77,173,.75]), 1.5,           CartographicLineSymbol.CAP_ROUND,           CartographicLineSymbol.JOIN_MITER, 5         );     // fill symbol used for extent, polygon and freehand polygon, use a picture fill symbol     // the images folder contains additional fill images, other options: sand.png, swamp.png or stiple.png var fillSymbol = new SimpleFillSymbol(           SimpleFillSymbol.STYLE_SOLID,           new SimpleLineSymbol(             SimpleLineSymbol.STYLE_SOLID,             new Color([55,77,173,0.35]),             2           ),           new Color([125,125,125,0.35])         );     // function toolbar         function initToolbar() {    alert("In initToolbar");           tb = new Draw(map);           tb.on("draw-end", addGraphic);      // event delegation so a click handler is not      // needed for each individual button           on(dom.byId("info"), "click", function(evt) {             if ( evt.target.id === "info" ) {               return;             }             var tool = evt.target.id.toLowerCase();             map.disableMapNavigation();             tb.activate(tool);           });         }     // add graphic         function addGraphic(evt) {           //deactivate the toolbar and clear existing graphics           tb.deactivate();           app.map.enableMapNavigation();           // figure out which symbol to use           var symbol;           if ( evt.geometry.type === "point" || evt.geometry.type === "multipoint") {             symbol = markerSymbol;           } else if ( evt.geometry.type === "line" || evt.geometry.type === "polyline") {             symbol = lineSymbol;           }           else {             symbol = fillSymbol;           }           app.map.graphics.add(new Graphic(evt.geometry, symbol));         } ... View more

Anyone know how to remove the ESRI water mark and replace with my logo of choice in the main MAP? Thanks ... View more

I have a basemap toggle in my pane....I want to close the pane when the toggle is clicked. I can do this with buttons no problem...but the toggle is giving me a problem <div data-dojo-type="dijit/TitlePane" id="Tools" data-dojo-props="title:'Tools', closable:false, open:false"> <div data-dojo-type="dijit/layout/ContentPane" style="width:200; ">   <div class="toolbar"><span id="BasemapToggle" ></span></div>                 <div class="toolbar"><input type="button" class="myButton" id="button2" value="Finished" /></div> </div> </div>    on(dom.byId("BasemapToggle"), "click", function () {          // CLOSE THE PANE WHEN Clicked           dijit.byId("Tools").set('open',false); //Close    })    var toggle = new BasemapToggle({       map: app.map,       basemap: "satellite",       className: "customToggle"     }, "BasemapToggle");     toggle.startup(); CLOSE THE BUTTONS LIKE THIS on(dom.byId("button2"), "click", function () { dijit.byId("Tools").set('open',false); //Close }) ... View more

Trying to close my Title Pane with this.  Not working....Thoughts? Appreciated... var panetoggler  = 0;   on(dom.byId("button1"), "click", function () {       alert("closing");    var floatingpane = dojo.widget.byId(Tools);    if (panetoggler == 0){     floatingpane.show();     panetoggler = 1;   }   else{     floatingpane.hide();     panetoggler = 0;   }      }) <div data-dojo-type="dijit/TitlePane" id="Tools"  data-dojo-props="title:'Tools', closable:false,  open:false">  <div data-dojo-type="dijit/layout/ContentPane" style="width:200; ">         <div class="toolbar"><input type="button" class="myButton" id="button1" value="Identify" /></div>  </div> </div> ... View more