topic Re: Zoom to Issues in ArcGIS JavaScript Maps SDK Questions

Zoom to Issues

jaykapalczynski — Sun, 12 Dec 2021 02:14:32 GMT

I included the relevant code I think for this issue....

I have my Map

I am setting the spatial reference of the query results

Using the results to create a new graphics Layer

The Graphics are located in the correct position so that works fine...

BUT when the below runs it zooms off the coast of Africa. I know this is a Spatial Reference issue but not sure where and how to set it...

Thoughts?

var extGraphics = graphicsUtils.graphicsExtent(map.graphics.graphics);
map.setExtent(extGraphics);

    //SET THE MAP
    var map = new Map("map", {
        basemap: "dark-gray",
        center: [-79.665, 37.629],
        zoom: 8,
        logo: false,
        showLabels: true
    });


      // QUERY FOR County and Squad
      var queryTask = new QueryTask("https://vafwisdev.dgif.virginia.gov/arcgis/rest/services/Projects/Summons/FeatureServer/5");
      var query = new Query();
       query.outSpatialReference = {wkid: 4326}; //4326 //102100 //3857
       query.returnGeometry = true;

/// SNIP

      var countiesGraphicsLayer = new GraphicsLayer({opacity:0.75});

      //This is the click event for the graphics on the map
      countiesGraphicsLayer.on("click", selectGrid);
      map.addLayer(countiesGraphicsLayer);

/// SNIP

        arrayUtils.map(results.features, function(feature) {
          feature.setSymbol(symbol);
          feature.setInfoTemplate(infoTemplate);
          countiesGraphicsLayer.add(feature);
           
          var featureAttributes = feature.attributes;
          for (var attr in featureAttributes) {
            resultItems.push("<b>" + attr + ":</b>  " + featureAttributes[attr] + "<br>");
          }
          resultItems.push("<br>");
        });
        dom.byId(ActivePane).innerHTML = resultItems.join("");

          var extGraphics = graphicsUtils.graphicsExtent(map.graphics.graphics);  
        map.setExtent(extGraphics); ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

/// SNIP‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Zoom to Issues

RobertScheitlin__GISP — Tue, 04 Apr 2017 14:05:44 GMT

Jay,

You are using an esri basmap which is in WKID 102100 but when you query your map service you are setting the out spatial reference to WKID 4326. That would cause your issue.

you should use:

query.outSpatialReference = map.spatialReference;

Re: Zoom to Issues

jaykapalczynski — Tue, 04 Apr 2017 14:16:02 GMT

If I do this

query.outSpatialReference = map.spatialReference;

and may map looks like this:

var map = new Map("map", {
basemap: "dark-gray",
center: [-79.665, 37.629],
zoom: 8,
logo: false,
showLabels: true
});

Now its not only zooming to Africa but drawing the graphics there....tried clearing my cache etc...

Re: Zoom to Issues

jaykapalczynski — Tue, 04 Apr 2017 14:21:40 GMT

maybe I have to set the graphics layer to 102100

Re: Zoom to Issues

RobertScheitlin__GISP — Tue, 04 Apr 2017 14:26:55 GMT

Jay,

Your next issue is this line:

var extGraphics = graphicsUtils.graphicsExtent(map.graphics.graphics);

you are not adding your results to map.graphics anymore:

var extGraphics = graphicsUtils.graphicsExtent(countiesGraphicsLayer.graphics);

Re: Zoom to Issues

jaykapalczynski — Tue, 04 Apr 2017 14:53:03 GMT

I got it to work but ONLY by setting it this way.

query.outSpatialReference = {wkid: 102100};

if I use this is does not work.

query.outSpatialReference = map.spatialReference;

Re: Zoom to Issues

jaykapalczynski — Tue, 04 Apr 2017 14:58:39 GMT

Its working but zooming in a bit much....can I back off the zoom a little bit to include all the graphics?

Re: Zoom to Issues

RobertScheitlin__GISP — Tue, 04 Apr 2017 14:59:53 GMT

Strange indeed. Working off the code I provided in your previous question I had no problem using

query.outSpatialReference = map.spatialReference;

and

var extGraphics = graphicsUtils.graphicsExtent(countiesGraphicsLayer.graphics);

Re: Zoom to Issues

jaykapalczynski — Tue, 04 Apr 2017 15:14:06 GMT

think its working now...ONE second.....Thanks Again dude....BRB

Re: Zoom to Issues

jaykapalczynski — Tue, 04 Apr 2017 15:20:09 GMT

seems to be working now....but still have to set the spatial reference to

query.outSpatialReference = {wkid: 102100};

instead of query.outSpatialReference = map.spatialReference;

Last question....is there a way to set the extent but then back off a bit....it zooms fine but a little to close for my liking...can I back off a fraction or some setting.

Re: Zoom to Issues

RobertScheitlin__GISP — Tue, 04 Apr 2017 15:27:39 GMT

Jay,

Just use:

map.setExtent(extGraphics.expand(1.2));

Re: Zoom to Issues

SteveCole — Tue, 04 Apr 2017 15:29:52 GMT

Extent has a method called expand which will take the extent and enlarge it by the factor you specify.

Re: Zoom to Issues

jaykapalczynski — Tue, 04 Apr 2017 15:50:42 GMT

thats it.....THANKS....I knew there was something small you could add....