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; } } }

Auto zoom from larger extent into initial extent

RobertMyers

Is it possible on opening a flex app to an extent showing a wide area, pause ,then zoom into the initial extent? An example would be to show a State for a second then zoom into a city which would be the area of interest for the flex map.

Find more posts tagged with

Accepted answers

All comments

RobertMyers

I have another post about this problem. http://forums.arcgis.com/threads/30003-Bind-Maps-and-query-results-glitch If you hit refresh it should correct the problem. Or sometimes clearing the browser cache will fix it. The points "in Africa" are being reprojected to the web mercator.

The code that I attached previously is the same as the web link code. The query result include outSpatialReference="{myMap.spatialReference}. myMap has <esri:SpatialReference wkid="102100"/>

I am wondering if it's an issue with the newer Flex API 2.3.

RobertScheitlin__GISP

Robert,

Only problem I see is that when you click an available property on the list to the right it zooms to Africa.

RobertMyers

Perfect. Now I understand it. I am fairly new to flex and seeking help in this forum. I am getting an understanding why you are MVP! Thank you, again!

You can see my full app here with the zooming function.

http://gis.vil.woodridge.il.us/availablesites/

RobertScheitlin__GISP

Robert,

Here is the code working.

AvalSites.zip

metro2.PNG

RobertMyers

I have attached a version of the code. It's a zipped text file. Thinking this through, I would also need to reset the initial extent in the case when the Initial Extents button is clicked it doesn't go to the opening extent. Basically, at the app opening it would pause, giving an opening reference to the local with respect to the City of Chicago then zooms into the suburb. I really appreciate your help.

AvalSites.zip

webmercator.txt.zip

RobertScheitlin__GISP

Robert,

It is probably going to be best if you attach your code or a sample application and I can show you where to put the code to do this.

RobertMyers

I'm not quite experienced enough to know how to do the map load event listener. I did find however some code on a layerLoadHandler(). I created the below function and added load="layerLoadHandler()" to each of the layers being loaded - Bing Maps, ArcGISDynamicMapServiceLayer and the GraphicsLayer. I found that the function executed buy the Alert.show message but the zooming affect did not work.

Any addition help with the map load event listener or the code below would be appreciated. Thank you.

   private function layerLoadHandler():void
   {
    var allLayersLoaded:Boolean = true;

    for each (var id:String in myMap.layerIds)
    {
     var layer:Layer = myMap.getLayer(id);
     if (!layer.loaded)
     {
      allLayersLoaded = false;
      break;
     }
    }

    if (allLayersLoaded)
    {
          Alert.show("All Layers Have Loaded!");
             setTimeout(zoomNext, 2000, [ new Extent(-9811265, 5111444, -9791850, 5130706)]);

    }
   }

RobertScheitlin__GISP

Robert,

Try calling it from a map load event listener.

RobertMyers

I can not figure out how I would call setTimeout automatically as the flex app opens. I have tried creationComplete with a handler to call a funtcion with doQuery and the setTimeout as a fuction. No luck. I'm really not familiar how this is done beyond doing it with click event.

Robert,

Sure just set the map's inital extent to the state value and then have a zoom function like this called using setTimeout:
//2000 is milliseconds and equals 2 seconds.
setTimeout(zoomNext, 2000, [ new Extent(xmin, ymin, xmax, ymax) ]);
private function zoomNext(ext:Extent):void
{
   map.extent = ext;
}

RobertScheitlin__GISP

Robert,

Sure just set the map's inital extent to the state value and then have a zoom function like this called using setTimeout:

//2000 is milliseconds and equals 2 seconds.
setTimeout(zoomNext, 2000, [ new Extent(xmin, ymin, xmax, ymax) ]);
private function zoomNext(ext:Extent):void
{
   map.extent = ext;
}

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.