[GIS] How to zoom to layer using ArcGIS Javascript API

arcgis-javascript-apiarcgis-server

I tried to get the function "Zoom to Layer" done using the following code snippet. But it does not change anything. The layer is a feature service layer, and I can see the full extent object of the layer which is not null. Any idea?

tree.on("dblClick", function (item, node, event) {
  var layerId=item.id[0];
  var layer = map.getLayer(layerId);

   if (!layer)
   {
    return;
   }
   else
   {
    var lyrExt=layer.fullExtent;
    var gsvc=  esriConfig.defaults.geometryService;
    var outSR = new esri.SpatialReference({ wkid: 102100 });
    gsvc.project([lyrExt], outSR, function(newExt) {
    map.setExtent(newExt[0],true);
   }
});

Best Answer

From @Alex's comment indicating he found the solution :

You "need to convert the projection of the layer to map's projection first."

Related Solutions

[GIS] automatic zoom to layer in arcgis js api

I've managed to solve this problem using this as a reference. Basically, I looped all of the Polyline graphics (that's the only type the application is interested in) included in the FeatureLayer and do a union operation on each of the graphic's extent. Below is my version.

function featureUpdateEnd(error, info)  {

    var localExtent;
    if (featuremap.graphics.length > 0) {

        for (var i = 0; i < featuremap.graphics.length; i++)    {

            if (featuremap.graphics[i].geometry instanceof esri.geometry.Polyline)  {

                try {

                    if (i == 0) {

                        localExtent = new esri.geometry.Extent(featuremap.graphics[i].geometry.getExtent().toJson());
                    }
                    else    {

                        localExtent = localExtent.union(featuremap.graphics[i].geometry.getExtent());
                    }
                }
                catch (err) {

                    //alert(String(i) + " is caught: " + err.message);
                }
            }
        }

        localExtent = localExtent.expand(1.25);
        map.setExtent(localExtent.getExtent());
    }
}

featuremap is the FeatureLayer. featureUpdateEnd is a function that is called by FeatureLayer's onUpdateEnd event. I did not use onLoad because the event fires even if the FeatureLayer hasn't finished loading yet, giving me a zero-length array to loop on. I had to enclose part of it in a try-catch statement because of an undefined instance is encountered (but this is probably only due to my data).

[GIS] Delete Records from Feature Layer using ArcGIS API for JavaScript

After searching through the forums, there was a queestion on deleting features from a feature layer and thus I came up with this

var id = 2;
var query = new esri.tasks.Query();
query.where = FIELD_ID + " = " + id  ; //the valve ops rec layer thus using the val ops rec incident id

var featureLayer = new esri.layers.FeatureLayer(FEATURE_SERVER +"/"+LAYER_V_REC,
{
    outFields:["*"]
});

featureLayer.selectFeatures(queryValveRec, esri.layers.FeatureLayer.SELECTION_NEW, 
function (features)
{
    for (var i = 0; i < features.length; i++)
    {
        featureLayer.applyEdits(null, null, [features[i]], function (adds, updates, deletes)
        {
            alert("adds : " + JSON.stringify(adds));
            alert("updates : " + JSON.stringify(updates));
            alert("deletes : " + JSON.stringify(deletes));
        }, 
        function (err)
        {
            alert(err);
        });
    }
});

and this method works rather than getting features then trying to send to applyEdits. I hope this helps someone cause it took me 2 days to find this insufferable solution.

Best Answer

Related Solutions

[GIS] automatic zoom to layer in arcgis js api

[GIS] Delete Records from Feature Layer using ArcGIS API for JavaScript

Related Question