Zooming map doesn't update basemap tiles and geocoder dijit question

Jay_Gregory

I am using v3.3 and the geocoder dijit.  I've added a custom address locator, and attached a handler:

dojo.connect(geocoder, "onSelect", doSomething); function doSomething(results){    console.log(results);    map.setExtent(results.extent);    map.setZoom(12);    }

However, when the map zooms, the tiles are blurry and the feature layer isn't drawn.  Furthermore, if I try to manually zoom (either using my mouse scroll wheel or the zoom controls on the map itself), the map returns to the previous extent instead of the next zoom level - no matter if I try to zoom in OR out.  Is anyone else experiencing this problem?

Also, in the geocoder dijit, does specifying the "onSelect" handler override the default behavior for using the default Esri World geocoding service, or is that completely separate?  When I geocode using the Esri World Geocoder Service, the zooming and panning seems to work find when a result is selected.

Thanks!

Jay

khutchins

Hi Jay,

Do you want to zoom to the matched location(s) once the results are found?  The default behavior of the widget is to auto navigate to the results. If you want to handle this yourself set the autoNavigate option to false when creating the Geocoder:

         var geocoder = new esri.dijit.Geocoder({           map: map,           autocomplete: true,           arcgisGeocoder: false,           autoNavigate: false,           geocoders: myGeocoders,           value: '146317'          },"search");

Then you can zoom to the selected feature yourself. Since you want to both zoom to an extent and change the zoom level try using map.centerAndZoom instead of map.setExtent and map.setLevel. For example:

             //define a symbol             var symbol = new esri.symbol.PictureMarkerSymbol({               "angle":0,               "xoffset":0,               "yoffset":10,               "type":"esriPMS",               "url":"http://static.arcgis.com/images/Symbols/Shapes/YellowPin1LargeB.png",               "contentType":"image/png",               "width":24,               "height":24             });             //ar matches = results;             //add a point to the map to show the result location             var graphic = result.feature;             graphic.setSymbol(symbol);             map.graphics.add(graphic);                           //alternative would be to use center and zoom             map.centerAndZoom(result.extent.getCenter(), 18);