Latest Contributions by MikeOnzay

"When is zoomToEFH_Feature called?" - it is called from a select box on a form. The user chooses an item and it calls this function. I do have maxOffset set as a global variable. I was looking at my code again after your last response and I noticed that I used this twice: var maxOffset = function maxOffset(map, pixelTolerance) {                             return Math.floor(map.extent.getWidth() / map.width) * pixelTolerance;                         }; once in the init function and once in the zoomtoEFH_Feature function. Is that right? I also noticed that I am not using the setMaxAllowableOffset anywhere. Should I put that inside the zoomtoEFH_Feature function?     dojo.connect(efhLayer, "onLoad", function() {      dojo.connect(map, "onZoomEnd", function() {      efhLayer.setMaxAllowableOffset(maxOffset(map,1));      });     }); ... View more

[ATTACH=CONFIG]11168[/ATTACH][ATTACH=CONFIG]11169[/ATTACH] Thanks for your help. This is inside my init function: dojo.connect(map, 'onLoad', function (theMap) {                     //resize the map when the browser resizes                     dojo.connect(dijit.byId('mapDiv'), 'resize', map, map.resize);                     var maxOffset = function maxOffset(map, pixelTolerance) {                             return Math.floor(map.extent.getWidth() / map.width) * pixelTolerance;                         };                 }); This is a function that I use to query my feature and then add the graphic(s) to the map: function zoomToEFH_Feature(name) {                   //set up maxOffset for performance                 var maxOffset = function maxOffset(map, pixelTolerance) {                         return Math.floor(map.extent.getWidth() / map.width) * pixelTolerance;                     };                 //create feature layer                   var efhLayer = new esri.layers.FeatureLayer("http://<internal server>/ArcGIS/rest/services/NMFS/EFH_MapperData/MapServer/6", {                     maxAllowableOffset: maxOffset(map, 1),                     outFields: ["*"],                     opacity: 0.75,                     id: "efhL"                 });                 efhLayer.setDefinitionExpression("TYPE='EFH'");                 //initialize query                 EFH_Fquery = new esri.tasks.Query();                 EFH_Fquery.where = "DDBOX = '" + name + "' AND FMC = '" + regionName + "'";                 //console.log(EFH_Fquery.where);     //execute query                 efhLayer.queryFeatures(EFH_Fquery, function showResults(featureSet) {                     //console.log('inside show Results for EFH query');                     map.graphics.clear();                     var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID).setColor(new dojo.Color([255, 255, 0, 0.5]));                                         //console.log(featureSet.features.length);       var legendcode = '<table border=0 cellspacing="5" cellpadding="5"><caption>Lifestages</caption>';      //Loop through features in the featureSet and add them to the map.                     for (var i = 0, il = featureSet.features.length; i < il; i++) {                         //Get the current feature from the featureSet.                         //Feature is a graphic                         var graphic = featureSet.features;                         graphic.setSymbol(symbol);                         var featureextent = graphic.geometry.getExtent();                         map.setExtent(featureextent, true);                         //Add graphic to the map graphics layer.                         map.graphics.add(graphic);   })              } ... View more

The solution was to specify display levels on both of the layers I wanted to use (as the previous user suggested). I also made sure to not use the same level (10) in both layers. basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer",{displayLevels:[10,11,12,13,14,15,16]}); map.addLayer(basemap); //added this layer so there would be a large number of zoom levels and for overview map oceanBM = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer",{displayLevels:[0,1,2,3,4,5,6,7,8,9]}); map.addLayer(oceanBM); ... View more

I want it the other way around. When the ocean basemap disappears I want the light canvas map to appear. ... View more

Thanks for both of those answers. Using expand with setExtent and the true option helps. But I have features that range in size from as big as the Gulf of Mexico to some dinky island in the middle of it. For the small area it would be helpful to see it within the context of nearby land or some other reference information from the Ocean basemap. That is why I was asking if there was a way to evaluate the size or shape of the area and then set a zoom level. ... View more

Okay, I should not have used esri.geometry.webMercatorToGeographic(geometry) in the example because that parcel layer is not in webMercator. I was thinking of my own layer which is in webMercator. That being said I would still like some thoughts on my original questions. ... View more

Got it. Finally. Thanks. ... View more

Instead of two queries, why not add an onclick event to the item in the List that zooms to the geometry? (if you showed your populatelist /showresults functions, it would help) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>   <head>     <title>State Info</title>     <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.5/js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript">var dojoConfig = { parseOnLoad:true };</script>     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.5"></script>     <script type="text/javascript">       dojo.require("esri.tasks.query");    dojo.require("dijit.form.Select");    dojo.require("dijit.form.FilteringSelect");       dojo.require("dojo.data.ItemFileReadStore");    dojo.require("dojo.parser"); var query, queryTask, map, hapcLayer; function init() {     //create map and add layer     map = new esri.Map("mapDiv");     var layer = new esri.layers.ArcGISDynamicMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer");     map.addLayer(layer); hapcLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://egisws02.nos.noaa.gov/ArcGIS/rest/services/NMFS/HAPC/MapServer", {   "id": "HAPC" });     map.addLayer(hapcLayer); hapcLayer.hide();   }     //initialize query task queryTask = new esri.tasks.QueryTask("http://egisws02.nos.noaa.gov/ArcGIS/rest/services/NMFS/HAPC/MapServer/0");     //initialize HAPC query     query = new esri.tasks.Query();     query.returnGeometry = true;     query.outFields = ["HAPC_Sitename","FisheryManagementCouncil"];   function executeQueryTask(fmc) {    //alert(fmc);    //set query based on what user selected in from list;     query.where = "FisheryManagementCouncil = '"+ fmc +"'"; //alert(query.where);     //execute query     queryTask.execute(query,populateList);   }     function populateList(results) {             //Populate the dropdown list box with unique values         var zone;         var values = []; //create array         var testValsEncountered={}; // create JSON object (dictionary) to hold multiple name:value pairs         //Add option to display all zoning types to the dropdown list         //values.push({name:"ALL"}); //All is not a value in the layer which is why it is being hard coded here.                 var features = results.features; //features is a property of query task and has the type of 'graphic'. It is an array.         dojo.forEach (features, function(feature) { //optimized way of doing a for loop, specific to dojo, patterned after HTML5. Let's you apply a function to each element of an array. Feauture is each item in the array.           zone = feature.attributes.HAPC_Sitename; //feature in this context is a graphic and attribute is a property           if (!testValsEncountered[zone]) { //tests to see if the testval object containing the value of zone doesn't exist             testValsEncountered[zone] = true; //creates a "key" zone with a value of true             values.push({name:zone});//push the JSON pair into the values array           }             });     //sort function by Douglas Crockford, page 81, Javascript: The Good Parts   var by = function(name){    return function (o,p) {     var a,b;     if (typeof o === 'object' && typeof p === 'object' && o && p) {      a = o[name];      b = p[name];      if (a===b){       return o;      }      if (typeof a === typeof b){       return a < b ? -1 : 1;      }      return typeof a < typeof b ? -1 : 1;     }else {      throw {       name: 'Error',       message: 'Expected an object when sorting by ' + name      };     }    };   };     values.sort(by('name')); //sorts the array of unique values   values.unshift({name:"ALL"}); //ensures that an ALL option is not part of the sort and is listed first           //Create a ItemFileReadStore and use it for the ComboBox's data source         var dataItems = { //create JSON object to hold multiple name:value pairs                identifier: 'name', //optional                label: 'name', //optional                items: values         };         var store = new dojo.data.ItemFileReadStore({data:dataItems});         dijit.byId("mySelect").store = store;       }   function applyLayerDef(selItem){   map.graphics.clear();   //Filter the layer to display only the selected HAPC feature       if (selItem.value !== 'ALL') {           var layerDefs = [];           layerDefs[0] = "HAPC_Sitename = " + "'" + selItem.value + "'";           layerDefs.visibleLayers = [0];           map.getLayer("HAPC").setLayerDefinitions(layerDefs);     hapcLayer.show();       }       else {           map.getLayer("HAPC").setDefaultLayerDefinitions();     hapcLayer.show();       }   }   dojo.addOnLoad(init); </script>   <body class="tundra">     <br/>     Select A Region :     <select name="fmc2" id="fmc2" onChange="executeQueryTask(dojo.byId('fmc2').value);">   <option value="" selected="selected">Select Region</option>   <option value="Mid-Atlantic Fishery Management Council">MAFMC</option>   <option value="Gulf of Mexico Fishery Management Council">GFMC</option> </select> <select id="mySelect"              dojotype="dijit.form.FilteringSelect"              style="width:300px;font-size:18px;"              autoComplete="true"              forceValidOption="false"              value="Select HAPC"     onChange="applyLayerDef(this)">     </select>     <div id="mapDiv" style="width:600px; height:600px; border:1px solid #000;"></div>       </body> </html> Your comment reminded me that I had something similar working the other day in another file. I've included the full file here. Except I used onChange instead of onClick. My problem is really about how to zoom into a feature or graphic that the user chooses from a list. As a beginner I've been struggling to figure out how to do this. I think I have to use a graphic but I'm not sure because this applyLayerDef function seems to have no problem displaying the individual feature. I also want the map to zoom into a predefined area with the first drop down box but that list is not getting populated from a map service. I've thought about using a JSON file. ... View more