topic Re: Set zoomToFullExtent to be my Initial Extent in ArcGIS JavaScript Maps SDK Questions

Set zoomToFullExtent to be my Initial Extent

CarrieTropasso1 — Mon, 23 Jan 2012 16:08:56 GMT

I am using the Navigation Toolbar from the API Samples. However, the Zoom to Full Extent zooms to the full extent of the underlying base map and I want this to zoom to my Initial Extent. I saw a previous post on here that states to save a copy of the extent and connect a button or link to a function that passes your extent to map.setExtent ().

I already have the button (from the Navigation Toolbar api sample) and the function for this right now is ???onClick:function(){navToolbar.zoomToFullExtent();}??? which works as described above (zooms to the extent of the base map).

I am fairly new to JavaScript but can usually get things to work if I have examples. That being said, can someone provide me a code example showing me how to do this rather than just outlining the steps?

Thanks,
Carrie

Re: Set zoomToFullExtent to be my Initial Extent

derekswingley1 — Sun, 12 Dec 2021 08:17:32 GMT

You can take a look at the code for zoomToFullExtent by typing this in firebug or chrome dev tools console:

navToolbar.zoomToFullExtent.toString()

That will print:

"function () { 
  var map = this.map; 
  map.setExtent(map.getLayer(map.layerIds[0]).initialExtent); 
}"

The easiest way to change this is to re-define zoomToFullExtent for your toolbar. After you create your toolbar, do something like this:

navToolar.zoomToFullExtent = function() {
  var map = this.map;
  map.setExtent(appFullExtent);
}

Where appFullExtent is a global that represents your app's full extent.

Re: Set zoomToFullExtent to be my Initial Extent

CarrieTropasso1 — Tue, 24 Jan 2012 15:15:29 GMT

Thanks! That's what I needed and I got it working successfully.

Re: Set zoomToFullExtent to be my Initial Extent

derekswingley1 — Tue, 24 Jan 2012 15:19:56 GMT

Thanks for following up. Can you mark my post as an answer?

Re: Set zoomToFullExtent to be my Initial Extent

BillShockley — Wed, 25 Jul 2012 14:13:48 GMT

Thanks...it took me a little bit, but I got mine to work as well!!

Re: Set zoomToFullExtent to be my Initial Extent

JessicaKnight1 — Wed, 25 Jul 2012 14:26:40 GMT

Thanks for this. Worked like a charm!

Re: Set zoomToFullExtent to be my Initial Extent

danbecker — Mon, 30 Jul 2012 15:24:49 GMT

awesome. Thanks Derek!

Re: Set zoomToFullExtent to be my Initial Extent

RobinAlexis_Olaya — Sun, 12 Dec 2021 08:17:35 GMT

You can take a look at the code for zoomToFullExtent by typing this in firebug or chrome dev tools console:
navToolbar.zoomToFullExtent.toString()
That will print:
"function () { 
  var map = this.map; 
  map.setExtent(map.getLayer(map.layerIds[0]).initialExtent); 
}"
The easiest way to change this is to re-define zoomToFullExtent for your toolbar. After you create your toolbar, do something like this:
navToolar.zoomToFullExtent = function() {
  var map = this.map;
  map.setExtent(appFullExtent);
}
Where appFullExtent is a global that represents your app's full extent.

Thank's it's very usefull.
Muchas gracias, me ayudó bastante. From Cali, Colombia

Re: Set zoomToFullExtent to be my Initial Extent

RobertKirkwood — Sun, 12 Dec 2021 08:17:38 GMT

You can take a look at the code for zoomToFullExtent by typing this in firebug or chrome dev tools console:
navToolbar.zoomToFullExtent.toString()
That will print:
"function () { 
  var map = this.map; 
  map.setExtent(map.getLayer(map.layerIds[0]).initialExtent); 
}"
The easiest way to change this is to re-define zoomToFullExtent for your toolbar. After you create your toolbar, do something like this:
navToolar.zoomToFullExtent = function() {
  var map = this.map;
  map.setExtent(appFullExtent);
}
Where appFullExtent is a global that represents your app's full extent.

where do i modify the code with the above edit?

here is what i have:

 navToolbar = new Navigation(map);
    on(navToolbar, "onExtentHistoryChange", extentHistoryChangeHandler);
    
    registry.byId("zoomin").on("click", function(){
        navToolbar.activate(Navigation.ZOOM_IN);
    });
    
    registry.byId("zoomout").on("click", function(){
        navToolbar.activate(Navigation.ZOOM_OUT);
    });
    
    registry.byId("zoomfullext").on("click", function(){
        navToolbar.zoomToFullExtent();
    });
    
    registry.byId("zoomprev").on("click", function(){
        navToolbar.zoomToPrevExtent();
    });
    
    registry.byId("zoomnext").on("click", function(){
        navToolbar.zoomToNextExtent();
    });
    
    registry.byId("pan").on("click", function(){
        navToolbar.activate(Navigation.PAN);
    });
    
    registry.byId("deactivate").on("click", function(){
        navToolbar.deactivate();
    });
    
    function extentHistoryChangeHandler(){
        registry.byId("zoomprev").disabled = navToolbar.isFirstExtent();
        registry.byId("zoomnext").disabled = navToolbar.isLastExtent();
    }
});

Thanks in advance!