topic Re: HomeButton doesn't abide by initial extent in ArcGIS JavaScript Maps SDK Questions

HomeButton doesn't abide by initial extent

AshleyPeters — Wed, 05 Aug 2015 21:26:18 GMT

I've added the HomeButton dijit into my map. When it is first opened, the map is centered on the state of Alabama. When the HomeButton is pressed, the extent moves to the northeast and is centered on the eastern Tennesse area. Has anyone else experienced this or know a way to resolve it? Thanks in advance!

Re: HomeButton doesn't abide by initial extent

RobertScheitlin__GISP — Wed, 05 Aug 2015 21:58:35 GMT

Ashley,

You can assign the extent that you want the button to use in the dijits constructor.

https://developers.arcgis.com/javascript/jsapi/homebutton-amd.html#homebutton1

Re: HomeButton doesn't abide by initial extent

AshleyPeters — Thu, 06 Aug 2015 12:53:30 GMT

Robert,

I did use the constructors yesterday before I posted the initial question. I should have mentioned that.

I had previously created an initial extent to use within my map. I used that same variable in the HomeButton with the extent constructor. As soon as I open the map, I can hit the HomeButton and it will automatically move to the northeast of where I have it set.

I haven't tried hardcoding the extent in to see if that would work, but I'm not sure what else to try.

Ashley

Re: HomeButton doesn't abide by initial extent

RobertScheitlin__GISP — Thu, 06 Aug 2015 13:03:22 GMT

Ashley,

Can you post the code you are using? Minus your service urls of course.

Re: HomeButton doesn't abide by initial extent

AshleyPeters — Thu, 06 Aug 2015 13:29:51 GMT

Here's the portion of the .js file I've modified that deals with the HomeButton and initial extent. I know I likely don't need the center, extent and zoom constructors in the map, but I've been trying a multitude of different things to resolve the map bumping away. If you need the rest of the code, let me know and I'll post it.

*Edit - Looking further, could this be a wkid issue?

var extentInitial = new Extent({

"xmin": -9850000,

"ymin": 3400000,

"xmax": -9320000,

"ymax": 4300000,

"spatialReference": {

"wkid": 102100

}

});

// Create the map

mapMain = new Map("cpCenter", {

basemap: "satellite",

//center: [-85.6, 34.4],

extent: extentInitial,

zoom: 7

});

// Add BasemapGallery widget to the map

var basemapGallery = new BasemapGallery ({

showArcGISBasemaps: true,

map: mapMain}, "basemapGallery");

basemapGallery.startup();

// Add HomeButton widget to the map

var home = new HomeButton({

map: mapMain,

extent: extentInitial

}, "HomeButton");

home.startup();

Re: HomeButton doesn't abide by initial extent

AshleyPeters — Thu, 06 Aug 2015 14:17:53 GMT

I tested the idea of the wkid being an issue. My services had 2 wkids. I fixed those where they all have the same wkid now. I also re-did my initial extent to reflect the new wkid. The map still moves when I press the home button.

Re: HomeButton doesn't abide by initial extent

RobertScheitlin__GISP — Thu, 06 Aug 2015 16:24:45 GMT

Ashley,

I am not having any luck on this issue.

Re: HomeButton doesn't abide by initial extent

AshleyPeters — Thu, 06 Aug 2015 17:43:41 GMT

Thanks for your time Robert!

Re: HomeButton doesn't abide by initial extent

Anonymous User — Sun, 12 Dec 2021 01:02:51 GMT

I use the map.centerAndZoom() method on a button of my own making instead of the Home button offered by ESRI. Have you given that a try?

On map load I grab the layer in the map that I want to use for center, get the extent, then get the center of the extent (re-project to web mercator if necessary) and use that as the center point:

map.centerAndZoom(layer.fullExtent.getCenter(), 10)

GS.project([layer.fullExtent.getCenter()], mercProjectionVar, function(pt) {
      map.centerAndZoom(pt[0], 10)
});

Re: HomeButton doesn't abide by initial extent

AshleyPeters — Fri, 07 Aug 2015 16:31:54 GMT

Sarah,

I haven't tried that, but it sounds like it may be worth the effort. I'm new to JavaScript, so I'm trying to keep things as simple as possible. So right now, though the HomeButton dijit is acting a little wonky, it's usable. But I'll give that a shot once I feel more confident in my JavaScript writing capabilities!

Ashley

Re: HomeButton doesn't abide by initial extent

Anonymous User — Fri, 07 Aug 2015 16:34:18 GMT

Certainly Sorry to not have an answer to your original question!

Re: HomeButton doesn't abide by initial extent

JeffJacobson — Thu, 13 Aug 2015 17:56:21 GMT

Can you post your code on Plunker or JSFiddle?

Re: HomeButton doesn't abide by initial extent

AshleyPeters — Thu, 13 Aug 2015 19:06:13 GMT

I think this should take you to it on JSFiddle: Link