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

Zoom in Zoom out control

PramodHarithsa1

Hi,
I have two external button for zoomin and zoom out.
on click of zoomin button i am using

map.centerAndZoom()

function.
But it doesnt work for me.
i want the extent to be maximixed and minimized..

when use this,
map.centerAndZoom((0,0),1)
map.centerAndZoom((0,0),2)

map centers to one position.. how do i make it dynamic..
i.e., on click on button it should keep zooming in.. and similarly the zoom out button as well

what other functions for the same can i manifest?

Vind meer berichten getagd met

Accepted answers

HemingZhu

Hi,
I have two external button for zoomin and zoom out.
on click of zoomin button i am using
map.centerAndZoom()
function.
But it doesnt work for me.
i want the extent to be maximixed and minimized..

when use this,
map.centerAndZoom((0,0),1)
map.centerAndZoom((0,0),2)

map centers to one position.. how do i make it dynamic..
i.e., on click on button it should keep zooming in.. and similarly the zoom out button as well

what other functions for the same can i manifest?

Try this:
For ZoomIn Button:
var extent=map.extent;
map.setExtent(extent.expand(0.5));
For ZoomOut Button:
var extent=map.extent;
map.setExtent(extent.expand(2));

All comments

HemingZhu

Thanks a lot Zhu, That worked for me..
where can i get such methods described? I was looking here http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp_start.htm

Under API Reference Tab looking for Geometry -> Extent.

PramodHarithsa1

Try this:
For ZoomIn Button:
var extent=map.extent;
map.setExtent(extent.expand(0.5));
For ZoomOut Button:
var extent=map.extent;
map.setExtent(extent.expand(2));

Thanks a lot Zhu, That worked for me..
where can i get such methods described? I was looking here http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp_start.htm

HemingZhu

Hi,
I have two external button for zoomin and zoom out.
on click of zoomin button i am using
map.centerAndZoom()
function.
But it doesnt work for me.
i want the extent to be maximixed and minimized..

when use this,
map.centerAndZoom((0,0),1)
map.centerAndZoom((0,0),2)

map centers to one position.. how do i make it dynamic..
i.e., on click on button it should keep zooming in.. and similarly the zoom out button as well

what other functions for the same can i manifest?

Try this:
For ZoomIn Button:
var extent=map.extent;
map.setExtent(extent.expand(0.5));
For ZoomOut Button:
var extent=map.extent;
map.setExtent(extent.expand(2));

PramodHarithsa1

With Reference to the doc.,
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi_start.htm

How are the constants ZOOM_IN and ZOOM_OUT used?

PramodHarithsa1

If you're using a tiled service, you can get the map's level, add or subtract one from it depending on which button is clicked and pass that as the second argument to centerAndZoom.

If you're not using a tiled service, centerAndZoom probably isn't what you want. Rather, try building a new extent and using map.setExtent. More info about using extents: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_extents.htm

I have a tiled service layer as well as a DynamicMapServiceLayer in the map..
for the location attribute i tried something like (map.extent.xmin+map.extent.xmax)/2 and similarly for y parameter.. but it didn't work for me.
I just want the + and - functionality of zoom slider into buttons i have defined!

derekswingley1

If you're using a tiled service, you can get the map's level, add or subtract one from it depending on which button is clicked and pass that as the second argument to centerAndZoom.

If you're not using a tiled service, centerAndZoom probably isn't what you want. Rather, try building a new extent and using map.setExtent. More info about using extents: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_extents.htm

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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