nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Zooming into layers from a dynamic map service

BetsySchenck-Gardner

Is there any way to zoom into some of the layers of a dynamic map service? I'm doing this:

var imageParameters = new esri.layers.ImageParameters(); imageParameters.layerIds = [2,3,4]; imageParameters.layerOption = esri.layers.ImageParameters.LAYER_OPTION_SHOW; GISLayer = new esri.layers.ArcGISDynamicMapServiceLayer(mapServiceURL,{"imageParameters":imageParameters}); map.addLayer(GISLayer);

I get the layers I want to see on the map but I would like to have map zoom into the extent of these layers. Is this possible?
TIA

Find more posts tagged with

Accepted answers

kenbuja

If you're trying to get the extent of the features within that particular layer, you can use the QueryTask to return all the features and set the extent from those features

queryTask = new esri.tasks.QueryTask("http://service.ncddc.noaa.gov/arcgis/rest/services/OceanExploration/regatlasSATL/MapServer/5"); query = new esri.tasks.Query(); query.returnGeometry = true; query.outFields = ["zkdiveid"]; query.where = "1=1";  queryTask.execute(query, function (fset) {      map.setExtent(esri.graphicsExtent(fset.features)); });

All comments

BetsySchenck-Gardner

Many thanks Ken. That was the solution that worked for me.

kenbuja

If you're trying to get the extent of the features within that particular layer, you can use the QueryTask to return all the features and set the extent from those features

queryTask = new esri.tasks.QueryTask("http://service.ncddc.noaa.gov/arcgis/rest/services/OceanExploration/regatlasSATL/MapServer/5"); query = new esri.tasks.Query(); query.returnGeometry = true; query.outFields = ["zkdiveid"]; query.where = "1=1";  queryTask.execute(query, function (fset) {      map.setExtent(esri.graphicsExtent(fset.features)); });

VinayBansal

I think you need something like this......

 GISLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://service.ncddc.noaa.gov/arcgis/rest/services/OceanExploration/regatlasSATL/MapServer", { "imageParameters": imageParameters });
    map.addLayer(GISLayer);
   dojo.connect(GISLayer, 'onLoad', function(mapLayout) {
      map.setExtent(GISLayer.fullExtent);
    });

    //1. set map extent example
    // map.setExtent(map.extent);

BetsySchenck-Gardner

So I created a jsfiddle example to show my results of trying to get the extent to work. None is coming back with the results I want. First setting uses map.setExtent(map.extent), second setting uses esri.request call, and third setting uses esri.graphicsExtent. Can you tell me what I'm doing wrong? Here's the link to jsfiddle example: http://jsfiddle.net/betsyjsg/8Ty9x/7/

kenbuja

You can use esri.graphicsExtent to get the extent from an array of graphics. Just be warned that it won't work as expected if there is only one point in the graphics array.

BetsySchenck-Gardner

Thanks guys. The method works but unfortunately not the way I need it to. The problem I have is we have general layers for a specific type of data ... say ship tracks or dive locations. But these can be world-wide. In the map service, they are using a layer definition call to subsample out the points or lines for a particular cruise but the layer extent is for the whole general layer. So when I use this routine, it zooms to the extent of the general layer ... which is what you expect ... and not to the smaller subset.

JasonZou

Good point, Ken! This is another way to union the extents one by one, and it should perform on the client side for a little performance gain.

kenbuja

Jason,

Instead of using a geometry service to union the extents together, why not just use the Extent's Union method (assuming the extents have the same spatial reference)

JasonZou

Here is a sample code to zoom to one layer's extent. If you need to zoom to the extent of multiple layers, you will need to get the extent of each layer using esri.request, and use geometryService.union to get the extent to cover all the layers, and zoom the map to it.

esri.request({
    url: mapService.url + "/" + lyrId,
    content: {
        f: "json"
    },
    handleAs: "json",
    callbackParamName: "callback"
}).then(function (jsonLayer) {
    // NOTE: jsonLayer.extent is not a real Extent object, but just a json object
    map.setExtent(new esri.geometry.Extent(jsonLayer.extent));
});

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.