AnsweredAssumed Answered

find and then zoom to new graphic extent help

Question asked by jamiehollingsworth on Nov 8, 2013
Latest reply on Apr 15, 2014 by steven_3535
I have found lots of info how to use a find or query tasks and then zoom to the new extent of these selected features, but i can  not seem to get it to work.  can someone please take a look and let me know what i have done wrong.

here is my code and a link to fiddle


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "">  <html>   <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <!--The viewport meta tag is used to improve the presentation and behavior of the samples on iOS devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>     <title>Find Task</title>      <link rel="stylesheet" href="">     <style>       html, body {     height: 100%;     width: 100%;     margin: 0;     padding: 0; } #map {     margin: 0;     padding: 0;     width: 100%;     height: 100%; }     </style>     <script src=""></script>     <script>       dojo.require("");       dojo.require("esri.tasks.find");       dojo.require("dijit.layout.BorderContainer");       dojo.require("dijit.layout.ContentPane");        var findTask, findParams, map;        function init() {         map = new esri.Map("map",{   basemap:"topo",   center: [-147.0, 64.8],   zoom: 6   });            // draw all sites to the map         var sites_layer = new esri.layers.ArcGISDynamicMapServiceLayer("");                  map.addLayer(sites_layer);          //create find task with url to map service         findTask = new esri.tasks.FindTask("");                   //create find parameters         findParams = new esri.tasks.FindParameters();         findParams.returnGeometry = true;         findParams.layerIds = [0];         findParams.searchFields = ["site_id"];   var sr = new esri.SpatialReference({wkid:102100});         findParams.outSpatialReference = sr       }        //set the search text to find parameters       function execute(searchText) {         findParams.searchText = searchText;         findTask.execute(findParams, showResults);       }     //symbology for graphics       function showResults(results) {         var markerSymbol = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_SQUARE, 10, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 1), new dojo.Color([0, 255, 0, 0.25]));            //find results return an array of findResult.;         var dataForGrid = [];          //Build an array of attribute information and add each found graphic to the map         dojo.forEach(results, function(result) {           var graphic = result.feature;           switch (graphic.geometry.type) {          case "point":             graphic.setSymbol(markerSymbol);            break;               }     //add graphics to map ;                //zoom to selected graphics (not working)              });        //zoom to selected graphics (not working)   var Extent = esri.graphicsExtent(graphic);       map.setExtent(Extent);    }        dojo.addOnLoad(init);      </script>   </head>   <body>    <div dojotype="dijit.layout.BorderContainer" style="width:100%;height:100%;margin:0" design="headline" gutters="true ">     <div class="details" dojotype="dijit.layout.BorderContainer" region="top" style="height:30px;">       Find sites:       <input type="text" id="searchText" value="fsl" />       <input type="button" value="Find" onclick="execute(dojo.byId('searchText').value);"/>     </div>     <div id="map" dojotype="dijit.layout.ContentPane" region="center" style="border:1px solid #000;"></div>    </div>   </body> </html>