topic Re: Zoom in on a feature in ArcGIS JavaScript Maps SDK Questions

Zoom in on a feature

JamesBurton — Tue, 08 Feb 2011 10:04:07 GMT

Hi, I'm a beginner with the JS API and this is a really basic question but I couldn't find an example of it in the samples. I have a map which includes shape layer, and a form field that allows the user to select one of those features from a select box. This gives the NAME attribute of the feature -- I want to redraw the map zoomed in on that feature. Thanks,

Re: Zoom in on a feature

JamesGonsoski — Tue, 08 Feb 2011 21:17:20 GMT

For some examples, check out the user submissions in the ArcGIS API for Javascript Code Gallery. Type 'zoom' in the search box.

To redraw the map zoomed to a feature, you can set the map extent (map.setExtent) to the appropriate geometry.

Two examples in the code gallery offer different ways to accomplish this, along with some other nice stuff:

Zoom to DataGrid example

An easier way to zoom with a Dojo digit

Re: Zoom in on a feature

JamesBurton — Wed, 09 Feb 2011 09:22:46 GMT

For some examples, check out the user submissions in the ArcGIS API for Javascript Code Gallery. Type 'zoom' in the search box.

To redraw the map zoomed to a feature, you can set the map extent (map.setExtent) to the appropriate geometry.

Two examples in the code gallery offer different ways to accomplish this, along with some other nice stuff:

Zoom to DataGrid example

An easier way to zoom with a Dojo digit

Many thanks Jim.

Re: Zoom in on a feature

JaclynGorman — Wed, 09 Feb 2011 19:10:34 GMT

I was wondering if anyone new if it was possible to zoom to a location within a certain distance. For example, I zoom to an address but want to zoom in a mile around the address and not to the point. Thanks

Jaclyn

Re: Zoom in on a feature

JamesGonsoski — Wed, 09 Feb 2011 19:35:57 GMT

I was wondering if anyone new if it was possible to zoom to a location within a certain distance. For example, I zoom to an address but want to zoom in a mile around the address and not to the point. Thanks

Jaclyn

A simple way to handle this is the map.centerAndZoom method. It requires a point on the map and depending on the type of service you specify either a fixed map scale or zoom factor for the extent.

You can also set the extent of the map yourself using map.setExtent method. Here, you are in control of the extent you are sending; defined as XMin, XMax, YMin, YMax in map units. If you have a point XY coordinate, your XMin = XMax and YMin = YMax. Adding/Subtracting map units to the Min and Max values of the X and Y coordinates, gets you a zoomed extent.

See Setting and Using Extents in a Map for more details.